Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen eines benutzerdefinierten Produkt-Builders in WooCommerce (einfach)

Ein Custom Product Builder ermöglicht es Online-Käufern, Produkte nach ihren eigenen Vorlieben und Anforderungen zu gestalten und zu personalisieren. Dies kann ein unverzichtbares Werkzeug sein, wenn Ihr Online-Shop hauptsächlich Unikate verkauft. Andernfalls kann das Angebot einiger anpassbarer Artikel eine gute Möglichkeit sein, Ihren Produktkatalog interessanter zu gestalten.

Im Laufe der Jahre haben wir Tausenden von Nutzern geholfen, WooCommerce-Websites mit vielen fortschrittlichen Funktionen, einschließlich anpassbarer Waren, einzurichten.

Unserer Erfahrung nach erfordert dies in der Regel die Bearbeitung von Code, um einen benutzerdefinierten Product Builder zu erstellen. Da dies jedoch für Anfänger nicht ideal ist, haben wir einige benutzerfreundlichere Optionen erforscht.

Nach Recherchen und Tests haben wir herausgefunden, dass sich ein Product Builder in WooCommerce am besten mit dem Zakeke-Plugin hinzufügen lässt. Es ist einfach zu bedienen, und Sie müssen keine einzige Code-Zeile anfassen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen benutzerdefinierten Product Builder in WooCommerce hinzufügen können.

How to add a custom product builder in WooCommerce

Warum einen benutzerdefinierten Produkt-Builder in WooCommerce hinzufügen?

Das Hinzufügen eines benutzerdefinierten Produkt-Builders in WooCommerce ermöglicht es Ihren Kunden, die Produkte vor der Bestellung anzupassen.

So können Sie beispielsweise Print-on-Demand-Produkte hinzufügen und den Kunden erlauben, ihre Logos, Bilder und Texte zu den Produkten hinzuzufügen.

Ein benutzerdefinierter Produktdesigner für WooCommerce kann verwendet werden, um Ihre eigenen Produkte zu verkaufen, so dass die Käufer sie vor dem Versand personalisieren können.

Alternativ können Sie auch ein Dropshipping-Unternehmen gründen und die Anpassung und den Versand einem Drittanbieter überlassen.

Werfen wir also einen Blick darauf, wie Sie einen benutzerdefinierten Product Builder zu Ihrem WooCommerce-Shop hinzufügen können.

Hinzufügen eines benutzerdefinierten Produkt-Builders zu einem WooCommmerce-Shop

Für dieses Tutorial werden wir Zakeke verwenden. Es ist ein WooCommerce-Produktanpassungstool und bietet ein nahtloses Produkterstellungserlebnis für Ihre Benutzer. Der Produktdesigner ist sowohl für Kunden als auch für Shop-Betreiber wirklich einfach zu bedienen.

Zuerst müssen Sie die Zakeke-Website besuchen und sich für ein Konto anmelden. Sie können auf die Schaltfläche „Kostenlose Testversion starten“ klicken, um loszulegen.

Zakeke

Zakeke arbeitet mit den beliebtesten eCommerce-Plattformen zusammen, einschließlich WooCommerce.

Um Ihren Shop mit Zakeke zu verbinden, wechseln Sie zurück in den Verwaltungsbereich Ihrer WordPress-Website.

Als nächstes müssen Sie das kostenlose Zakeke-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Das kostenlose Plugin fungiert als Bindeglied zwischen Ihrer Website und dem Zakeke Product Builder.

Nach der Aktivierung werden Sie aufgefordert, Ihren WooCommerce-Shop mit Ihrem Zakeke-Konto zu verbinden. Klicken Sie einfach auf die Schaltfläche „Verbinden“, um fortzufahren.

Connect Zakeke

Sie werden dann aufgefordert, Zakeke den Zugriff auf Aktionen in Ihrem WooCommerce-Shop zu erlauben.

Klicken Sie auf die Schaltfläche „Genehmigen“, um fortzufahren.

Connect Zakeke to WooCommerce

Dadurch gelangen Sie zum Zakeke Dashboard.

Sie können nun über das Menü auf der linken Seite die Option „Anpassbare Produkte“ aufrufen.

Go to customizable products

Jetzt können Sie Produkte hinzufügen, die von Kunden angepasst werden können.

Hinzufügen Ihres ersten anpassbaren Produkts

Sobald Sie sich im Bereich der anpassbaren Produkte befinden, klicken Sie auf die Schaltfläche „Hinzufügen“.

Add your custom product

Sie können dann ein Produkt aus Ihrem eigenen Shop auswählen, ein Produkt von Grund auf neu erstellen oder einen Print-on-Demand-Service wählen.

Im Rahmen dieses Tutorials werden wir Produkte aus unserem eigenen Demo-Shop hinzufügen.

Choose where to get your product from

Als nächstes lädt Zakeke die Produkte aus Ihrem Shop.

Sie müssen das Produkt auswählen, das Sie konfigurieren möchten.

Choose a product from your store

Danach wählt Zakeke Ihr Produktbild aus Ihrem Shop aus.

Sie können ein anderes Bild hochladen, wenn Sie es verwenden möchten. Sie können auch die Rückseite des Produktbildes hochladen oder Variationen hinzufügen.

Change custom product image

