Diese Woche zeigen wir Ihnen, wie man erstellt Formen Abonnement mit einem Glücksrad mit Divi und dem WP Optin Wheel Plugin. Hoffe, dieses Tutorial wird Ihnen helfen, die Conversion-Raten zu erhöhen. Mit der Glücksspielfunktion von Lucky Wheel Optin Form können Sie mit Besuchern interagieren und sie mit einem Rabattcode belohnen, den sie für ihre Online-Einkäufe verwenden können.

Lassen Sie uns gehen!

Übersicht

Bevor wir uns mit dem Tutorial befassen, werfen wir einen kurzen Blick auf das Ergebnis auf verschiedenen Bildschirmgrößen.

Optin WheelergebnisvorschauInstaller WooCommerce

Plugin und Installationssuche

Wenn Sie es noch nicht getan haben, müssen Sie es zuerst installieren  WooCommerce auf Ihrer WordPress-Website. Wir werden auch darum bitten, die zu verwenden Hardware Store Layout Pack auf der Divi-Website, an der Sie gerade arbeiten.

Gehen Sie zu Ihren Plugins und suchen Sie WooCommerce. Sobald Sie es gefunden haben, klicken Sie auf die Schaltfläche „Jetzt installieren“.

Installieren Sie woocommerceAktivieren

Stellen Sie sicher, dass Sie das Plugin aktivieren WooCommerce sofort.

Aktivieren Sie das Woocommerce-PluginKonfigurieren Sie WooCommerce

Dann leitet WooCommerce Sie automatisch zu seiner weiter Formular Aufbau. Hier müssen Sie alle Details ausfüllen, um Ihren Shop startklar zu machen. Sobald dieser Vorgang abgeschlossen ist, werden alle erforderlichen WooCommerce-Seiten automatisch zu Ihrer Website hinzugefügt.

Woocommerce-Einstellungsseite

Installieren Sie das WP Optin Wheel Plugin

Plugin und Installationssuche

Um die Anmeldeform von Lucky Wheel zu erstellen, verwenden wir ein kostenloses Plugin namens Ludification WP Optin Wheel . Gehen Sie zurück zu Ihren Plugins und suchen Sie das WP Optin Wheel Plugin. Klicken Sie dann auf die Schaltfläche "Jetzt installieren". Sie müssen dann das Plugin aktivieren.

Installieren Sie das wp optin Rad

Produkte zu WooCommerce hinzufügen

Fügen Sie ein neues Produkt

Wenn Sie bereits eine E-Commerce-Website betreiben, können Sie diesen Teil überspringen. Wenn Sie nur versuchen, etwas auszuprobieren, empfehlen wir, Ihrem WooCommerce-Plugin Produkte hinzuzufügen. Auf diese Weise können Sie das Glücksrad-Anmeldeformular später testen. Um ein neues Produkt hinzuzufügen, gehen Sie zu Produkte> Neu hinzufügen .

Fügen Sie Woocommerce-Produkte hinzuProduktdetails hinzufügen

Füllen Sie alle Produktdetails aus. Dies umfasst, ohne darauf beschränkt zu sein, einen Produktnamen, eine Beschreibung, ein Bild, einen Preis und eine Kategorie. Veröffentlichen Sie die Produktseite, sobald Sie diese Details hinzugefügt haben.

Produktdetails hinzufügenWiederholen Sie dies für jedes Produkt

Wiederholen Sie diesen Schritt für jedes Produkt, das Sie Ihrer Website hinzufügen möchten.

Woocommerce-Produkte

Fügen Sie Gutscheine zu WooCommerce hinzu

Gehen Sie zu Gutscheinen

Jetzt ist es an der Zeit, Gutscheine hinzuzufügen. Später in diesem Artikel werden wir die von uns erstellten Gutscheine als Belohnung verwenden. Greifen Sie auf Ihre WordPress Dashboard> WooCommerce> Gutscheine . Sobald Sie dort sind, erstellen Sie Ihren ersten Gutschein.

Woocommerce Promo-Code

Gutschein Nr. 1 hinzufügen: 5% Rabatt

General

Im Glücksrad mit 12 Scheiben können Sie entscheiden, wie viele Scheiben einen Preis enthalten. Sie können beispielsweise 4 Preise anbieten und für jeden einen anderen Gutschein erstellen. Sie können auch einen Gutschein für mehrere Punkte auf dem Rad verwenden. Wenn Sie Ihren ersten Gutschein erstellt haben, geben Sie den Gutscheincode oben auf der Seite ein. Ändern Sie dann die allgemeinen Einstellungen:

  • Rabattart: prozentualer Rabatt
  • Kuponbetrag: 25
  • Ablaufdatum des Gutscheins: Geben Sie das Datum Ihrer Wahl ein

Erstellen Sie einen Woocommerce-Promo-CodeNutzungsbeschränkungen

Fahren Sie fort, indem Sie zu den Registerkarten für Nutzungsbeschränkungen wechseln. Hier können Sie entscheiden, ob mit dem Gutschein minimale und maximale Ausgaben verbunden sind. Sie können auch die folgenden Kontrollkästchen aktivieren:

  • Aktivieren Sie dieses Kontrollkästchen, wenn der Gutschein nicht mit anderen Gutscheinen verwendet werden kann.
  • Aktivieren Sie dieses Kontrollkästchen, wenn der Gutschein nicht für verkaufte Artikel gelten soll. Gutscheine pro Artikel funktionieren nur, wenn der Artikel nicht zum Verkauf steht. Gutscheine pro Warenkorb funktionieren nur, wenn sich Artikel im Warenkorb befinden, die nicht zum Verkauf stehen.

