Tento týždeň vám ukážeme, ako vytvoriť formuláre predplatné s kolesom šťastia s Divi and the WP Optin Wheel plugin, Dúfam, že tento návod vám pomôže zvýšiť mieru konverzie. Funkcia hazardných hier formulára Lucky Wheel Optin vám umožní komunikovať s návštevníkmi a odmeňovať ich zľavovým kódom, ktorý môžu použiť pri svojich online nákupoch.

Poďme!

prehľad

Predtým, ako sa ponoríme do tutoriálu, poďme sa rýchlo pozrieť na výsledok v rôznych veľkostiach obrazovky.

Ukážka výsledku Optin Wheelinštalačný WooCommerce

Vyhľadávanie doplnkov a inštalácií

Ak ste to ešte neurobili, prvou vecou je inštalácia  WooCommerce na vašom webe WordPress. Požiadame tiež o použitie balíček rozloženia hardvéru na webovej stránke Divi, na ktorej pracujete.

Prejdite do svojich doplnkov a nájdite WooCommerce. Keď ho nájdete, kliknite na tlačidlo „Inštalovať teraz“.

Nainštalujte si woocommerceaktivovať

Uistite sa, že ste aktivovali doplnok WooCommerce okamžite.

Aktivujte doplnok woocommerceKonfigurácia WooCommerce

Potom vás WooCommerce automaticky presmeruje na svoj formulár konfigurácia. Tu budete musieť vyplniť všetky podrobnosti, aby bol váš obchod pripravený na spustenie. Po dokončení tohto procesu sa na váš web automaticky pridajú všetky potrebné stránky WooCommerce.

Stránka nastavení Woocommerce

Nainštalujte plugin WP Optin Wheel

Vyhľadávanie doplnkov a inštalácií

Ak chcete vytvoriť opt-in formu Lucky Wheel, použijeme bezplatný ludifikačný doplnok s názvom WP Optin Wheel . Vráťte sa k svojim doplnkom a nájdite doplnok WP Optin Wheel. Potom kliknite na tlačidlo „Inštalovať teraz“. Potom musíte aktivovať doplnok.

Nainštalujte voliteľné koliesko wp

Pridajte produkty do WooCommerce

Pridajte nový produkt

Ak už prevádzkujete web elektronického obchodu, môžete túto časť preskočiť. Ak sa snažíte niečo vyskúšať, odporúčame vám pridať si doplnky do svojho doplnku WooCommerce. To vám neskôr pomôže otestovať šťastnú formu prihlásenia kolesa. Ak chcete pridať nový produkt, prejdite na Produkty> Pridať nové .

Pridajte produkty woocommercePridajte podrobnosti o produkte

Vyplňte všetky podrobnosti o produkte. Patrí sem okrem iného aj názov produktu, popis, odporúčaný obrázok, cena a kategória. Po dokončení pridávania týchto podrobností zverejnite stránku produktu.

Pridajte podrobnosti o produkteOpakujte pre každý produkt

Rovnaký krok zopakujte pre všetky produkty, ktoré chcete pridať na svoju webovú stránku.

Woocommerce produkty

Pridajte kupóny do WooCommerce

Prejsť na kupóny

Teraz je čas pridať kupóny. Ďalej v tomto článku použijeme kupóny, ktoré sme vytvorili, ako odmenu. Prístup k vašim Panel WordPress> WooCommerce> Kupóny . Až tam budete, začnite vytvárať svoj prvý kupón.

Promo kód Woocommerce

Pridajte kupón č. 1: zľava 5%

Všeobecný

V kolese šťastia s 12 plátkami môžete rozhodnúť, koľko plátkov obsahuje cenu. Môžete napríklad ponúknuť 4 ceny a pre každú z nich vytvoriť iný kupón. Môžete tiež použiť kupón na viac bodov na kolese. Po vytvorení prvého kupónu pokračujte a zadajte kód kupónu v hornej časti stránky. Potom zmeňte všeobecné nastavenie:

  • Typ zľavy: percentuálna zľava
  • Suma kupónu: 25
  • Dátum vypršania platnosti kupónu: Zadajte požadovaný dátum

Vytvorte promo kód woocommerceObmedzenia používania

Pokračujte prepnutím na karty obmedzenia používania. Tu sa môžete rozhodnúť, či sú s kupónom spojené minimálne a maximálne výdavky. Môžete tiež zaškrtnúť nasledujúce políčka:

  • Toto políčko začiarknite, ak kupón nie je možné použiť s inými kupónmi.
  • Toto kupón začiarknite, ak by sa kupón nemal vzťahovať na položky vo výpredaji. Kupóny na položku budú fungovať, iba ak položka nie je v predaji. Kupóny na košík budú fungovať, iba ak v košíku budú položky, ktoré nie sú na predaj.