Wenn Sie mit den Produktbildern zufrieden sind, klicken Sie auf die Schaltfläche „Druckbereich festlegen“.

Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie ein Lineal festlegen müssen, indem Sie einfach mit der Maus eine Linie ziehen und ein Maß angeben.

Make a line with the ruler

Als Nächstes müssen Sie eine Form für den Druckbereich auswählen und sie auf das Produktbild zeichnen.

In diesem Tutorial werden wir die rechteckige Form verwenden.

Create a rectangular area on your product

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Speichern“, um fortzufahren.

Als Nächstes müssen Sie auf die Schaltfläche „Ich biete keine Varianten an, gehe zur Vorschau“ klicken.

Go to product preview

Sie sehen nun die Details zu Ihrem Produkt.

Vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

View preview and save custom product

Zakeke zeigt nun eine Vorschau des Custom Product Builders an.

Sie können testen, ob alles richtig funktioniert, und bei Bedarf Änderungen vornehmen. Es gibt auch die Möglichkeit, eine Testbestellung aufzugeben.

Test the custom product builder

Wenn Sie mit den Änderungen zufrieden sind, klicken Sie einfach auf die Schaltfläche „Veröffentlichen“ am oberen Rand.

Einstellen der Druckmethoden

Der nächste Schritt ist die Einstellung der Druckmethoden. Hier können Sie wählen, wie die Designdateien für den Druck formatiert werden sollen.

Gehen Sie in Ihrem Zakeke-Konto-Dashboard in der linken Spalte auf „Druckmethoden“ und klicken Sie dann auf die Schaltfläche „Hinzufügen“.

Add a printing method

Von hier aus können Sie auswählen, welche Druckfunktionen Sie Ihren Kunden zur Verfügung stellen möchten.

Sie können auch die Dateitypen, die Auflösung und das Format wählen. Wenn Sie den Nutzern erlauben, dem Produkt ein Textfeld hinzuzufügen, haben Sie die Möglichkeit, den Textstil, die Schriftart, das Format, die Farbe, die Größe und mehr zu steuern.

Edit printing method details

Unten können Sie vorhandene Produkte auswählen, auf die diese Methode angewendet werden soll.

Vergessen Sie nicht, auf die Schaltfläche „Speichern“ zu klicken, um Ihre Änderungen zu speichern.

Select products to apply printing methods

Verwendung des Custom Product Builders in WooCommerce

Zakeke fügt die Option zur Produktanpassung zu allen Produkten hinzu, die Sie über den Produktkonfigurator hinzufügen.

Sie können einfach das Produkt in Ihrem Geschäft besuchen und Sie werden die Option sehen, das Produkt anzupassen.

Customize your product

Dadurch wird die Oberfläche des Produktdesigners geöffnet, die auf der rechten Seite eine Vorschau der Gestaltungswerkzeuge für Produktbilder enthält.

Die Nutzer können Text hinzufügen oder Bilder von ihren Geräten oder Konten in sozialen Medien hochladen.

Add image to product in the builder

Sie können auch das Bild oder den Text innerhalb des Druckbereichs anpassen, indem sie einfach an den Ecken ziehen. Es gibt auch Optionen zur Auswahl verschiedener Schriftarten, Farben und Stile.

Nach der Fertigstellung können die Nutzer eine Kopie ihres Entwurfs als PDF herunterladen, speichern oder einfach in den Warenkorb legen.

Danach können die Kunden wie gewohnt zur Kasse gehen, wobei sie eine Vorschau ihres individuellen Produkts im Warenkorb sehen.

View cart with custom product

Bonus-Tipp: Mehr anpassbare Produkte in WooCommerce verkaufen

Anpassbare Produkte und ein eleganter Produktdesigner können Ihnen zu mehr Umsatz verhelfen. Allerdings wissen die Kunden vielleicht nicht, dass sie ihre Produkte anpassen und gestalten können.

Hier kommt OptinMonster ins Spiel.

Es ist die beste Conversion-Optimierungssoftware auf dem Markt, mit der Sie WooCommerce-Besucher leicht in zahlende Kunden umwandeln können.

OptinMonster verfügt über Lightbox-Popups, Slide-in-Popups, Benachrichtigungsleisten, Countdown-Timer und vieles mehr. Mit all diesen Tools können Sie Ihren Kunden die richtige Botschaft zur richtigen Zeit anzeigen.

Upsell popup preview

Mit seinen leistungsstarken Anzeigeregeln können Sie Kunden gezielt ansprechen und ihnen personalisierte Kampagnen zeigen.

So können Sie beispielsweise Kunden in einem bestimmten Gebiet einen kostenlosen Versand anbieten, ein Slide-in-Popup für anpassbare Produkte einblenden oder einen zeitlich begrenzten Coupon anbieten, um abgebrochene Verkäufe zurückzugewinnen.

OptinMonster countdown timer

Wir hoffen, dass Sie in diesem Artikel erfahren haben, wie Sie in WooCommerce ganz einfach einen Custom Product Builder hinzufügen können. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Nachverfolgung von Konversionen in WooCommerce, um Ihr Geschäft auszubauen, und unseren Vergleich der besten WooCommerce-Hosting-Anbieter.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

Kommentare

  1. Herzlichen Glückwunsch, du hast die Möglichkeit, der erste Kommentator dieses Artikels zu sein.
    Hast du eine Frage oder Anregung? Bitte hinterlasse einen Kommentar, um die Diskussion zu starten.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.