Săptămâna aceasta, vă vom arăta cum să creați formulare abonament având o roată a norocului cu Divi și Plugin WP Optin Wheel. Sper că acest tutorial vă va ajuta să creșteți ratele de conversie. Funcția de jocuri de noroc din Lucky Wheel Optin Form vă va permite să interacționați cu vizitatorii și să-i răsplătiți cu un cod de reducere pe care îl pot utiliza pentru achizițiile lor online.

Să mergem!

studiu

Înainte de a ne arunca cu capul în tutorial, să aruncăm o privire rapidă asupra rezultatului pe diferite dimensiuni de ecran.

Previzualizare rezultat roată OptinInstaller WooCommerce

Căutare plugin și instalare

Dacă nu ați făcut-o încă, primul lucru de făcut este să instalați  WooCommerce pe site-ul dvs. WordPress. De asemenea, vom cere să folosim pachet de amenajare magazin hardware pe site-ul Web Divi la care lucrați.

Accesați pluginurile dvs. și găsiți WooCommerce. După ce îl găsiți, faceți clic pe butonul „Instalare acum”.

Instalați woocommerceactiva

Asigurați-vă că activați pluginul WooCommerce o dată.

Activați pluginul woocommerceConfigurați WooCommerce

Apoi WooCommerce vă va redirecționa automat către acesta formă configurație. Aici va trebui să completați toate detaliile pentru ca magazinul să fie gata de lansare. Odată ce acest proces este finalizat, toate paginile WooCommerce necesare vor fi adăugate automat pe site-ul dvs. web.

Pagina de setări Woocommerce

Instalați pluginul WP Optin Wheel

Căutare plugin și instalare

Pentru a crea forma de opțiune a Lucky Wheel, vom folosi un plugin gratuit de ludificare numit WP Optin Wheel . Reveniți la pluginurile dvs. și găsiți pluginul WP Optin Wheel. Apoi faceți clic pe butonul „Instalați acum”. Apoi trebuie să activați pluginul.

Instalați roata optin wp

Adăugați produse la WooCommerce

Adăugați un produs nou

Dacă operați deja un site de comerț electronic, puteți sări peste această parte. Dacă încercați doar să încercați ceva, vă recomandăm să adăugați produse la pluginul dvs. WooCommerce. Acest lucru vă va ajuta să testați formularul de optimizare a roții norocoase mai târziu. Pentru a adăuga un produs nou, accesați Produse> Adăugați noi .

Adăugați produse woocommerceAdăugați detalii despre produs

Completați toate detaliile produsului. Aceasta include, dar nu se limitează la, un nume de produs, descriere, imagine prezentată, preț și categorie. Publicați pagina produsului după ce ați terminat de adăugat aceste detalii.

Adăugați detalii despre produsRepetați pentru fiecare produs

Repetați același pas pentru fiecare dintre produsele pe care doriți să le adăugați pe site-ul dvs. web.

Produse Woocommerce

Adăugați cupoane la WooCommerce

Mergeți la cupoane

Acum este momentul să adăugați cupoane. Mai târziu în acest articol, vom folosi cupoanele pe care le-am creat drept recompensă. Accesați-vă Tabloul de bord WordPress> WooCommerce> Cupoane . Odată ajuns acolo, începeți să creați primul cupon.

Cod promoțional Woocommerce

Adăugați cuponul nr. 1: 5% off

general

În roata de 12 felii de avere, puteți decide câte felii includ un premiu. De exemplu, puteți oferi 4 premii și puteți crea un cupon diferit pentru fiecare dintre ele. De asemenea, puteți utiliza un cupon pentru mai multe puncte pe roată. După ce ați creat primul cupon, continuați și introduceți codul cuponului în partea de sus a paginii. Apoi modificați setările generale:

  • Tipul de discount: reducere procentuală
  • Suma cuponului: 25
  • Data de expirare a cuponului: introduceți data dorită

Creați cod promoțional pentru woocommerceRestricții de utilizare

Continuați trecând la filele de restricție de utilizare. Aici puteți decide dacă există o cheltuială minimă și maximă legată de cupon. De asemenea, puteți bifa următoarele căsuțe:

  • Bifați această casetă dacă cuponul nu poate fi utilizat cu alte cupoane.
  • Bifați această casetă dacă cuponul nu ar trebui să se aplice articolelor aflate la vânzare. Cupoanele pe articol vor funcționa numai dacă articolul nu este în vânzare. Cupoanele pe coș vor funcționa numai dacă există articole în coș care nu sunt de vânzare.

