Mehr als nur ein T-Shirt-Designer-Plugin für WooCommerce

Veröffentlicht: 2018-07-26

Möchten Sie attraktivere und personalisierte Produkte in Ihrem Geschäft anbieten? Lassen Sie mich Ihnen ein leistungsstarkes WooCommerce-Plugin zeigen, mit dem Sie benutzerdefinierte Felder hinzufügen und auch als großartiger T-Shirt-Designer verwenden können. Folgen Sie meiner Schritt-für-Schritt-Anleitung und erfahren Sie, wie Sie Ihre WooCommerce-Produkte erfolgreich anpassen!

Hat Ihnen jemals die Option gefehlt, robustere WooCommerce-Produkte mit mehr Funktionen, benutzerdefinierten Feldern und konfigurierbaren Optionen vorzubereiten ?

Heute zeige ich Ihnen ein Plugin, mit dem Sie Ihre WooCommerce-Produktseite ganz einfach anpassen können!

Inhaltsverzeichnis

  • WooCommerce benutzerdefiniertes T-Shirt-Designer-Plugin
  • Wie füge ich benutzerdefinierte Felder zu Produkten hinzu?
  • Lassen Sie uns ein anpassbares T-Shirt in WooCommerce erstellen!

WooCommerce benutzerdefiniertes T-Shirt-Designer-Plugin

Werfen wir zunächst einen Blick auf die Produktseite (wir werden ein solches Produkt später in diesem Artikel konfigurieren).

Diese zusätzlichen Felder wurden mit flexiblen Produktfeldern hinzugefügt:

WooCommerce-T-Shirt-Designer
WooCommerce T-Shirt Store: Produktseite

So können Kunden eine bessere Qualität (100 % Baumwolle) oder eine Geschenkverpackung wählen. Ich habe diese Optionen als zusätzliche Felder konfiguriert. Kunden müssen dafür einen Aufpreis bezahlen.

Sie können die Felder mit der PRO-Version des Plugins extra bezahlen.

Flexible Produktfelder PRO WooCommerce 59 $

Erstellen Sie einen Produktassistenten, um Gravuren, Geschenkverpackungen, Geschenkbotschaften, Visitenkarten, Stempel zu verkaufen und optional dafür Gebühren zu erheben (fest oder prozentual).

In den Warenkorb legen oder Details anzeigen
Über 10.000 aktive Installationen
Zuletzt aktualisiert: 2023-03-15
Funktioniert mit WooCommerce 7.1 - 7.5.x
Sie können auch mit der Anpassung von WooCommerce-Produkten mit der Version beginnen!

Wenn sie ein zusätzliches Feld auswählen, können sie die Zusammenfassung sehen, bevor sie es in den Einkaufswagen legen:

WooCommerce benutzerdefiniertes T-Shirt-Designer-Plugin, das den Gesamtpreis berechnet
Zusätzliche Preise mit flexiblen Produktfeldern hinzugefügt
Sehen Sie sich dieses Produkt → in unserem Demo-Shop an. Sie können auch Ihren Demo-Shop erstellen → wo Sie dieses Produkt finden, das wir zuvor vorkonfiguriert haben.

Natürlich werden alle ausgewählten Optionen im Warenkorb angezeigt:

WooCommerce-T-Shirt-Designer-Warenkorb-Zusammenfassung
Zusätzliche Felder wurden mit flexiblen Produktfeldern – Warenkorbzusammenfassung hinzugefügt

Sie werden auch im Admin-Bereich sehen, was Kunden auswählen:

Entworfenes T-Shirt mit FPF
Flexible Produktfelder - Bestellung bearbeiten

Wie füge ich benutzerdefinierte Felder zu Produkten hinzu?

Zunächst benötigen Sie das kostenlose Plug-in „Flexible Product Fields“ . Wir werden es verwenden, um alle Optionen für WooCommerce-Produkte zu konfigurieren, beispielsweise in Ihrem T-Shirt-Shop. Es ist ein leichtgewichtiger und benutzerfreundlicher Produktseiten-Designer .

Mit der PRO-Version des Plugins können Sie einer WooCommerce-Produktseite bis zu 20 kostenlose zusätzliche benutzerdefinierte Felder hinzufügen. Perfekt, wenn Sie nach einem flexiblen WooCommerce-Plugin suchen, um benutzerdefinierte Produkte und den T-Shirt-Designer selbst zu erstellen!

In der kostenlosen Version können Sie die folgenden 18 zusätzlichen Felder hinzufügen

  • Text
  • Textbereich
  • Nummer
  • Email
  • URL
  • Kontrollkästchen
  • Radio
  • Multi-Checkbox
  • Wählen
  • Mehrfachauswahl
  • Radio mit Bildern
  • Radio mit Farben
  • Zeit
  • Farbe
  • Überschrift
  • Absatz
  • Bild
  • HTML
Darüber hinaus können Sie mit der PRO-Version bedingte Logik und Preise zu Ihren zusätzlichen Feldern hinzufügen.

Flexible Produktfelder WooCommerce

Erstellen Sie einen Produktassistenten, um Gravuren, Geschenkverpackungen, Geschenkbotschaften, Visitenkarten, Stempel zu verkaufen und optional dafür Gebühren zu erheben (fest oder prozentual).

Kostenlos herunterladen oder Gehen Sie zu WordPress.org
Über 10.000 aktive Installationen
Zuletzt aktualisiert: 2023-03-13
Funktioniert mit WooCommerce 7.1 - 7.5.x

Klicken Sie auf die Schaltfläche oben, um es kostenlos herunterzuladen.

Sie können es auch kostenlos von WordPress.org herunterladen oder direkt aus dem Plugin-Bereich Ihres Shops installieren, indem Sie nach flexiblen Produktfeldern suchen:

WooCommerce T-Shirt-Designer-Plugin
Fügen Sie flexible Produktfelder hinzu, indem Sie diesen Schritten folgen

Sie können das Plugin als Ihren WooCommerce-Produktanpasser überprüfen, z. B. den benutzerdefinierten T-Shirt-Designer.

Erstellen Sie ein anpassbares T-Shirt in WooCommerce!

Ok, sehen wir uns nun an , wie Sie ein solches anpassbares T-Shirt-Produkt in Ihrem WooCommerce konfigurieren .

  1. Erstellen Sie benutzerdefinierte Felder für das WooCommerce-Produkt

    Zuerst müssen wir eine neue Feldgruppe hinzufügen.

    Wählen Sie Produkte → Produktfelder in Ihrem WordPress-Menü. Dann müssen Sie eine neue Feldgruppe hinzufügen:

    Neue Feldgruppe in Flexible Produktfelder hinzufügen

    Weisen Sie diese Gruppe als Nächstes einem Produkt , einer Kategorie oder allen Produkten in Ihrem Geschäft zu.

    So sollte die Feldgruppe aussehen:

    Zusätzliche Felder hinzufügen, um ein T-Shirt zu entwerfen
    WooCommerce-T-Shirt-Designer mit flexiblen Produktfeldern
  2. Passen Sie die benutzerdefinierten Felder des T-Shirts an

    Klicken Sie nun beispielsweise auf das erste Feld (Sex - Radio Field) , um es zu konfigurieren:

    Erstellen eines WooCommerce-T-Shirt-Designs
    Zusätzliche Produktfeldanpassung

    Wie Sie sehen können, haben wir hier einen Funkfeldtyp .

    Ich habe mich entschieden, dieses Feld zum Pflichtfeld zu machen. Es gibt auch Feldoptionen .

    Das Plugin speichert den Wert in der WooCommerce-Bestellung. Und das Etikett ist das, was ein Kunde auf der Produktseite sieht.

    Sie können Ihre CSS-Klasse auch für benutzerdefinierte Felder festlegen .

    Als nächstes das Grammage- Feld. Es sieht sehr vertraut aus und ähnelt dem vorherigen:

    Bearbeiten des Grammatur-Radiofelds mit einem WooCommerce-T-Shirt-Designer-Plugin
    Feld Grammatur

    Noch ein Funkfeld hier:

    Entwerfen einer WooCommerce-Produktseite für T-Shirts
    Zusammensetzung: ein weiteres zusätzliches Feld

    Jetzt haben wir etwas Neues. Das ist der Feldtyp Text .

    Ich habe das Zeichenlimit auf 30 Zeichen und einen Festpreis festgelegt (verfügbar in PRO).

    Hinzufügen von Zeichenlimit und Festpreis
    Impressum: Textfeld

    Das letzte ist das Feld Geschenkverpackung . Dies ist der Feldtyp Checkbox . Hier habe ich auch zusätzliche Preise im Preisfeld hinzugefügt:

    Anpassbares WooCommerce-Produkt – benutzerdefinierte Felder auf der Produktseite

  3. Der Endeffekt

    Das ist alles! Wir haben den WooCommerce T-Shirt Store erfolgreich konfiguriert.

    Schauen Sie sich jetzt das Endergebnis an!

    Benötigen Sie andere Felder für Ihre T-Shirts? Sehen Sie sich unseren Leitfaden an, in dem wir alle Felder erklärt haben → von Flexible Product Fields.

Glaubst du also, dass das Plugin der benutzerdefinierte WooCommerce-T-Shirt-Designer genannt werden kann?

Zusammenfassung

In diesem Artikel haben Sie gelernt, wie Sie Ihren WooCommerce T-Shirt Store mit einem Plugin konfigurieren.

Darüber hinaus haben Sie die mit dem Plugin/Designer erstellte benutzerdefinierte T-Shirt-Seite gesehen. Aber denken Sie bitte daran, dass die Plugin-Optionen sehr flexibel sind, sodass Sie Buchungen, Dienstleistungen und personalisiertere Produkte in Ihrem WooCommerce verkaufen können! Ich hoffe, Sie werden die kostenlose Version gut nutzen!

Wenn Sie Fragen zu benutzerdefinierten Feldern und dem WooCommerce-Produktanpasser haben, lassen Sie es uns natürlich wissen! Sie können Ihr Feedback im Kommentarbereich unten senden .