Erstellen Sie benutzerdefinierte Felder in WooCommerce Checkout und Produktseiten

Mit Standard-WooCommerce können Sie keine benutzerdefinierten Felder erstellen, ohne Ihren Code zu schreiben. Es gibt jedoch Situationen, in denen Sie die benutzerdefinierten Produkt- oder Checkout-Felder benötigen, um eine WooCommerce-Bestellung effektiv abzuwickeln! Mach dir keine Sorge. 2 kostenlose Plugins helfen Ihnen, benutzerdefinierte Felder in Ihrem Geschäft hinzuzufügen.

Sie wissen, dass es notwendig sein kann, spezifische Informationen über das Produkt oder die Bestellung zu haben, die WooCommerce Ihnen nicht gibt !

Erhalten Sie mehr Details zu einer Bestellung, indem Sie ein benutzerdefiniertes Feld in WooCommerce hinzufügen. Lassen Sie mich Ihnen zwei kostenlose Plugins zeigen, mit denen Sie das ganz einfach tun können!

Inhaltsverzeichnis

• Was sind benutzerdefinierte Felder in WooCommerce?
• Benutzerdefinierte Felder für WooCommerce-Produkte
• Benutzerdefinierte WooCommerce Checkout-Felder

Was sind benutzerdefinierte Felder in WooCommerce?

Sie können sich benutzerdefinierte Felder als zusätzliche Informationen vorstellen, die beispielsweise ein Produkt oder eine Bestellung beschreiben. Sie helfen Ihnen, Produkte besser zu zeigen und mehr Details für die effektive Abwicklung von WooCommerce-Bestellungen zu erhalten!

Einige Beispiele für benutzerdefinierte Felder

• Kontrollkästchen
• Textfelder
• Radio Knöpfe
• Datumsauswahl
• Farbwähler
• usw.

So sehen sie im Bestellformular aus:

Ein weiteres Beispiel: Sie können Ihren Kunden erlauben, Dateien zu den Bestellungen hochzuladen oder die EU-Umsatzsteuernummer für Buchhaltungszwecke einzugeben. Es wäre auch toll, den Typ des Checkout-Felds zu ändern oder einige davon auszublenden!

Lassen Sie uns benutzerdefinierte Felder hinzufügen

Sie werden wahrscheinlich zwei Arten von benutzerdefinierten Feldern in WooCommerce erstellen wollen, z.

• benutzerdefinierte Felder auf der Checkout-Seite von WooCommerce , um weitere Details zu einer Bestellung zu erhalten,
• und neue Felder zum Anpassen der WooCommerce-Produktseite , damit Produkte mehr Optionen haben.

Ich zeige euch beide.

Benutzerdefinierte Felder für WooCommerce-Produkte

Zunächst einmal benötigen Sie dafür ein Plugin. Guck mal:

Hier herunterladen:

Werfen Sie zunächst einen Blick auf den beispielhaften Satz neuer benutzerdefinierter Felder auf der Produktseite, die Sie mit dem kostenlosen Plug-in „Flexible Product Fields for WooCommerce“ hinzufügen können:

Wie Sie sehen, können Sie einen vollständigen Assistenten erstellen. Kunden können ihre Computer auf diese Weise personalisieren. Außerdem sind einige der Optionen kostenpflichtig. Das Plugin fügt den Aufpreis zum Gesamtpreis hinzu (verfügbar in PRO). Kunden können ihre personalisierten Computer bestellen und Ihnen den gesamten Preis im Voraus zahlen.

Zurück zum Aussehen. Dies ist die Grundkonfiguration. Ich habe kein CSS-Styling verwendet und ein Standard-WooCommerce-Design verwendet: Storefront. Das Aussehen der Felder können Sie natürlich nach Belieben anpassen . Dazu gibt es im Plugin eine Option.

Flexible Produktfelder

Kurz gesagt, mit diesem Plugin können Sie Produktzusätze erstellen. Sie können den Produkten in Ihrem WooCommerce-Shop neue benutzerdefinierte Felder hinzufügen. Sie haben bereits ein Beispiel gesehen.

Die Arten von Feldern, die Sie Ihren WooCommerce-Produkten hinzufügen können

• Text
• Textbereich
• Nummer
• Email
• URL
• Multi-Checkbox
• Radio mit Farben
• Zeit
• Farbe
• Überschrift
• Absatz
• Bild
• HTML
• Kontrollkästchen
• Radio knopf
• Wählen
• Mehrfachauswahl
• Radio mit Bildern
• Überschrift
• Datum (PRO)
• Datei-Upload (PRO)

Sie sollten sich diesen Leitfaden ansehen! Sie werden feststellen, dass es viele Anwendungsfälle gibt. Wir führen Benutzer Schritt für Schritt durch die zu implementierende Konfiguration:

• Einfaches Buchungssystem,
• Geschenkverpackungsfunktion,
• Catering-Diät-Assistent,
• Computerassistent usw.

Benutzerdefinierte WooCommerce Checkout-Felder

Lassen Sie mich Ihnen nun zeigen, wie Sie der WooCommerce-Bestellung von der Checkout-Seite aus benutzerdefinierte Felder hinzufügen!

Sie benötigen dieses Plugin:

Hier herunterladen:

Sehen wir uns das Beispiel einer angepassten Checkout-Seite mit dem kostenlosen Plugin „Flexible Checkout Fields for WooCommerce“ an:

Mit dem Plugin können Sie die Checkout-Seite von WooCommerce hinzufügen, entfernen, neu anordnen und effektiv anpassen!

Flexible Checkout-Felder

Kurz gesagt, mit Flexible Checkout Fields können Sie benutzerdefinierte Felder in WooCommerce Checkout→ erstellen

Außerdem können Sie mit diesem Plugin standardmäßige WooCommerce-Checkout-Felder bearbeiten oder neu anordnen !

Beispielsweise können Sie einige Rechnungsadressenfelder für einen schnelleren Checkout deaktivieren.

Über 80.000 Geschäfte weltweit nutzen dieses Plugin täglich.

Checkout-Feldtypen in der kostenlosen Version

• Text
• Textbereich
• Nummer
• Email
• Telefon
• URL
• Kontrollkästchen
• Farbe
• Überschrift
• Absatz
• Bild
• HTML

Felder in der PRO-Version

• Multi-Checkbox
• Radio knopf
• Auswählen (Dropdown)
• Mehrfachauswahl
• Radio mit Bildern
• Datum
• Radio mit Farben
• Zeit
• Datei-Upload

Laden Sie diese kostenlose WooCommerce-Erweiterung herunter, um Ihre Checkout-Seite anzupassen.

Zusammenfassung

Fügen Sie benutzerdefinierte Produkt- und Checkout-Felder in WooCommerce hinzu

In diesem Artikel habe ich Ihnen die Plugins gezeigt, mit denen Sie benutzerdefinierte Felder in WooCommerce erstellen können.

Es gibt zwei Plugins, mit denen Sie benutzerdefinierte Felder in WooCommerce erstellen können:

• Laden Sie Flexible Checkout-Felder herunter →
• Flexible Produktfelder herunterladen →

Beide Plugins stehen kostenlos zum Download bereit. Die kostenlose Version unterstützt jedoch nicht alle Funktionen.

Lassen Sie uns wissen, wenn Sie Fragen zu den Plugins und dem Erstellen benutzerdefinierter Felder haben!

Mehr über unsere Plugins