WooCommerce Docs
Product Add-Ons ermöglicht es Ihnen, Ihren Produkten kostenpflichtige oder kostenlose Optionen hinzuzufügen, indem Sie verschiedene Feldtypen wie Optionsfelder, Kontrollkästchen, Dropdown-Felder, benutzerdefinierte Texteingaben und mehr verwenden.
Diese Erweiterung funktioniert auch mit WooCommerce-Abonnements (separater Kauf), um dem wiederkehrenden Abonnement zusätzliche Preise hinzuzufügen.
Installation Nach oben
- Laden Sie die Erweiterung von Ihrem WooCommerce-Dashboard herunter.
- Gehen Sie zu Plugins > Neu hinzufügen > Hochladen und wählen Sie die ZIP-Datei aus, die Sie gerade heruntergeladen haben.
- Klicken Sie auf Jetzt installieren und dann auf Aktivieren.
Einrichtung und Konfiguration Nach oben
Um Add-Ons zu erstellen, verwenden Sie die Schaltfläche Add-Ons erstellen, die bei der Installation oben auf dem Bildschirm angezeigt wird.
Oder gehen Sie zu Produkte > Add-Ons und wählen Sie dann Neu erstellen. Sie können Add-Ons auf Produktebene hinzufügen, indem Sie ein Produkt bearbeiten.
Einstellungen Zurück zum Anfang
Mit den Add-On-Einstellungen können Sie Add-Ons konfigurieren, die für alle Produkte oder Produkte in ausgewählten Kategorien gelten. Dazu gehören:
- Name: Wird verwendet, um Add-ons voneinander zu unterscheiden und wird nicht auf der Website angezeigt. Standardmäßig wird dies für Sie ausgefüllt.
- Priorität: Geben Sie die Reihenfolge an, in der sie angezeigt werden sollen, wenn mehr als ein Add-on aktiviert ist. Ein Add-on mit Priorität 1 würde über einem Add-on mit Priorität 10 stehen.
- Produktkategorien: Setzen Sie diese Option auf „Alle Produkte“ oder wählen Sie die Kategorien, auf die das Add-on angewendet werden soll. Wenn Sie das Tag „Alle Produkte“ entfernen, wird das Add-on deaktiviert, was für saisonale oder zeitlich begrenzte Add-ons nützlich sein kann.
Speichern, wenn Sie fertig sind. Als Nächstes werden wir das Hinzufügen der eigentlichen Add-ons behandeln.
Feldtypen Nach oben
Add-on-Felder werden sowohl für produktspezifische als auch für globale Add-ons auf die gleiche Weise hinzugefügt. Dieses Feld befindet sich bei einem neuen oder bestehenden Produkt. Um Ihr erstes Add-on hinzuzufügen, klicken Sie auf die Schaltfläche „Feld hinzufügen“. Dadurch wird ein leeres Add-on eingefügt:
Wählen Sie einen Feldtyp aus dem obersten Auswahlfeld. Zurzeit sind folgende Optionen verfügbar:
- Mehrfachauswahl – Zeigt eine Liste von Optionen an, aus denen der Benutzer wählen kann. Anzeige in Form von Dropdowns, Bildern oder Optionsfeldern.
- Kundendefinierter Preis – Zeigt ein Feld an, in das der Benutzer einen numerischen Wert eingeben kann, der zum Produktpreis addiert wird.
- Menge – Zeigt ein Drehrad an, in das der Benutzer eine Zahl eingeben kann.
- Kontrollkästchen – Zeigt ein Kontrollkästchen oder Kontrollkästchen an, die vom Kunden angekreuzt/abgewählt werden können.
- Kurzer Text – Es gibt fünf eingebaute Typen. Dies zeigt ein Textfeld an, in das der Benutzer entweder einen beliebigen Text, nur Buchstaben, nur Zahlen, beides oder nur eine E-Mail-Adresse eingeben kann.
- Langer Text – Zeigt ein Textfeld an, in das der Benutzer mehrere Zeilen Text schreiben kann (Zeichenbegrenzung möglich).
- Datei-Upload – Ermöglicht es Benutzern, eine Datei hochzuladen.
- Überschrift – Fügen Sie eine Überschrift zwischen Add-Ons hinzu, um sie in Abschnitte zu gruppieren.
Mehrfache Auswahl Nach oben
Kunden wählen nur eine Option aus einer Reihe von vordefinierten Optionen. Beispiele: Farbe oder Größe.
- Titel: Formatieren Sie den Titel als Beschriftung oder Überschrift, oder blenden Sie ihn aus.
- Anzeigen als: Wählen Sie aus, wie die Optionen dem Kunden angezeigt werden sollen. Anzeige als Dropdowns, Bilder oder Optionsfelder (siehe unten).
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn eine Option nicht ausgewählt ist.
- Optionen: Fügen Sie eine Bezeichnung für jede Option sowie einen Preis hinzu, falls erforderlich. Berechnen Sie den Preis als Pauschalbetrag unabhängig von der Menge, pro bestellter Menge oder als Prozentsatz des Gesamtbetrags. Um eine Optionszeile zu entfernen, klicken Sie auf das ‚X‘.
Wenn die Anzeigeoption auf Bilder eingestellt ist, wird neben jeder Option ein Bild-Upload-Symbol angezeigt.
Website-Anzeige
Funkschaltflächen:
Dropdown
Bilder
Kontrollkästchen Zurück zum Anfang
Kunden wählen eine oder mehrere Optionen. Beispiele: Geschenkverpackung, Karte oder Upgrades.
- Titel: Formatieren Sie den Titel als Etikett oder Überschrift, oder blenden Sie ihn aus.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass ein Produkt in den Warenkorb gelegt wird, wenn eine Option nicht ausgewählt ist.
- Optionen: Fügen Sie eine Beschriftung für jede Option sowie einen Preis hinzu, falls erforderlich. Berechnen Sie den Preis als Pauschale unabhängig von der Menge, pro bestellter Menge oder berechnen Sie einen Prozentsatz des Gesamtbetrags.
Anzeige auf der Website
Kurzer Text Nach oben
Kunden können eine einzelne Textzeile eingeben. Beispiele: E-Mail-Adresse, Namen und Gravurtext.
- Titel: Formatieren Sie den Titel als Beschriftung oder Überschrift, oder blenden Sie ihn aus.
- Einschränkung: Schränken Sie die Art der Zeichen ein, die Kunden eingeben können: Jeder Text, Nur Buchstaben, Nur Zahlen, Nur Buchstaben und Zahlen, Nur E-Mail-Adresse.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn das Feld leer ist.
- Begrenzte Zeichenlänge: Geben Sie die minimale/maximale Anzahl von Zeichen an.
- Preis anpassen: Fügen Sie einen zusätzlichen Preis für das Add-on hinzu. Berechnen Sie den Preis als Pauschalpreis unabhängig von der Menge, pro bestellter Menge oder berechnen Sie einen Prozentsatz der Gesamtsumme.
Website-Anzeige
Langtext Nach oben
Kunden können mehrere Textzeilen eingeben. Beispiele: Eine Geschenknotiz, eine Adresse oder besondere Anweisungen.
- Titel: Formatieren Sie den Titel als Etikett oder Überschrift, oder blenden Sie ihn aus.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn das Feld leer ist.
- Begrenzte Zeichenlänge: Geben Sie die minimale/maximale Anzahl von Zeichen an.
- Preis anpassen: Fügen Sie einen zusätzlichen Preis für das Add-on hinzu. Berechnen Sie den Preis als Pauschalpreis unabhängig von der Menge, pro bestellter Menge oder berechnen Sie einen Prozentsatz der Gesamtsumme.
Website-Anzeige
Dateiupload Nach oben
Ein Kunde kann seine eigene Datei hochladen. Beispiel: Um individuelle Designs für T-Shirts, Tassen oder Visitenkarten zu erstellen.
- Titel: Der Titel wird oberhalb der Multiple-Choice-Optionen angezeigt. Sie können den Titel als Beschriftung oder Überschrift formatieren oder ihn ausblenden.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn das Feld leer ist.
- Preis anpassen: Fügen Sie einen zusätzlichen Preis für das Add-on hinzu. Berechnen Sie den Preis als Pauschalpreis unabhängig von der Menge, pro bestellter Menge oder berechnen Sie einen Prozentsatz der Gesamtsumme.
Website-Anzeige
Kundendefinierter Preis Nach oben
Ein Kunde kann seinen eigenen Preis festlegen, der zur Gesamtsumme hinzugefügt wird. Beispiel: Spenden, Trinkgeld.
- Titel: Formatieren Sie den Titel als Beschriftung oder Überschrift, oder blenden Sie ihn aus.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn das Feld leer ist.
- Preisspanne begrenzen: Geben Sie den Mindest-/Höchstpreis an.
Website-Anzeige
Menge Zurück zum Anfang
Kunden können eine Menge auswählen. Beispiel: Wird verwendet, um zusätzliche Artikel zu bestellen, die zum Hauptprodukt gehören.
- Titel: Formatiert den Titel als Etikett oder Überschrift oder blendet ihn aus.
- Beschreibung hinzufügen: Zeigt weitere Informationen über das Add-on unterhalb der Überschrift an.
- Erforderliches Feld: Verhindert, dass das Produkt in den Warenkorb gelegt wird, wenn das Feld leer ist.
- Grenzmengenbereich: Geben Sie die minimale/maximale Menge an.
- Preis anpassen: Fügen Sie einen zusätzlichen Preis für das Add-on hinzu. Berechnen Sie den Preis als Pauschalbetrag unabhängig von der Menge, pro bestellter Menge oder berechnen Sie einen Prozentsatz der Gesamtsumme.
Website-Anzeige
Überschrift Zurück zum Anfang
Verwenden Sie Überschriften, um Ihre Add-ons in Abschnitte zu unterteilen.
Website-Anzeige
Preisgestaltung Nach oben
Preise können die Gesamtkosten des Produkts erhöhen oder senken. Drei Preisoptionen sind verfügbar:
- Pauschalpreis: Der Preis wird nur einmal erhoben, unabhängig von der Bestellmenge.
- Mengenabhängig: Der Preis wird mit der Produktmenge multipliziert.
- Prozentsatzbasiert: Berechnet einen Prozentsatz der Gesamtsumme.
Neuordnung von Add-ons Nach oben
Sie können die Reihenfolge der Add-ons, die innerhalb von Gruppen angezeigt werden, durch Ziehen und Ablegen ändern.
Importieren/Exportieren von Add-ons Nach oben
Add-ons können über die Schaltflächen exportiert und importiert werden, wenn Sie ein Add-on pro Produkt oder global bearbeiten. Klicken Sie auf „Exportieren“, um die vorhandenen Felder als serialisierte Daten zu exportieren. Klicken Sie dann auf „Importieren“, um die serialisierten Daten einzufügen und sie an Ihre vorhandenen Add-Ons anzuhängen.
Import und Export sind auch für globale Produkt-Add-Ons verfügbar.
Per-Produkt-Add-Ons Zurück zum Anfang
Per-Produkt-Add-Ons werden nur für das Produkt angezeigt, dem sie hinzugefügt wurden. Bearbeiten Sie eines Ihrer Produkte, um Add-ons auf Produktebene hinzuzufügen. Sie erscheinen im Produktdaten-Panel unter dem Unterabschnitt „Add-ons“.
Wichtiger Hinweis
Add-ons können auf variable Produkte angewendet werden, können aber nur auf Produktebene definiert werden. Beispiel: Sie können kein Add-on für eine bestimmte Variante eines variablen Produkts haben – nur für ein blaues Hemd.
Ausschlüsse
Beim Erstellen von Add-ons auf Produktebene können Sie alle anderen Add-ons, die zuvor auf das Produkt angewendet wurden, ausschließen.
Frontend-Darstellung und Anzeige von Bestellzusätzen Zurück zum Anfang
Im Frontend werden die Zusätze auf der einzelnen Produktseite über der Schaltfläche „Warenkorb“ angezeigt. Um zu sehen, wie Ihre Add-ons aussehen, wählen Sie „Änderungsvorschau“:
So wird es auf der Warenkorbseite angezeigt:
Wenn ein Kunde diesen Artikel in den Warenkorb legt, werden die Daten als Meta angezeigt:
Add-on-Daten werden in den Bestellpositionen als Meta gespeichert. Es gibt keine separate Position für das Add-on selbst. Sehen Sie sich Ihre Bestellung an, um die gewählten Werte zu sehen.
Die Sicherheit von Uploads Zurück zum Anfang
Uploads werden in zufälligen Ordnern unter wp-content/uploads/ gespeichert, damit sie schwer zu finden sind. Einige Hosts aktivieren jedoch die Verzeichnisauflistung, die es anderen ermöglicht, Ihre Datei-/Ordnerstruktur zu durchsuchen. Um diese „Funktion“ zu deaktivieren, fügen Sie Folgendes zu Ihrer Haupt-.htaccess-Datei hinzu:
Options -Indexes
Problembehandlung Nach oben
Der Upload-Feldtyp funktioniert nicht Nach oben
Das kann an der Länge des Feldnamens liegen. Versuchen Sie, die Länge des Feldnamens zu verringern, oder wenden Sie sich an Ihr Hosting-Unternehmen, um den Wert von post.max_name_length zu erhöhen.
Häufig gestellte Fragen Zurück zum Anfang
Können Produktzusätze über die Product CSV Import Suite importiert werden? Zurück zum Anfang
Nein, Product Add-Ons bestehen aus komplexen, serialisierten Metadaten, die in einer Produkt-CSV-Zeile als reiner Text nur schwer zu verarbeiten wären. CSV Import kann nur Metadaten importieren, die nicht serialisiert sind, sofern nicht anders angegeben. Mit Product Add-Ons selbst können Sie jedoch Einstellungen importieren und exportieren.
Kann ein Add-On eine separate SKU für Verkaufs-/Verfolgungszwecke haben? Zurück zum Anfang
Nein. Ein Add-on wird wie eine Option behandelt, nicht wie ein separates Produkt. Produkte und ihre Variablen haben SKUs.
Kann ich eine Datumsauswahl hinzufügen? Zurück zum Anfang
WooCommerce Product Add-Ons verfügt nicht über eine Datumsauswahl. Wir arbeiten jedoch daran, diese Möglichkeit in einer zukünftigen Version der Erweiterung hinzuzufügen. Fügen Sie Ihre Stimmen zu dieser Idee auf der Ideas Board, um zu helfen, die Funktion zu priorisieren.
Wie kann man „Grand total“ und „Options total“ anpassen? Zurück zum Anfang
Sowohl „Gesamtsumme“ als auch „Optionen gesamt“ können über CSS angepasst werden, allerdings ist das ein wenig schwierig. So geht es mit dem nth-child
-Selektor:
Wie kann ich Standard-Eingabewerte festlegen?
Sie können ein benutzerdefiniertes Skript verwenden, um Standardwerte festzulegen, indem Sie diesen Code in eine JavaScript-Datei einfügen. Alternativ können Sie auch das kostenlose Custom CSS JS verwenden, um das Code-Snippet hinzuzufügen.
Beachten Sie, dass dieses Code-Beispiel den Wert für das Feld Custom price input
nur auf 0
setzt, passen Sie es also unbedingt an Ihre Bedürfnisse an.
Kann ich variable Produkte mit benutzerdefinierten Feldern versehen? Zurück zum Anfang
Ja! Hier ist ein Beispiel:
Kann ich Produkt-Add-Ons einmal auf das Produkt anwenden, unabhängig von der Bestellmenge? Zurück zum Anfang
Ja. Mit der Version 3.0x von Product Add-Ons wurde eine Pauschalpreisfunktion eingeführt.
Warum sind meine Add-Ons leer? Zurück zum Anfang
Das kann daran liegen, dass Sie nach dem Hinzufügen/Löschen/Bearbeiten von Feldern nicht auf Speichern geklickt haben.
Wo platziere ich meine Sprachdateien? Zurück zum Anfang
.mo- und .po-Sprachdateien für Product Add-Ons müssen im folgenden Pfad abgelegt werden: /wp-content/languages/plugins/. Weitere Informationen zum Übersetzen von Erweiterungen finden Sie hier.
Wie kann ich die Position der Add-ons auf meiner Produktseite ändern? Zurück zum Anfang
Wenn Sie unser Storefront-Theme verwenden, werden die Add-Ons ordentlich zwischen der Kurzbeschreibung und der Schaltfläche „In den Warenkorb“ angezeigt.
Bei vielen anderen Themes werden die Add-Ons jedoch unter der Schaltfläche „In den Warenkorb“ angezeigt, was für den Kunden verwirrend sein kann.
Um die Position zu ändern, können Sie die Vorlagenstruktur über ein Theme überschreiben. Beachten Sie, dass Sie im Falle von Product Add-Ons diese Template-Überschreibungsdateien in einem Ordner namens woocommerce-product-addons in Ihrem WordPress-Theme ablegen müssen (anstatt sie direkt in den WooCommerce-Ordner in diesem Theme zu platzieren).
Können Product Add-Ons verwendet werden, um einen Rabatt anzuwenden Nach oben
Ja! Produkt-Add-Ons können so konfiguriert werden, dass sie den Preis eines Produkts reduzieren – fügen Sie einfach einen negativen Wert in das Price
Feld ein:
Ist dies mit Smart Coupons kompatibel (separater Kauf)? Zurück zum Anfang
Ja, ab Version 2.9.0 funktioniert Product Add-Ons mit Smart Coupons, einschließlich der Geschenkkartenfunktion.
Ist dies mit WooCommerce Bookings (separater Kauf) kompatibel? Zurück zum Anfang
Ja!
Ist dies mit WooCommerce-Blöcken kompatibel? Zurück zum Anfang
Ja, seit Version 3.4.0.
Kann ich mit Product Add-Ons bedingte Logik verwenden? Zurück zum Anfang
Produkt-Add-Ons bieten keine Unterstützung für bedingte Logik. Wenn Sie Kunden verschiedene Felder auf der Grundlage der von ihnen ausgefüllten Informationen anzeigen möchten, empfehlen wir die Verwendung von Gravity Forms zusammen mit der Erweiterung Gravity Forms Product Add-Ons.
Kann ich mit Product Add-Ons für Telefonbestellungen Bestellungen über das Admin-Backend hinzufügen? Zurück zum Anfang
Die Warenkorb- und Kassenseiten sind erforderlich, um die komplexen Berechnungen, die oft mit Product Add-Ons verbunden sind, automatisch durchzuführen. Beim manuellen Hinzufügen von Bestellungen auf der Verwaltungsseite sind diese Berechnungen derzeit nicht automatisiert. Sie können eine Anfrage für diese Funktion über unser Ideen-Board einreichen.
Dennoch werden die Daten von Product Add-Ons als Metadaten gespeichert, so dass es einen manuellen Workaround gibt. Befolgen Sie die Anweisungen zum manuellen Hinzufügen einer Bestellung wie gewohnt. Sobald das Add-Ons-Produkt hinzugefügt wurde, fahren Sie mit der Maus über die Summe und klicken Sie auf das Stiftsymbol, um den Artikel zu bearbeiten.
Klicken Sie auf die Schaltfläche Meta hinzufügen, die unter dem Artikel erscheint, um ein Feldpaar hinzuzufügen, in das die entsprechenden Add-Ons-Metadaten eingefügt werden können. Sie können so viele Feldpaare hinzufügen, wie Sie benötigen.
Name (erforderlich) – geben Sie den Titel des Add-Ons-Feldes und in Klammern die Kosten für das Add-On ein.
Wert (erforderlich) – geben Sie den Namen der Zusatzoption ein.
Hinweis: Die Kosten des Artikels und die Kosten der Zusatzoption(en) müssen manuell berechnet und zu den Feldern Gesamt (und ggf. Steuer) hinzugefügt werden. Nach dem Speichern wird dies nicht automatisch über die Schaltfläche „Neu berechnen“ der Bestellung erledigt.
Fragen und Feedback Zurück zum Anfang
Sie haben eine Frage vor dem Kauf? Bitte füllen Sie dieses Formular aus.
Sie haben bereits gekauft und brauchen Hilfe? Wenden Sie sich über den Helpdesk an einen Happiness Engineer.