So erstellen Sie eine benutzerdefinierte WooCommerce-Dankeschön-Seite (einfach)

Veröffentlicht: 2022-06-30

Möchten Sie eine benutzerdefinierte WooCommerce-Dankeseite erstellen?

Das Erstellen einer Dankesseite für Ihren Online-Shop ist eine hervorragende Möglichkeit, Kundenbeziehungen aufzubauen und den Umsatz zu steigern. Dieser Artikel zeigt Ihnen, wie Sie ganz einfach eine benutzerdefinierte WooCommerce-Dankeseite erstellen können.

Inhaltsverzeichnis
  1. Schritt 1. Installieren Sie das SeedProd-Plugin
  2. Schritt 2. Wählen Sie eine Zielseitenvorlage aus
  3. Schritt 3. Bearbeiten Sie Ihre WooCommerce-Dankeschön-Seite
  4. Schritt 4. Veröffentlichen Sie Ihre Dankesseite
  5. Schritt 5. Leiten Sie die Standard-WooCommerce-Dankeseite auf Ihre neue Seite um

Was ist eine WooCommerce-Dankeschön-Seite?

Eine WooCommerce-Dankeschön-Seite ist eine einzelne Seite in Ihrem WooCommerce-Shop, auf der Käufern für den Kauf Ihrer Produkte oder Dienstleistungen gedankt wird. Die Seite enthält normalerweise eine Dankesnachricht und die Bestelldetails, aber versierte Ladenbesitzer können weitere Funktionen hinzufügen, um den Umsatz und das Engagement zu steigern.

Warum Ihre WooCommerce-Dankeseite anpassen?

WooCommerce wird zunächst mit einer Standard-Dankeseite geliefert. Nachdem Käufer einen Kauf auf Ihrer Checkout-Seite abgeschlossen haben, sehen sie eine ähnliche Dankesseite wie diese:

Default WooCommerce thank you page

Wie Ihre Dankesseite aussieht, hängt von Ihrem WordPress-Theme ab. Die Standardseite ist jedoch nicht für Conversions optimiert.

Wenn Sie die standardmäßige WooCommerce-Dankeseite durch ein benutzerdefiniertes Design ersetzen, können Sie sie in eine hochkonvertierende Seite mit Funktionen verwandeln, die Ihnen helfen:

  • Upselling und Empfehlen von Produkten
  • Präsentieren Sie die meistverkauften Produkte
  • Sonderangebote für Wiederholungskäufe anzeigen
  • Leiten Sie Kunden zu den hilfreichsten Inhalten

So erstellen Sie eine benutzerdefinierte WooCommerce-Dankeschön-Seite in WordPress

Wir verwenden SeedProd, um eine benutzerdefinierte Dankesseite für Ihren Online-Shop zu erstellen.

SeedProd WordPress website builder

SeedProd ist einer der besten Website-Builder für WordPress, der von über 1 Million WordPress-Sites verwendet wird.

Damit können Sie hochkonvertierende Landingpages, benutzerdefinierte WordPress-Designs und ansprechende Website-Layouts ohne Code erstellen. Sie können sogar den Drag-and-Drop-Builder von SeedProd verwenden, um WooCommerce-Websites zu erstellen, ohne einen Entwickler einzustellen.

Befolgen Sie die nachstehenden Schritte, um mit SeedProd eine benutzerdefinierte WooCommerce-Dankeseite zu erstellen.

Schritt 1. Installieren Sie das SeedProd-Plugin

Laden Sie zunächst das SeedProd-Plugin herunter und installieren Sie es auf Ihrer WordPress-Website. Hier ist eine Anleitung zur Installation eines WordPress-Plugins, wenn Sie Hilfe benötigen.

Sie können eine kostenlose Version von SeedProd erhalten, aber wir verwenden SeedProd Elite für die von uns benötigten WooCommerce-Blöcke.

Navigieren Sie nach der Installation und Aktivierung des Plugins in Ihrem WordPress-Dashboard zu SeedProd » Einstellungen und geben Sie Ihren Lizenzschlüssel ein.

enter your license key

Sie finden Ihren Lizenzschlüssel im Kontobereich der Website von SeedProd.

Als nächstes müssen Sie zu SeedProd » Landing Pages gehen. Hier können Sie alle Seitenmodi von SeedProd aktivieren und eine neue Dankesseite erstellen.

SeedProd landing page dashboard

Wählen Sie die Schaltfläche Neue Zielseite hinzufügen, um eine Dankeschön-Seite zu erstellen.

Schritt 2. Wählen Sie eine Zielseitenvorlage aus

Sie können auf dem nächsten Bildschirm eine Zielseitenvorlage auswählen, und Hunderte von Vorlagen sind verfügbar.

SeedProd landing page templates

Klicken Sie auf die Registerkarte „ Dankeschön “, um nur die Dankeschön-Seitenvorlagen anzuzeigen. Bewegen Sie dann den Mauszeiger über eine Vorlage, die Ihnen gefällt, und klicken Sie auf das Häkchen-Symbol, um sie zu starten.

WooCommerce thank you page template

Für dieses Tutorial verwenden wir die Dankesseite „Bestellung abgeschlossen“.

Nachdem Sie Ihre Dankesseitenvorlage ausgewählt haben, müssen Sie einen Namen und eine Seiten-URL eingeben. Sie können jetzt auf die Schaltfläche Speichern und mit der Bearbeitung der Seite beginnen klicken.

landing page name

Schritt 3. Bearbeiten Sie Ihre WooCommerce-Dankeschön-Seite

Sie können jetzt mit der Bearbeitung Ihrer Dankesseite mit dem Drag-and-Drop-Builder beginnen.

Der visuelle Editor hat rechts eine Live-Vorschau Ihrer Seite. Um ein beliebiges Seitenelement zu bearbeiten, klicken Sie auf das Element, und auf der linken Seite wird ein Einstellungsmenü angezeigt.

Custom Woocommerce thank you page builder

Das linke Bedienfeld enthält Elemente namens Blöcke, die Sie per Drag-and-Drop auf die Seite ziehen können.

Wir beginnen damit, die Schriftarten der Seite an unser WooCommerce-Thema anzupassen. Klicken Sie auf das Symbol „ Globale Einstellungen “ in der unteren linken Ecke und erweitern Sie dazu die Registerkarte „ Schriftarten “.

customize woocommerce thank you page font

Sie können dann benutzerdefinierte Google-Schriftarten auswählen und diese global auf Ihre Seite anwenden. Sie können im selben Bedienfeld auch globale Farben, Hintergründe und benutzerdefiniertes CSS anwenden.

Als Nächstes fügen wir der Seite einige neue Elemente hinzu.

Hinzufügen eines WooCommerce-Upsells

Das Hinzufügen eines Upsells zu Ihrer WooCommerce-Dankeseite ist eine hervorragende Möglichkeit, mehr Ladenverkäufe zu generieren. Es ist wahrscheinlicher, dass Käufer nach einem Kauf erneut bei Ihnen kaufen, insbesondere wenn es sich um ein verwandtes Produkt handelt.

So erstellen Sie einen Upselling auf der Bestellbestätigungsseite Ihres Shops.

Klicken Sie im linken Bereich auf die Registerkarte Abschnitte , wodurch ein Bildschirm mit verschiedenen vorgefertigten Inhaltsabschnitten geöffnet wird. Wähle die Registerkarte „ Hero “ und dann den Abschnitt „ Hero 2 “, indem du auf das orangefarbene Plus-Symbol klickst, um es in deine Seite einzufügen.

WooCommerce thank you page hero section

Jetzt können Sie im neuen Abschnitt auf den Bildblock klicken und ein Bild des Produkts hinzufügen, das Sie verkaufen möchten.

Upsell product image

Das Gleiche können Sie für den Produkttitel und die Produktbeschreibung tun.

Upsell product description

Jetzt fügen wir eine neue Call-to-Action-Schaltfläche hinzu, also bewegen Sie den Mauszeiger über die vorhandene Schaltfläche und klicken Sie auf das Papierkorbsymbol, um sie zu entfernen.

delete call to action button

Scrollen Sie als Nächstes nach unten zu den WooCommerce -Blöcken und ziehen Sie sie über die Schaltfläche „Zum Warenkorb hinzufügen“. Es ersetzt Ihren alten Button durch einen, der sich mit Ihren WooCommerce-Produkten verbindet.

WooCommerce add to cart button

Klicken Sie auf die Schaltfläche, um das Einstellungsfeld zu öffnen, und geben Sie dann die Produkt-ID dieses Produkts ein. Dadurch wird automatisch sichergestellt, dass der Artikel dem Warenkorb Ihres Kunden hinzugefügt wird.

Sie finden Ihre Produkt-ID, indem Sie in Ihrem WordPress-Adminbereich zu Produkte » Alle Produkte gehen und Ihr Produkt suchen.

WooCommerce product id

Nachdem Sie die Produkt-ID zu Ihrer Schaltfläche „In den Einkaufswagen“ hinzugefügt haben, aktivieren Sie den Schalter „ Direkt zur Kasse “.

woocommerce direct to checkout

Sie können auch auf die Registerkarte Erweitert klicken, um die Farbe, Polsterung, Ausrichtung und mehr Ihrer Schaltfläche anzupassen.

