loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie man „leicht“ erstellen benutzerdefinierte WooCommerce Danke-Seiten

Möchten Sie auf einfache Weise eine benutzerdefinierte WooCommerce-Dankesseite erstellen?

Eine benutzerdefinierte Danksagungsseite für die Auftragsbestätigung ist eine großartige Möglichkeit, mit Ihren neuen Kunden in Kontakt zu treten und sogar zusätzliche Verkäufe zu erzielen.

In diesem Artikel zeigen wir Ihnen, wie Sie eine benutzerdefinierte WooCommerce-Dankeseite Schritt für Schritt erstellen können.

How to easily create custom WooCommerce thank you pages

Warum eine WooCommerce-Dankeseite in WordPress anpassen?

Das Erstellen einer benutzerdefinierten WooCommerce-Dankeseite gibt Ihnen die Möglichkeit, mit Ihren Kunden in Kontakt zu treten, wenn sie einen Kauf tätigen.

Die Bestellbestätigung oder Dankeschön-Seite mag wie ein kleiner Teil Ihres Online-Shops erscheinen, aber sie kann tatsächlich ein sehr wertvoller Teil Ihres Verkaufsprozesses sein.

Das Problem ist, dass die Standard-Dankeseite von WooCommerce nicht wirklich für Conversions optimiert ist.

Aus diesem Grund bauen kluge Unternehmer eine gut gestaltete und hochkonvertierende Dankeseite, um die Standardoption zu ersetzen.

Thank you page example

Es gibt viele Möglichkeiten, wie Sie WooCommerce-Dankeseiten verwenden können:

  • Empfehlen Sie Upsell-Produkte und machen Sie mehr Umsatz
  • Bieten Sie Gutscheincodes für Wiederholungskäufe an
  • Heben Sie Ihre meistverkauften Produkte hervor
  • Leiten Sie Ihre Kunden zu Ihren nützlichsten Inhalten weiter

In diesem Sinne zeigen wir Ihnen, wie Sie eine benutzerdefinierte WooCommerce-Dankeseite Schritt für Schritt erstellen können.

Wie Sie ganz einfach benutzerdefinierte WooCommerce-Dankeseiten erstellen können

SeedProd ist der beste Drag & Drop WordPress Page Builder, der von über 1 Million Websites verwendet wird. Mit ihm können Sie ganz einfach eine benutzerdefinierte WooCommerce-Dankeschön-Seite erstellen, um den Umsatz zu steigern und Ihre Kundenbeziehungen auszubauen.

Als erstes müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: Es gibt eine kostenlose Version von SeedProd, aber wir werden die Pro-Version verwenden, da sie die benötigten WooCommerce-Blöcke enthält.

Sobald das Plugin aktiviert ist, müssen Sie zu SeedProd “ Einstellungen gehen und Ihren Lizenzschlüssel eingeben.

Enter SeedProd license key

Wenn Sie diesen nicht zur Hand haben, finden Sie Ihren Schlüssel im Bereich „Konto“ auf der SeedProd-Website.

Navigieren Sie anschließend zu SeedProd “ Seiten und klicken Sie auf die Schaltfläche „Neue Landing Page hinzufügen“, um Ihre neue Dankeseite zu erstellen.

Add new SeedProd landing page

Auf dieser Seite müssen Sie eine Vorlage auswählen. Hier finden Sie Dutzende von professionell gestalteten Dankeseitenvorlagen, aus denen Sie wählen können.

Wählen Sie einfach den Seitenfilter „Dankeseite“ und suchen Sie die Vorlage „Dankeseite für abgeschlossene Bestellung“.

Select thank you page filter

Bewegen Sie dann den Mauszeiger darüber und klicken Sie auf das Symbol „Häkchen“.

Danach müssen Sie Ihrer neuen Dankeseite einen Namen geben und dann auf „Speichern und mit der Bearbeitung der Seite beginnen“ klicken. Der Name, den Sie der Seite geben, wird auch die URL sein.

Name thank you page

Jetzt können Sie Ihre Dankeseite mit dem Drag-and-Drop-Builder bearbeiten.

Auf der rechten Seite sehen Sie eine Live-Vorschau Ihrer Seite. Um das Seitenelement zu bearbeiten, klicken Sie einfach auf das Element, woraufhin ein Bearbeitungsmenü auf der linken Seite erscheint.

Das linke Optionsfeld enthält Elemente, die Sie per Drag-and-Drop auf Ihre Bestellbestätigungsseite ziehen können.

Thank you page editor

Jetzt fügen wir einige Blöcke hinzu und nehmen einige Anpassungen vor, um die Seite mehr wie eine WooCommerce-Dankeseite zu gestalten.

