Deze week laten we je zien hoe je kunt creëren vormen abonnement met een rad van fortuin met Divi and the WP Optin Wheel plug-in. Ik hoop dat deze tutorial je zal helpen de conversie te verhogen. Met de gokfunctie van Lucky Wheel Optin Form kunt u communiceren met bezoekers en hen belonen met een kortingscode die ze kunnen gebruiken voor hun online aankopen.

Laten we gaan!

overzicht

Laten we, voordat we in de tutorial duiken, het resultaat snel bekijken op verschillende schermformaten.

Optin wheel resultaat previewInstaller WooCommerce

Plug-in en installatie zoeken

Als u het nog niet hebt gedaan, moet u eerst installeren  WooCommerce op uw WordPress-website. We zullen ook vragen om het hardware winkel layout pack op de Divi-website waar je aan werkt.

Ga naar je plug-ins en vind WooCommerce. Zodra u het hebt gevonden, klikt u op de knop 'Nu installeren'.

Installeer woocommerceactiveren

Zorg ervoor dat u de plug-in activeert WooCommerce onmiddellijk.

Activeer de woocommerce-plug-inConfigureer WooCommerce

Dan zal WooCommerce u automatisch doorverwijzen naar zijn formulier configuratie. Hier moet u alle details invullen om uw winkel klaar te maken om live te gaan. Zodra dit proces is voltooid, worden alle benodigde WooCommerce-pagina's automatisch aan uw website toegevoegd.

Woocommerce-instellingenpagina

Installeer de plug-in WP Optin Wheel

Plug-in en installatie zoeken

Om de opt-in-vorm van Lucky Wheel te maken, gebruiken we een gratis ludificatie-plug-in genaamd WP Optin Wheel . Ga terug naar je plug-ins en zoek de WP Optin Wheel-plug-in. Klik vervolgens op de knop 'Nu installeren'. U moet dan de plug-in activeren.

Installeer het wp optin-wiel

Voeg producten toe aan WooCommerce

Voeg een nieuw product toe

Als u al een e-commerce website heeft, kunt u dit gedeelte overslaan. Als je gewoon iets probeert, raden we je aan producten toe te voegen aan je WooCommerce-plug-in. Dit zal je helpen om het aanmeldingsformulier voor gelukswiel later te testen. Ga naar om een ​​nieuw product toe te voegen Producten> Nieuw toevoegen .

Voeg woocommerce-producten toeVoeg productdetails toe

Vul alle productdetails in. Dit omvat, maar is niet beperkt tot, een productnaam, beschrijving, uitgelichte afbeelding, prijs en categorie. Publiceer de productpagina zodra u klaar bent met het toevoegen van deze details.

Voeg productdetails toeHerhaal dit voor elk product

Herhaal dezelfde stap voor elk van de producten die u aan uw website wilt toevoegen.

Woocommerce-producten

Coupons toevoegen aan WooCommerce

Ga naar kortingsbonnen

Dit is het moment om kortingsbonnen toe te voegen. Later in dit artikel gebruiken we de kortingsbonnen die we hebben gemaakt als beloning. Toegang tot uw WordPress Dashboard> WooCommerce> Coupons . Eenmaal daar, begin je met het maken van je eerste kortingsbon.

Woocommerce-promotiecode

Coupon nr. 1 toevoegen: 5% korting

General

In het rad van fortuin met 12 schijven kun je bepalen hoeveel schijven een prijs bevatten. U kunt bijvoorbeeld 4 prijzen aanbieden en voor elk een andere coupon maken. U kunt ook een kortingsbon gebruiken voor meerdere punten op het wiel. Nadat u uw eerste kortingsbon heeft aangemaakt, kunt u de kortingsboncode bovenaan de pagina invoeren. Wijzig vervolgens de algemene instellingen:

  • Type korting: kortingspercentage
  • Waarde coupon: 25
  • Vervaldatum coupon: Voer de datum van uw keuze in

Maak woocommerce-promotiecodeGebruiksbeperkingen

Ga verder door over te schakelen naar de tabbladen voor gebruiksbeperkingen. Hier kunt u beslissen of er een minimum en maximum uitgave is gerelateerd aan de kortingsbon. U kunt ook de volgende vakjes aanvinken:

  • Vink dit vakje aan als de kortingsbon niet kan worden gebruikt met andere kortingsbonnen.
  • Vink dit vakje aan als de kortingsbon niet van toepassing mag zijn op items in de uitverkoop. Coupons per item werken alleen als het item niet in de uitverkoop is. Coupons per winkelwagen werken alleen als er artikelen in de winkelwagen zijn die niet te koop zijn.

Woocommerce-couponbeperkingHerhaal de stappen voor 3 andere coupons

Maak zoveel kortingsbonnen als u wilt door dezelfde stappen te volgen als hierboven vermeld. U bent niet beperkt tot het aanbieden van een kortingspercentage. U kunt ook een kortingsbon aanmaken die een vaste korting op een winkelwagentje of product biedt en deze opnemen in het gelukswiel.

Lijst met promocodes van woocomerce

Maak een Optin Lucky Wheel-formulier

Ga naar plug-ininstellingen

Nu we alle stappen hebben doorlopen die nodig zijn om het rad van fortuin te laten werken, kunnen we beginnen er een te maken! Toegang tot uw tableau de bord WordPress > WP Optin Wheel .

Wp optin wielVoeg een MailChimp API-sleutel toe

Voordat u een Lucky Wheel kunt maken, moet u uw MailChimp API-sleutel toevoegen. De gratis versie van de WP Wheel Optin-plug-in biedt alleen integratie met MailChimp. Als je het wiel van geluk aan een andere provider wilt koppelen, moet je upgraden naar de premiumversie.

Mailchimp veldMaak een nieuw wiel

Kies een thema

Laten we beginnen met het maken van het wiel! Kies een kleurenpalet naar keuze. Voor deze zelfstudie kiezen we voor oranje omdat dit goed past bij het kleurenpalet van de Hardware Store Layout Pack .

Selecteer een rad van fortuin

Kansen instellen

De volgende stap in het maken van uw formulier inschrijving voor de route de la fourtune bestaat uit het kiezen van een slagingspercentage. Dit percentage geeft aan hoe vaak mensen iets winnen door aan het rad te draaien. In dit geval heeft elke bezoeker die aan het rad draait 70% kans om een ​​actiecode te winnen.

Bepaal de kansen op succesInstallatie plakjes

Ga verder met het configureren van de 12 verschillende segmenten. U kunt elk van de plakjes toewijzen aan een van de volgende drie opties:

  • Geen prijs: de bezoeker wint niets
  • Promotiecode: de bezoeker wint een promocode
  • link: bezoekers verdienen bijvoorbeeld een e-boek

In dit voorbeeld gebruiken we 4 van de 12 plakjes om een ​​couponcode toe te voegen. We stellen ook de kansen voor elk van deze plakjes afzonderlijk in.

Definieer de plakjes van het wiel

Form Builder-configuratie

De volgende stap helpt u bij het maken van de formulier abonnement zelf. U zult merken dat hier al een e-mailveld is. Het enige andere type veld dat u aan het registratieformulier kunt toevoegen, is een selectievakje. Ze hebben dit type veld specifiek toegevoegd om het formulier AVG-compatibel te maken.

Voeg een inschrijfformulier voor een rad van fortuin toeConfigureer het formulier

Inhoudsinstellingen

Vervolgens kunt u de geschreven inhoud van de gelukswielvorm configureren. Ga je gang en verander alle inhoud zodat deze bij je website past.

Definieer de opties voor het abonnementsforumOntwerp parameters

Open vervolgens de ontwerpinstellingen en kies "geen patroon" voor de optie achtergrondpatroon.

Rad van fortuin ontwerpparameter

Gedragsparameters

U hebt ook de optie om te kiezen wanneer het optionele Lucky Wheel-formulier wordt weergegeven in de gedragsinstellingen.

Rad van fortuin gedragsparameters

GDPR

Last but not least: u kunt ervoor zorgen dat de gegevens die door bezoekers worden gedeeld, niet worden opgeslagen, tenzij ze de verschillende vakjes op uw registratieformulier hebben aangevinkt en u klaar bent! Sla het Lucky Wheel-registratieformulier op en ga naar uw website om het te testen.

Denière rad van fortuin configuratie sectieoverzicht

Nu alle stappen zijn genomen, gaan we nog een laatste keer kijken naar wat er is gebeurd met verschillende schermformaten.

Voorbeeld resultaat Rad van fortuinFinal gedachten

We hopen dat deze zelfstudie u helpt om uw e-maillijsten sneller en interactiever te maken. Als u vragen of suggesties heeft, laat dan een reactie achter in de commentaren hieronder!