Restricție cupon WoocommerceRepetați pașii pentru alte cupoane 3

Creați câte cupoane doriți urmând aceiași pași ca și cei menționați mai sus. Nu vă limitați la oferirea unui procent de reducere. De asemenea, puteți crea un cupon care oferă o reducere fixă ​​la un coș sau produs și îl puteți include în roata norocului.

Lista codurilor promoționale woocomerce

Creați un formular Optin Lucky Wheel

Accesați setările pluginului

Acum că am parcurs toate etapele necesare pentru ca roata norocului să funcționeze, putem începe să creăm unul! Accesați-vă tablou de bord WordPress > Roată WP Optin .

Roată optin WpAdăugați o cheie API MailChimp

Înainte de a putea crea o roată norocoasă, trebuie să adăugați cheia API MailChimp. Versiunea gratuită a pluginului WP Wheel Optin oferă doar integrare cu MailChimp. Dacă doriți să legați roata norocului cu un alt furnizor, trebuie să faceți upgrade la versiunea premium.

Câmpul MailchimpCreați o roată nouă

Alegeți o temă

Să începem să creăm roata! Alegeți o paletă de culori la alegere. Pentru acest tutorial, alegem portocaliu, deoarece se potrivește bine cu paleta de culori din Pachetul pentru configurația magazinului hardware .

Selectați o roată a averii

Sansa de instalare

Următorul pas în crearea dvs formă înscrierea la route de la fourtune constă în alegerea unui procent de succes. Acest procent indică de câte ori oamenii câștigă ceva prin învârtirea roții. În acest caz, fiecare vizitator care învârte roata are șanse de 70% să câștige un cod promoțional.

Definiți șansele de succesFelii de instalare

Continuați configurând cele 12 felii diferite. Puteți dedica fiecare dintre felii uneia dintre următoarele trei opțiuni:

  • Nici un preț: vizitatorul nu câștigă nimic
  • Cod promoțional: vizitatorul câștigă un cod promoțional
  • link-ul: vizitatorii câștigă o carte electronică, de exemplu

În acest exemplu, folosim 4 din cele 12 felii pentru a adăuga un cod de cupon. De asemenea, stabilim cotele pentru fiecare dintre aceste felii în mod individual.

Definiți feliile de roată

Configurare Former Builder

Următorul pas vă va ajuta să creați formă abonamentul în sine. Veți observa că există deja un câmp de e-mail aici. Singurul alt tip de câmp pe care îl puteți adăuga la formularul de înregistrare este o casetă de selectare. Au adăugat în mod special acest tip de câmp pentru a face formularul conform GDPR.

Adăugați un formular de abonament roată de avereConfigurați formularul

Setări de conținut

Apoi puteți configura conținutul scris al formei roții norocoase. Continuați și schimbați tot conținutul pentru a se potrivi cu site-ul dvs. web.

Definiți opțiunile forumului de abonamentParametri de proiectare

Apoi deschideți setările de proiectare și alegeți „fără model” pentru opțiunea de model de fundal.

Parametru de proiectare a roții norocului

Parametri de comportament

De asemenea, aveți opțiunea de a alege când apare formularul opțional Lucky Wheel în setările de comportament.

Parametrii comportamentului roții norocului

GDPR

Nu în ultimul rând, vă puteți asigura că datele partajate de vizitatori nu vor fi salvate decât dacă au bifat diferitele casete de pe formularul dvs. de înregistrare și ați terminat! Salvați formularul de înregistrare Lucky Wheel și accesați site-ul dvs. web pentru a-l testa.

Secțiunea de configurare a roții Denièrestudiu

Acum, după ce s-au făcut toți pașii, să aruncăm o privire finală asupra a ceea ce s-a întâmplat cu diferite dimensiuni de ecran.

Previzualizați rezultatul roții noroculuiUltimele gânduri

Sperăm că acest tutorial vă va ajuta să creați listele de e-mailuri mai rapid și mai interactiv. Dacă aveți întrebări sau sugestii, asigurați-vă că lăsați un comentariu în secțiunea de comentarii de mai jos!