Obmedzenie kupónov WoocommerceZopakujte kroky pre ďalšie kupóny 3

Vytvorte toľko kupónov, koľko chcete, podľa rovnakých krokov, ktoré sú uvedené vyššie. Nie ste obmedzený na ponuku percentuálnej zľavy. Môžete tiež vytvoriť kupón, ktorý ponúka pevnú zľavu na košík alebo produkt, a zahrnúť ho do kruhu šťastia.

Zoznam promo kódov woocomerce

Vytvorte formulár Optin Lucky Wheel

Prejdite na nastavenia doplnku

Teraz, keď sme prešli všetkými krokmi potrebnými na to, aby koleso šťastia fungovalo, môžeme začať vytvárať jeden! Prístup k prístrojová doska WordPress > Koliesko WP Optin .

WP voliteľné kolieskoPridajte kľúč API rozhrania MailChimp

Pred vytvorením Lucky Wheel musíte pridať svoj kľúč API MailChimp. Bezplatná verzia doplnku WP Wheel Optin ponúka iba integráciu s MailChimp. Ak chcete spojiť koleso šťastia s iným poskytovateľom, musíte upgradovať na prémiovú verziu.

Pole MailchimpVytvorte nové koleso

Vyberte tému

Začnime vytvárať koleso! Vyberte si paletu farieb podľa vášho výberu. Pre tento tutoriál sme zvolili oranžovú farbu, pretože je v poriadku s farebnou paletou Balík rozloženia hardvéru .

Vyberte koleso šťastia

Nastavenie šancí

Ďalším krokom pri vytváraní vášho formulár registrácia na route de la fourtune pozostáva z výberu percenta úspešnosti. Toto percento udáva, koľkokrát ľudia niečo vyhrajú roztočením kolesa. V tomto prípade má každý návštevník, ktorý roztočí koleso, 70% šancu vyhrať promo kód.

Definujte šance na úspechInštalačné rezy

Pokračujte konfiguráciou 12 rôznych rezov. Každý z rezov môžete venovať jednej z nasledujúcich troch možností:

  • Žiadna cena: návštevník nič nezíska
  • Promo kód: návštevník vyhrá promo kód
  • link: návštevníci vyhrajú napríklad ebook

V tomto príklade používame 4 z 12 rezov na pridanie kódu kupónu. Kurz pre každý z týchto plátkov sme nastavili individuálne.

Definujte plátky kolesa

Konfigurácia nástroja na tvorbu formulárov

Ďalší krok vám pomôže vytvoriť formulár samotné predplatné. Všimnete si, že tu už existuje pole pre e-mail. Jediným ďalším typom poľa, ktoré môžete pridať do registračného formulára, je začiarkavacie políčko. Špeciálne pridali tento typ poľa, aby bol formulár v súlade s GDPR.

Pridajte formulár na predplatné kolesa šťastiaNakonfigurujte formulár

Nastavenia obsahu

Potom môžete nakonfigurovať napísaný obsah šťastného tvaru kolesa. Pokračujte a zmeňte všetok obsah tak, aby zodpovedal vašej webovej stránke.

Definujte možnosti fóra predplatnéhoKonštrukčné parametre

Potom otvorte nastavenie a vyberte možnosť „žiadny vzor“ pre voľbu vzoru pozadia.

Návrhový parameter kolesa šťastia

Parametre správania

Máte tiež možnosť zvoliť, kedy sa v nastaveniach správania zobrazí voliteľný formulár Lucky Wheel.

Parametre správania kolesa šťastia

GDPR

V neposlednom rade sa môžete ubezpečiť, že údaje zdieľané návštevníkmi sa neuložia, pokiaľ nezačiarkli rôzne políčka vo vašom registračnom formulári a vy ste hotoví! Uložte registračný formulár Lucky Wheel a choďte na svoju webovú stránku, aby ste ho otestovali.

Deniérovo koleso sekcie konfigurácie šťastiaprehľad

Teraz, keď boli podniknuté všetky kroky, sa poďme konečne pozrieť na to, čo sa stalo s rôznymi veľkosťami obrazovky.

Ukážka výsledného kola šťastiazáverečné myšlienky

Dúfame, že tento tutoriál vám pomôže rýchlejšie a interaktívnejšie vytvárať zoznamy e-mailov. Ak máte nejaké otázky alebo návrhy, nezabudnite zanechať komentár v sekcii komentárov nižšie!