Zunächst werden wir einen Upsell-Block hinzufügen, um ein anderes Produkt zu bewerben. Dies ist eine großartige Möglichkeit, mehr Umsatz für Ihren Shop zu generieren.

Wenn jemand einen Kauf abgeschlossen hat, ist die Wahrscheinlichkeit größer, dass er erneut kauft, vor allem, wenn es mit dem Produkt, das er gerade gekauft hat, zusammenhängt.

Klicken Sie dazu im linken Menü auf die Option „Abschnitt“. Daraufhin wird ein Bildschirm mit verschiedenen Inhaltsbereichen angezeigt. Wählen Sie die Option „Held“ und dann „Held 2“, indem Sie auf das „Plus“-Symbol klicken.

Select hero 2 block

Dadurch wird der Abschnitt in Ihre Seite eingefügt.

Klicken Sie nun auf das Bildsymbol und fügen Sie ein Bild des Produkts ein, das Sie bewerben möchten.

Insert image upsell

Machen Sie dann dasselbe für den Produkttitel und den Produkttext.

Danach löschen Sie die Schaltfläche, indem Sie mit dem Mauszeiger darüber fahren und auf das Symbol „Block löschen“ klicken.

Delete button block

Ziehen Sie als Nächstes den Block „In den Warenkorb“ in den Abschnitt „WooCommerce“.

Dadurch wird die alte Schaltfläche durch eine ersetzt, die eine Verbindung zu Ihrem WooCommerce-Produkt herstellt.

Drag add to cart block

Klicken Sie anschließend auf die Schaltfläche „In den Warenkorb“, um das Bearbeitungsmenü aufzurufen. Sie müssen Ihre „Produkt-ID“ eingeben, damit das Produkt automatisch in den Warenkorb Ihres Kunden gelegt wird.

Wenn Sie Ihre Produkt-ID nicht kennen, können Sie sie finden, indem Sie zu Produkte “ Alle Produkte navigieren und Ihr Produkt suchen.

Locate product ID

Navigieren Sie dann zurück zum Editor, geben Sie Ihre Produkt-ID ein und aktivieren Sie den Schieberegler „Direkt zur Kasse“.

Sie können auch das Aussehen der Schaltfläche vollständig anpassen, Untertext hinzufügen, die Farbe ändern und vieles mehr.

Enter product ID to checkout

Fügen Sie anschließend eine Überschrift hinzu, um Ihr Upsell-Produkt zu bewerben.

Klicken Sie auf den Block „Überschrift“ und ziehen Sie ihn über Ihr Upsell-Produkt. Fügen Sie dann Ihre verlockende Tagline hinzu.

Add headline block

Wenn Sie mit den Änderungen fertig sind, klicken Sie auf „Speichern“ oder auf die Dropdown-Liste „Veröffentlichen“, wenn Sie Ihre Seite live schalten möchten.

Save or publish changes

Hinzufügen eines Coupon-Codes für wiederholte Käufe in WooCommerce

Sie können Ihren Kunden einen einzigartigen Gutscheincode geben, der ihnen einen Rabatt für den erneuten Kauf des Produkts bietet.

Gutscheincodes sind eine der besten Möglichkeiten, um Ihre Kunden zu einem weiteren Kauf zu bewegen. WooCommerce verfügt zwar über Standard-Gutscheine, aber sie sind ziemlich begrenzt.

Wir empfehlen die Verwendung des Plugins Advanced Coupons. Es ist das beste WordPress-Gutscheincode-Plugin für Ihren Online-Shop und ist sehr einsteigerfreundlich.

Weitere Einzelheiten zur Einrichtung des Plugins finden Sie in unserer Anleitung zur Erstellung intelligenter Coupons in WooCommerce.

Navigieren Sie nach der Aktivierung zu Coupons “ Lizenz und geben Sie Ihren Produktlizenzschlüssel und Ihre Aktivierungs-E-Mail ein, dann klicken Sie auf „Aktivieren“.

Activate Advanced Coupons

Navigieren Sie dann zu Coupons “ Neu hinzufügen, um einen neuen Coupon zu erstellen.

Zunächst können Sie auf „Gutscheincode generieren“ klicken oder einen eigenen Gutscheincode erstellen.

Add new coupon code

Sobald Sie das getan haben, suchen Sie die Registerkarte „Allgemein“, wo Sie Ihren Rabatt erstellen können.

Wählen Sie die Option „Prozentualer Rabatt“ und geben Sie den prozentualen Rabatt ein.

Choose percentage discount

Als nächstes müssen Sie auf die Registerkarte „Nutzungsbeschränkung“ klicken.

Wählen Sie dann im Feld „Produkte“ das Produkt aus, für das der Rabatt gelten soll.

