Field Forge erweitert WooCommerce-Produkte um zusätzliche benutzerdefinierte Felder, die über das hinausgehen, was WooCommerce nativ bereitstellt. Dies ist nützlich für Fachgeschäfte, die zusätzliche Produktinformationen wie Größencharts, Pflegeanleitungen oder branchenspezifische Spezifikationen benötigen.
Schritt 1: Produktbenutzerdefinierte Felder
Erstellen Sie eine Feldgruppe für zusätzliche Produktdaten, die WooCommerce nicht verarbeitet:
- Gehen Sie zu Field Forge > Neue Feldgruppe, benennen Sie sie Erweiterte Produktinformationen
- Fügen Sie ein Tab-Feld mit der Bezeichnung Spezifikationen hinzu
- Fügen Sie diese Felder hinzu:
| Feld | Typ | Einstellungen |
|---|
| Material | Text | Platzhalter: “100% Bio-Baumwolle” |
| Gewicht | Text | Platzhalter: “250g”, Anfügen: “g” |
| Herkunftsland | Auswahl | Optionen: USA, UK, China, Indien, Vietnam, Andere |
| Zertifizierungen | Kontrollkästchen | Optionen: Bio, Fair Trade, Tierversuchsfrei, Vegan, Umweltfreundlich |
| Benutzerdefinierte Spezifikationen | Wiederholer (PRO) | Unterfelder: Spezifikationsname (Text), Spezifikationswert (Text) |
- Fügen Sie ein weiteres Tab mit der Bezeichnung Größen hinzu
- Fügen Sie diese Felder hinzu:
| Feld | Typ | Einstellungen |
|---|
| Größenchart-Bild | Bild | Anweisungen: “Laden Sie eine Grafik für die Größenübersicht hoch” |
| Größenleitfaden-Text | WYSIWYG | Werkzeugleiste: Basis, Anweisungen: “Fügen Sie Messanweisungen hinzu” |
| Verfügbare Größen | Kontrollkästchen | Optionen: XS, S, M, L, XL, XXL (an Ihre Produkte anpassen) |
- Fügen Sie ein weiteres Tab mit der Bezeichnung Pflege & Versand hinzu
- Fügen Sie diese Felder hinzu:
| Feld | Typ | Einstellungen |
|---|
| Pflegeanleitungen | Wiederholer (PRO) | Unterfelder: Anleitungsicon (Bild), Anleitungstext (Text) |
| Versandhinweise | Textarea | Zeilen: 3, Platzhalter: “Versand innerhalb von 2-3 Werktagen” |
| Handhabungsanweisungen | Auswahl | Optionen: Standard, Zerbrechlich, Übergröße, Kühlware |
| Rückgabebedingungen überschreiben | Textarea | Anweisungen: “Leer lassen, um die globalen Rückgabebedingungen zu verwenden” |
- Setzen Sie Standortregeln: Beitragstyp ist gleich Produkt
- Speichern Sie die Feldgruppe
Schritt 2: Optionsseite für storeweite Einstellungen
Erstellen Sie globale Einstellungen für den gesamten Shop:
- Gehen Sie zu Field Forge > Optionsseiten (PRO)
- Erstellen Sie eine Optionsseite mit dem Titel Shop-Einstellungen unter dem WooCommerce-Menü oder als oberstes Element
- Erstellen Sie eine Feldgruppe mit dem Titel Globale Shop-Optionen mit diesen Feldern:
| Feld | Typ | Zweck |
|---|
| Globale Rückgabebedingungen | WYSIWYG | Wird auf allen Produktseiten angezeigt, es sei denn, es wird überschrieben |
| Freigrenze für Versandkosten | Zahl | Mindestbestellwert für kostenlosen Versand (z.B. 50) |
| Versandhinweis | Text | Z.B. “Versandzeiten können während der Feiertage variieren” |
| Größenleitfaden-Seite | Seitenlink | Link zu einer allgemeinen Größenleitfaden-Seite |
| Vertrauensabzeichen | Wiederholer | Unterfelder: Abzeichenbild (Bild), Abzeichenbezeichnung (Text) |
| Ankündigungsleisten-Text | Text | Wird oben im Shop angezeigt (z.B. “Kostenloser Versand bei Bestellungen über 50 $”) |
| Ankündigungsleiste anzeigen | Wahr/Falsch | Schalter für die Ankündigung ein- oder ausschalten |
- Setzen Sie Standortregeln: Optionsseite ist gleich Shop-Einstellungen
- Speichern
Schritt 3: Workflow für Content-Manager
Erweiterte Informationen zu einem Produkt hinzufügen:
- Gehen Sie zu Produkte > Bearbeiten und öffnen Sie ein beliebiges Produkt
- Scrollen Sie unter das WooCommerce-Produktdatenfeld, um das Metabox “Erweiterte Produktinformationen” zu finden
- Füllen Sie den Tab Spezifikationen aus: Material, Gewicht, Herkunft, Zertifizierungen
- Wechseln Sie zum Tab Größen und laden Sie ein Größenchart-Bild hoch, fügen Sie den Größenleitfaden-Text hinzu
- Wechseln Sie zu Pflege & Versand und fügen Sie Pflegeanleitungen mit Icons hinzu
- Klicken Sie auf Aktualisieren, um zu speichern
Verwalten von globalen Shop-Einstellungen:
- Gehen Sie zu Shop-Einstellungen in der Admin-Seitenleiste
- Geben Sie die globalen Rückgabebedingungen, die Freigrenze für Versandkosten und andere shopweite Werte ein
- Laden Sie Vertrauensabzeichen hoch (SSL, Geld-zurück-Garantie, sichere Kassen-Icons)
- Setzen Sie den Text der Ankündigungsleiste und schalten Sie ihn ein oder aus
- Klicken Sie auf Änderungen speichern
Integration mit WooCommerce-Vorlagen
Ihr Entwickler zeigt die benutzerdefinierten Felddaten auf Produktseiten an, indem er WooCommerce-Vorlagenüberschreibungen bearbeitet. Häufige Integrationspunkte:
| WooCommerce-Standort | Was angezeigt werden soll | Vorlagendatei |
|---|
| Produktseiten-Tabs | Spezifikationen, Größenchart, Pflegeanleitungen | single-product/tabs/ |
| Unter dem “In den Warenkorb”-Button | Vertrauensabzeichen, Handhabungsinformationen | single-product/add-to-cart/ |
| Produktarchiv-Karten | Wichtige Spezifikationen wie Material, Größen | content-product.php |
| Warenkorb und Kasse | Versandhinweis, Ankündigungsleiste | cart/ und checkout/ |
| Site-weite Kopfzeile | Ankündigungsleiste, Hinweis auf kostenlosen Versand | header.php |
Tipps
- Duplizieren Sie keine WooCommerce-Felder. WooCommerce verarbeitet bereits Preis, Sonderpreis, Lagerstatus, Kategorien, Tags und Produktbilder. Verwenden Sie Field Forge nur für Informationen, die WooCommerce nicht nativ unterstützt.
- Verwenden Sie Tabs in Ihrer Feldgruppe, um den Produkteditor organisiert zu halten. Content-Manager sollten in der Lage sein, das richtige Feld schnell zu finden, ohne durch eine lange Liste scrollen zu müssen.
- Berücksichtigen Sie variable Produkte. Wenn Ihre Produkte Variationen (Größe, Farbe) haben, verarbeitet WooCommerce dies nativ. Verwenden Sie Field Forge für Daten, die für das Produkt als Ganzes gelten, nicht für individuelle Variationen.
- Testen Sie den Checkout-Prozess, nachdem Sie benutzerdefinierte Felder hinzugefügt haben, um sicherzustellen, dass nichts die Warenkorb- und Zahlungsabwicklung von WooCommerce stört.