Articles

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

  1. Laden Sie die Erweiterung von Ihrem WooCommerce-Dashboard herunter.
  2. Gehen Sie zu Plugins > Neu hinzufügen > Hochladen und wählen Sie die ZIP-Datei aus, die Sie gerade heruntergeladen haben.
  3. 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‘.
Hinweis: Sie müssen für jede Option eine Beschriftung hinzufügen, damit die Informationen bei der Anzeige der Bestellung angezeigt und in der Bestätigungs-E-Mail an den Kunden weitergeleitet werden.

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.
Hinweis: Sie müssen für jede Option ein Etikett hinzufügen, damit die Informationen beim Anzeigen der Bestellung angezeigt und in der Bestätigungs-E-Mail an den Kunden weitergeleitet werden.

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“:

Front-end Checkbox Add-on

So wird es auf der Warenkorbseite angezeigt:

Cart Checkbox Add-on

Wenn ein Kunde diesen Artikel in den Warenkorb legt, werden die Daten als Meta angezeigt:

Order details Checkbox Add-on

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:

Hinweis: Im Rahmen unserer Support-Richtlinien können wir keine Unterstützung für Anpassungen leisten. Wenn Sie mit Code/Templates und der Lösung potenzieller Konflikte nicht vertraut sind, wenden Sie sich an einen WooExperten oder Entwickler.

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.

Hinweis: Im Rahmen unserer Support-Richtlinie können wir keine Unterstützung für Anpassungen bieten. Wenn Sie sich mit Code/Templates und der Lösung möglicher Konflikte nicht auskennen, wenden Sie sich an einen WooExperten oder Entwickler.

Kann ich variable Produkte mit benutzerdefinierten Feldern versehen? Zurück zum Anfang

Ja! Hier ist ein Beispiel:

product-addon-variable-product
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 (z. B. nur für ein blaues Hemd).

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 PriceFeld 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.