Select coupon product

Klicken Sie anschließend auf die Registerkarte „Nutzungsgrenzen“.

Geben Sie in das Feld „Verwendungsbeschränkung pro Coupon“ den Wert 1 ein. Damit wird die Anzahl der Nutzungen des Gutscheins begrenzt.

Limit coupon use

Vergewissern Sie sich, dass Sie auf „Veröffentlichen“ oder „Speichern“ klicken, bevor Sie den Bildschirm verlassen.

Kehren Sie anschließend zum SeedProd-Editor zurück.

Sie können den Gutscheincode zu Ihrer bestehenden WooCommerce-Dankesseite hinzufügen oder eine neue Dankesseite erstellen.

Wir werden den Gutscheincode zu unserer bestehenden Dankeseite hinzufügen, um unseren Kunden einen weiteren Bonus zu bieten.

Klicken Sie im Seiteneditor auf den Abschnitt „Neuer Block“ und wählen Sie dann Ihr Layout.

Choose block layout

Wählen Sie dann den Block „Text“ aus und ziehen Sie ihn auf die Seite.

Hier geben Sie den Text für Ihren Gutscheincode ein.

Select text block

In den anderen Block können Sie ein Bild des gerade gekauften Produkts einfügen.

Ziehen Sie einfach den Block „Bild“ in den Seiteneditor und laden Sie dann Ihr Produktbild hoch.

Select image block

Danach müssen Sie einen Überschriftenblock hinzufügen, damit Ihre Kunden über den Gutscheincode Bescheid wissen.

Ziehen Sie einfach über den Überschriftenblock und fügen Sie Ihre Überschrift hinzu.

Select headline block

So wird der Gutscheincode angezeigt.

Sie können ihn nach Belieben weiter anpassen.

Display coupon code

Hinzufügen eines Rasters der meistverkauften Produkte in WooCommerce

Indem Sie Ihre meistverkauften Produkte zu Ihren Dankeseiten hinzufügen, können Sie ganz einfach mehr Umsatz machen.

Diese Produkte verkaufen sich nachweislich gut, so dass die Wahrscheinlichkeit groß ist, dass Ihre Kunden zum Kauf bereit sind.

Ziehen Sie dazu einfach den Block „Meistverkaufte Produkte“ aus dem Abschnitt „WooCommerce“.

Select best selling products block

Es gibt viele andere Arten von Produktrastern, die Sie hinzufügen können, z. B. Verkaufsprodukte, am besten bewertete Produkte, neue Produkte und mehr.

Weitere Details zum Hinzufügen von meistverkauften Produkten in WooCommerce finden Sie in unserem Leitfaden zur Anzeige beliebter Produkte in WooCommerce.

Pro-Tipp: Sie können WooCommerce Conversion Tracking einrichten, um Klicks und Conversions zu überwachen und so noch mehr Umsatz mit Ihren WooCommerce-Dankeseiten zu machen.

Leiten Sie die standardmäßige WooCommerce-Dankeseite auf Ihre neue Seite in WordPress um

Sobald Sie Ihre Dankeseite live veröffentlicht haben, müssen Sie diese Seite in WooCommerce umleiten.

Auf diese Weise werden Ihre Besucher, wenn sie einen Kauf abschließen, tatsächlich auf Ihre neue Seite weitergeleitet.

Sie können dies tun, indem Sie die Dateien Ihres WordPress-Themas ändern. Der einfachste Weg ist jedoch die Verwendung eines WordPress-Plugins.

Wir empfehlen die Verwendung des kostenlosen Plugins Thanks Redirect for WooCommerce, das sehr einfach zu bedienen ist und Ihnen hilft, die Weiterleitung einfach hinzuzufügen.

Als Erstes müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Navigieren Sie nach der Aktivierung zu WooCommerce “ Einstellungen und klicken Sie dann auf die Registerkarte „Produkte“.

Go to thanks redirect options

Danach klicken Sie auf den Link „Danke für die Weiterleitung für WooCommerce“.

Sobald Sie das getan haben, klicken Sie auf das Feld „Globale Umleitung aktivieren“ und geben Sie Ihre neue WooCommerce-Seiten-URL in das Feld „Thanks Redirect URL“ ein.

Enter URL and save new page

Klicken Sie dann auf „Änderungen speichern“ und Ihre neue Dankeseite wird umgeleitet, wenn Ihre Kunden eine Bestellung abschließen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, benutzerdefinierte WooCommerce-Dankesseiten zu erstellen. Vielleicht interessieren Sie sich auch für unsere Liste der besten WooCommerce-Plugins für Ihren Shop und unseren WooCommerce-SEO-Leitfaden, um mehr Traffic zu erhalten.

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.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner