Tento týden si ukážeme, jak tvořit formuláře předplatné s kolem štěstí s Divi a WP Optin Wheel plugin, Doufám, že tento tutoriál vám pomůže zvýšit míru konverze. Herní funkce formuláře Lucky Wheel Optin Form vám umožní komunikovat s návštěvníky a odměnit je slevovým kódem, který mohou použít pro své online nákupy.

Pojďme!

přehled

Než se ponoříme do tutoriálu, pojďme se rychle podívat na výsledek na různých velikostech obrazovky.

Náhled výsledku kola OptinInstalační WooCommerce

Hledání pluginů a instalací

Pokud jste tak ještě neučinili, musíte nejprve nainstalovat  WooCommerce na vašem webu WordPress. Požádáme také o použití balíček rozložení hardwaru na webových stránkách Divi, na kterých pracujete.

Přejděte na své pluginy a najděte WooCommerce. Jakmile jej najdete, klikněte na tlačítko „Instalovat nyní“.

Nainstalujte si woocommerceaktivovat

Ujistěte se, že jste plugin aktivovali WooCommerce bezprostřednost.

Aktivujte plugin woocommerceKonfigurace WooCommerce

Poté vás WooCommerce automaticky přesměruje na svůj formulář konfigurace. Zde budete muset vyplnit všechny podrobnosti, aby byl váš obchod připraven ke spuštění. Po dokončení tohoto procesu budou všechny potřebné stránky WooCommerce automaticky přidány na váš web.

Stránka nastavení Woocommerce

Nainstalujte plugin WP Optin Wheel

Hledání pluginů a instalací

Abychom vytvořili opt-in formu Lucky Wheel, použijeme bezplatný ludifikační plugin nazvaný WP Optin Wheel . Vraťte se ke svým pluginům a najděte plugin WP Optin Wheel. Poté klikněte na tlačítko „Instalovat nyní“. Poté musíte plugin aktivovat.

Nainstalujte optické kolečko wp

Přidejte produkty do WooCommerce

Přidejte nový produkt

Pokud již provozujete web elektronického obchodu, můžete tuto část přeskočit. Pokud se jen snažíte něco vyzkoušet, doporučujeme přidat do pluginu WooCommerce produkty. To vám později pomůže otestovat šťastnou formu přihlášení kola. Chcete-li přidat nový produkt, přejděte na Produkty> Přidat nové .

Přidejte produkty woocommercePřidejte podrobnosti o produktu

Vyplňte všechny podrobnosti o produktu. To zahrnuje mimo jiné název produktu, popis, vybraný obrázek, cenu a kategorii. Jakmile dokončíte přidávání těchto podrobností, publikujte stránku produktu.

Přidejte podrobnosti o produktuOpakujte pro každý produkt

Stejný krok opakujte pro všechny produkty, které chcete přidat na svůj web.

Produkty Woocommerce

Přidejte kupóny do WooCommerce

Přejděte na kupóny

Nyní je čas přidat kupóny. Dále v tomto článku použijeme kupóny, které jsme vytvořili, jako odměnu. Přístup k vašemu Řídicí panel WordPress> WooCommerce> Kupóny . Jakmile tam budete, začněte vytvářet svůj první kupón.

Promo kód Woocommerce

Přidat kupón č. 1: 5% sleva

obecný

V kolečku štěstí s 12 plátky můžete rozhodnout, kolik plátků obsahuje cenu. Můžete například nabídnout 4 ceny a pro každou z nich vytvořit jiný kupón. Můžete také použít kupón na více bodů na volantu. Jakmile vytvoříte svůj první kupón, pokračujte a zadejte kód kupónu v horní části stránky. Poté změňte obecná nastavení:

  • Typ slevy: procentuální sleva
  • Částka kupónu: 25
  • Datum vypršení platnosti kupónu: Zadejte datum podle vašeho výběru

Vytvořte promo kód woocommerceOmezení použití

Pokračujte přepnutím na karty omezení používání. Zde můžete rozhodnout, zda s kupónem souvisí minimální a maximální útrata. Můžete také zaškrtnout následující políčka:

  • Toto políčko zaškrtněte, pokud nelze kupón použít s jinými kupóny.
  • Toto políčko zaškrtněte, pokud by se kupón neměl vztahovat na položky v prodeji. Kupóny na jednotlivé položky budou fungovat, pouze pokud položka není v prodeji. Kupóny na košík budou fungovat, pouze pokud v košíku budou položky, které nejsou na prodej.