Lassen Sie uns nun eine Überschrift hinzufügen, um Ihr Upsell-Produkt zu bewerben. Ziehen Sie den Schlagzeilenblock über Ihr Upsell und fügen Sie eine verlockende Schlagzeile hinzu, um Käufer zum Kauf anzuregen.

WooCommerce thank you page custom headline

Hinzufügen eines Rasters für meistverkaufte Produkte

Das Hinzufügen von meistverkauften Produkten zu Ihrer WooCommerce-Dankeseite ist eine einfache Möglichkeit, den Umsatz zu steigern. Da sich diese Produkte nachweislich verkaufen, sind Ihre Kunden wahrscheinlich bereit, sie zu kaufen.

Scrollen Sie dazu zum Abschnitt WooCommerce -Blöcke und ziehen Sie das Raster Meistverkaufte Produkte auf Ihre Seite.

Custom woocommerce thank you page best selling products

Sie können den Block so einstellen, dass er mehrere Produkte, Spalten, Paginierung und mehr anzeigt. Anschließend können Sie auf der Registerkarte „Erweitert“ die Gitterfarben, den Stil, die Ausrichtung und den Abstand anpassen.

Best selling products block settings

Es gibt so viele andere Möglichkeiten, Ihre WooCommerce-Dankeseite mit SeedProd anzupassen, z. B. das Hinzufügen von:

  • Kürzlich hinzugefügte Produkte
  • Verkaufsprodukte
  • Ausgewählte Produkte
  • Erstklassige Produkte

Sie können sogar einen Countdown-Timer hinzufügen, um Benutzer zum Kauf von Sonderangeboten zu ermutigen, bevor das Angebot endet.

Sale products countdown timer

Denken Sie daran, auf die Schaltfläche Speichern in der oberen rechten Ecke zu klicken, um Ihre Änderungen zu speichern.

Schritt 4. Veröffentlichen Sie Ihre Dankesseite

Wenn Sie mit dem Aussehen Ihrer WooCommerce-Bestellbestätigungsseite zufrieden sind, können Sie sie auf Ihrer Website live schalten. Klicken Sie dazu auf den Dropdown-Pfeil auf der Schaltfläche „Speichern“ und wählen Sie „ Veröffentlichen “ aus.

Publish your woocommerce thank you page

Jetzt können Sie Ihre Dankesseite besuchen, um zu sehen, wie sie aussieht.

Custom woocommerce thank you page example

Schritt 5. Leiten Sie die Standard-WooCommerce-Dankeseite auf Ihre neue Seite um

Nachdem Sie Ihre Dankesseite veröffentlicht haben, müssen Sie sie in WooCommerce umleiten. Dadurch wird sichergestellt, dass Kunden nach dem Kauf eines Produkts Ihre neue Dankesseite anstelle der Standardseite sehen.

Sie können Ihre Dankesseite umleiten, indem Sie Ihre WordPress-Designdateien bearbeiten, aber dies ist nicht einfach, wenn Sie Anfänger oder mit Code nicht vertraut sind. Stattdessen empfehlen wir die Verwendung eines WordPress-Plugins, was viel einfacher ist.

Wir empfehlen die Verwendung des Thanks Redirect for WooCommerce-Plugins. Es ist einfach zu bedienen und lässt Sie die Weiterleitung schnell und einfach hinzufügen.

Sie können das Plugin kostenlos aus dem WordPress-Plugin-Repository herunterladen. Gehen Sie dann nach der Installation und Aktivierung zur Seite WooCommerce » Einstellungen und klicken Sie auf die Registerkarte Produkte .

Redirect custom WooCommerce thank you page

Klicken Sie auf dem folgenden Bildschirm auf den Link Thanks Redirect und aktivieren Sie dann das Kontrollkästchen Enable Global Thanks Redirect . Danach sehen Sie ein Feld mit der Bezeichnung Thanks Redirect URL .

Fügen Sie die URL Ihrer neuen WooCommerce-Dankeschön-Seite in dieses Feld ein und klicken Sie dann auf die Schaltfläche Änderungen speichern .

Das ist es!

Sie haben jetzt eine benutzerdefinierte WooCommerce-Dankeseite, die für die Konvertierung von Leads und Verkäufen optimiert ist. Wir hoffen, dass dieser Artikel geholfen hat.

Sind Sie bereit, eine hochkonvertierende Dankesseite für WooCommerce zu erstellen?

Beginnen Sie noch heute mit SeedProd.

Vielleicht gefällt Ihnen auch dieses Tutorial zum Erstellen von Abschnittstrennern in WordPress, um das Engagement zu steigern und Leads und Verkäufe zu steigern.

Danke fürs Lesen. Bitte folgen Sie uns auf YouTube, Twitter und Facebook, um weitere hilfreiche Inhalte zum Wachstum Ihres Unternehmens zu erhalten.