Woocommerce-GutscheinbeschränkungWiederholen Sie die Schritte für weitere 3-Gutscheine

Erstellen Sie so viele Gutscheine, wie Sie möchten, indem Sie die oben genannten Schritte ausführen. Sie sind nicht darauf beschränkt, einen Prozentsatz zu gewähren. Sie können auch einen Gutschein erstellen, der einen festen Rabatt auf einen Einkaufswagen oder ein Produkt bietet, und ihn in das Glücksrad aufnehmen.

Liste der Woocomerce-Promo-Codes

Erstellen Sie ein Optin Lucky Wheel-Formular

Gehe zu den Plugin Einstellungen

Jetzt, da wir alle Schritte durchlaufen haben, die erforderlich sind, damit das Glücksrad funktioniert, können wir damit beginnen, eines zu erstellen! Greifen Sie auf Ihre Armaturenbrett WordPress > WP Optin Wheel .

Wp Optin RadFügen Sie einen MailChimp-API-Schlüssel hinzu

Bevor Sie ein Glücksrad erstellen können, müssen Sie Ihren MailChimp-API-Schlüssel hinzufügen. Die kostenlose Version des WP Wheel Optin Plugins bietet nur die Integration mit MailChimp. Wenn Sie das Glücksrad mit einem anderen Anbieter verbinden möchten, müssen Sie auf die Premium-Version aktualisieren.

Mailchimp-FeldErstellen Sie ein neues Rad

Wählen Sie ein Thema

Fangen wir an, das Rad zu kreieren! Wählen Sie eine Farbpalette Ihrer Wahl. Für dieses Tutorial wählen wir Orange, weil es gut mit der Farbpalette der Hardware-Shop-Layoutpaket .

Wählen Sie ein Glücksrad

Setup-Chancen

Der nächste Schritt bei der Erstellung Ihrer Formular Die Registrierung für die Route de la Fourtune besteht aus der Auswahl eines Erfolgsprozentsatzes. Dieser Prozentsatz gibt an, wie oft Menschen etwas gewinnen, indem sie das Rad drehen. In diesem Fall hat jeder Besucher, der am Glücksrad dreht, eine Chance von 70 %, einen Promo-Code zu gewinnen.

Definieren Sie die ErfolgschancenInstallationsscheiben

Fahren Sie fort, indem Sie die 12 verschiedenen Slices konfigurieren. Sie können jede der Scheiben einer der folgenden drei Optionen zuweisen:

  • Kein Preis Der Besucher gewinnt nichts
  • Gutscheincode: Der Besucher gewinnt einen Gutscheincode
  • Link: Besucher gewinnen zum Beispiel ein E-Book

In diesem Beispiel verwenden wir 4 der 12 Slices, um einen Gutscheincode hinzuzufügen. Wir legen auch die Gewinnchancen für jede dieser Scheiben einzeln fest.

Definieren Sie die Scheiben des Rades

Form Builder-Konfiguration

Der nächste Schritt hilft Ihnen bei der Erstellung Formular Abonnement selbst. Sie werden feststellen, dass hier bereits ein E-Mail-Feld vorhanden ist. Der einzige andere Feldtyp, den Sie dem Registrierungsformular hinzufügen können, ist ein Kontrollkästchen. Sie haben diesen Feldtyp speziell hinzugefügt, um das Formular DSGVO-konform zu machen.

Fügen Sie ein Glücksrad-Anmeldeformular hinzuKonfigurieren Sie das Formular

Inhaltseinstellungen

Dann können Sie den geschriebenen Inhalt der Glücksradform konfigurieren. Ändern Sie den gesamten Inhalt entsprechend Ihrer Website.

Definieren Sie die Optionen für das AbonnementforumEntwurfsparameter

Öffnen Sie dann die Designeinstellungen und wählen Sie als Hintergrundmusteroption „kein Muster“.

Konstruktionsparameter für das Glücksrad

Verhaltensparameter

Sie können auch wählen, wann das optionale Glücksrad-Formular in den Verhaltenseinstellungen angezeigt wird.

Verhaltensparameter des Glücksrads

DSGVO

Last but not least können Sie sicherstellen, dass die von Besuchern geteilten Daten nicht gespeichert werden, es sei denn, sie haben die verschiedenen Kontrollkästchen auf Ihrem Registrierungsformular aktiviert und Sie sind fertig! Speichern Sie das Lucky Wheel-Registrierungsformular und gehen Sie auf Ihre Website, um es zu testen.

Denière Glücksrad KonfigurationsabschnittÜbersicht

Nachdem alle Schritte ausgeführt wurden, werfen wir einen letzten Blick darauf, was mit verschiedenen Bildschirmgrößen passiert ist.

Vorschau Ergebnis GlücksradAbschließende Gedanken

Wir hoffen, dass dieses Tutorial Ihnen hilft, Ihre E-Mail-Listen schneller und interaktiver zu erstellen. Wenn Sie Fragen oder Anregungen haben, hinterlassen Sie bitte einen Kommentar im Kommentarbereich!