Omezení kupónů WoocommerceOpakujte kroky pro další kupóny 3

Vytvořte tolik kupónů, kolik chcete, podle stejných kroků, jak je uvedeno výše. Nejste omezeni na nabídku procentuální slevy. Můžete také vytvořit kupón, který nabízí pevnou slevu na vozík nebo produkt, a zahrnout jej do kola štěstí.

Seznam promo kódů woocomerce

Vytvořte formulář Optin Lucky Wheel

Přejděte na nastavení pluginu

Nyní, když jsme prošli všemi kroky nezbytnými k tomu, aby kolo štěstěny fungovalo, můžeme začít vytvářet jeden! Získejte přístup ke svému přístrojová deska WordPress > WP Optin Wheel .

WP optin koloPřidejte klíč rozhraní MailChimp API

Než budete moci vytvořit Lucky Wheel, musíte přidat svůj klíč API MailChimp. Bezplatná verze pluginu WP Wheel Optin nabízí pouze integraci s MailChimp. Pokud chcete spojit kolo štěstí s jiným poskytovatelem, musíte upgradovat na prémiovou verzi.

Pole MailchimpVytvořte nové kolo

Vyberte motiv

Začněme vytvářet kolo! Vyberte si paletu barev podle svého výběru. Pro tento tutoriál jsme zvolili oranžovou, protože je to dobře s paletou barev Balíček rozvržení úložiště hardwaru .

Vyberte kolo štěstí

Nastavení šance

Dalším krokem při vytváření vašeho formulář registrace na route de la fourtune spočívá ve výběru procenta úspěšnosti. Toto procento udává, kolikrát lidé něco vyhrají roztočením kola. V tomto případě má každý návštěvník, který roztočí kolo, 70% šanci na výhru propagačního kódu.

Definujte šance na úspěchInstalační řezy

Pokračujte konfigurací 12 různých řezů. Každý z řezů můžete věnovat jedné z následujících tří možností:

  • Žádná cena: návštěvník nic nezíská
  • Promo kód: návštěvník vyhraje promo kód
  • link: návštěvníci například vydělávají e-knihy

V tomto příkladu používáme 4 z 12 řezů k přidání kódu kupónu. Také jsme nastavili šance pro každý z těchto řezů jednotlivě.

Definujte plátky kola

Konfigurace Tvůrce formulářů

Další krok vám pomůže vytvořit formulář samotné předplatné. Všimnete si, že zde již existuje pole pro e-mail. Jediným dalším typem pole, které můžete do registračního formuláře přidat, je zaškrtávací políčko. Konkrétně přidali tento typ pole, aby byl formulář v souladu s GDPR.

Přidejte formulář předplatného kola štěstíNakonfigurujte formulář

Nastavení obsahu

Poté můžete nakonfigurovat psaný obsah šťastného tvaru kola. Pokračujte a změňte veškerý obsah tak, aby odpovídal vašemu webu.

Definujte možnosti fóra předplatnéhoKonstrukční parametry

Poté otevřete nastavení návrhu a vyberte možnost „žádný vzor“ pro možnost pozadí.

Parametr designu kola štěstí

Parametry chování

Máte také možnost zvolit, kdy se v nastavení chování objeví volitelný formulář Lucky Wheel.

Parametry chování kola štěstí

GDPR

V neposlední řadě se můžete ujistit, že data sdílená návštěvníky nebudou uložena, pokud nebudou zaškrtnuta různá políčka ve vašem registračním formuláři a vy jste hotovi! Uložte registrační formulář Lucky Wheel a přejděte na svůj web, kde jej můžete vyzkoušet.

Denière kolo konfigurační sekce štěstípřehled

Nyní, když byly podniknuty všechny kroky, pojďme se konečně podívat na to, co se stalo s různými velikostmi obrazovky.

Náhled kola výsledků štěstíZávěrečné myšlenky

Doufáme, že vám tento návod pomůže rychleji a interaktivněji vytvářet seznamy e-mailů. Pokud máte nějaké dotazy nebo návrhy, nezapomeňte zanechat komentář v sekci komentářů níže!