Ove nedelje ćemo vam pokazati kako da kreirate forme pretplata ima kolo sreće sa Divi i the WP Optin Wheel plugin. Nadam se da će vam ovaj vodič pomoći da povećate stope konverzije. Značajka kockanja Lucky Wheel Optin Form omogućit će vam interakciju s posjetiteljima i nagraditi ih kodom za popust koji mogu koristiti za svoje internetske kupovine.

Idemo!

pregled

Prije nego što uđemo u tutorial, pogledajmo na brzinu rezultate na različitim veličinama zaslona.

Pregled rezultata optinskog kotačićainstalirati WooCommerce

Pretraživanje dodataka i instalacija

Ako to još niste učinili, prva stvar koju treba učiniti je instalirati  WooCommerce na vašoj WordPress web lokaciji. Također ćemo tražiti da se koristi paket rasporeda hardverske trgovine na Divi web stranici na kojoj radite.

Idite na svoje dodatke i pronađite WooCommerce. Kada ga pronađete, kliknite na dugme 'Instaliraj sada'.

Instalirajte woocommerceaktivirati

Obavezno aktivirajte dodatak WooCommerce odmah.

Aktivirajte dodatak woocommerceKonfigurišite WooCommerce

Tada će vas WooCommerce automatski preusmjeriti na svoj obrazac konfiguraciju. Ovdje ćete morati popuniti sve detalje kako bi vaša trgovina bila spremna za puštanje u rad. Kada se ovaj proces završi, sve potrebne WooCommerce stranice će automatski biti dodane na vašu web stranicu.

Stranica postavki Woocommercea

Instalirajte WP Optin Wheel plugin

Pretraživanje dodataka i instalacija

Da bismo stvorili opt-in oblik Lucky Wheel, koristićemo besplatni dodatak za ludifikaciju pod nazivom WP Optin Wheel . Vratite se svojim dodacima i pronađite dodatak WP Optin Wheel. Zatim kliknite gumb "Instaliraj sada". Zatim morate aktivirati dodatak.

Instalirajte wp optin kotačić

Dodajte proizvode u WooCommerce

Dodajte novi proizvod

Ako već imate web lokaciju e-trgovine, možete preskočiti ovaj dio. Ako samo pokušavate nešto probati, preporučujemo da dodate proizvode u svoj dodatak WooCommerce. Ovo će vam pomoći da kasnije testirate formu za optimizaciju sretnog točka. Da biste dodali novi proizvod, idite na Proizvodi> Dodaj novo .

Dodajte woocommerce proizvodeDodajte detalje o proizvodu

Ispunite sve detalje o proizvodu. To uključuje, ali nije ograničeno na, naziv proizvoda, opis, istaknutu sliku, cijenu i kategoriju. Objavite stranicu proizvoda nakon što završite s dodavanjem ovih detalja.

Dodajte detalje o proizvoduPonovite za svaki proizvod

Ponovite isti korak za svaki od proizvoda koje želite dodati na svoju web stranicu.

Woocommerce proizvodi

Dodajte kupone na WooCommerce

Idi u kupone

Sada je vrijeme za dodavanje kupona. Dalje u ovom članku koristit ćemo kupone koje smo kreirali kao nagradu. Pristupite svom WordPress nadzorna ploča> WooCommerce> Kuponi . Kad tamo stignete, počnite stvarati svoj prvi kupon.

Woocommerce promotivni kod

Dodajte kupon n ° 1: 5% popust

general

U kolu sreće od 12 kriški možete odlučiti koliko kriški uključuje nagradu. Možete, na primjer, ponuditi 4 nagrade i stvoriti drugačiji kupon za svaku od njih. Kupon možete koristiti i za više bodova na točku. Nakon što stvorite svoj prvi kupon, naprijed unesite kôd kupona na vrhu stranice. Zatim promijenite opće postavke:

  • Tip popusta: postotak popusta
  • Kupon: 25
  • Datum isteka kupona: Unesite datum po vašem izboru

Stvorite woocommerce promotivni kôdOgraničenja upotrebe

Nastavite tako što ćete se prebaciti na kartice s ograničenjima upotrebe. Ovdje možete odlučiti postoji li minimalna i maksimalna potrošnja vezana za kupon. Također možete označiti sljedeće okvire:

  • Označite ovo polje ako se kupon ne može koristiti sa drugim kuponima.
  • Označite ovo polje ako se kupon ne bi trebao odnositi na artikle na rasprodaji. Kuponi po stavkama funkcionirat će samo ako se artikl ne prodaje. Kuponi po košarici će raditi samo ako u kolicima postoje predmeti koji se ne prodaju.

Ograničenje kupona WoocommercePonovite korake za 3 ostale kupone

Stvorite koliko god želite kupona slijedeći iste korake kao što je gore spomenuto. Niste ograničeni na ponudu postotka popusta. Također možete stvoriti kupon koji nudi fiksni popust na košaricu ili proizvod i uključiti ga u točak sreće.

Popis woocomerce promo kodova

Kreirajte obrazac Optin Lucky Wheel

Idite na postavke dodataka

Sada kada smo prošli sve korake neophodne za točkove sreće, možemo početi jedan stvarati! Pristupite svom dashboard WordPress > WP Optin točak .

Wp optin točakDodajte MailChimp API ključ

Prije nego što možete stvoriti Lucky Wheel, morate dodati svoj API ključ MailChimp. Besplatna verzija dodatka WP Wheel Optin nudi integraciju samo s MailChimp. Ako želite povezati točak sreće s drugim dobavljačem, morate nadograditi na premium verziju.

Mailchimp poljeKreirajte novi točak

Odaberite temu

Krenimo na stvaranje kola! Izaberite paletu boja po vašem izboru. Za ovaj tutorial smo izabrali narandžasti jer se dobro slaže sa paletom boja Paket rasporeda hardverske trgovine .

Odaberite točak sreće

Setup Chances

Sljedeći korak u kreiranju vašeg obrazac registracija za route de la fourtune sastoji se od odabira procenta uspješnosti. Ovaj procenat pokazuje koliko puta ljudi osvoje nešto okretanjem točka. U ovom slučaju, svaki posjetitelj koji zavrti točak ima 70% šanse da osvoji promo kod.

Definirajte šanse za uspjehInstalacijski dijelovi

Nastavite konfiguriranjem 12 različitih kriški. Svaki od kriški možete posvetiti jednoj od sljedeće tri mogućnosti:

  • Nema cijene: posetilac ne dobija ništa
  • Promo kod: posjetitelj osvaja promotivni kod
  • link: na primjer, posjetitelji zarađuju e-knjigu

U ovom primjeru koristimo 4 od 12 kriški za dodavanje koda kupona. Također postavljamo kvote za svaku od ovih kriški pojedinačno.

Definirajte kriške kotača

Konfiguracija graditelja obrazaca

Sljedeći korak će vam pomoći da kreirate obrazac sama pretplata. Primijetit ćete da ovdje već postoji polje za e-poštu. Jedina druga vrsta polja koje možete dodati u obrazac za registraciju je potvrdni okvir. Posebno su dodali ovu vrstu polja kako bi obrazac bio usklađen sa GDPR-om.

Dodajte obrazac za pretplatu na točak srećeKonfigurirajte obrazac

Postavke sadržaja

Tada možete konfigurirati pisani sadržaj sretnog oblika kotača. Samo naprijed i promijenite sav sadržaj tako da odgovara vašoj web lokaciji.

Definirajte opcije foruma za pretplatuProjektni parametri

Zatim otvorite postavke dizajna i odaberite "bez uzorka" za opciju pozadine.

Parametar dizajna kotača sreće

Parametri ponašanja

Također možete izabrati kada se u postavkama ponašanja pojavljuje opcijski Lucky Wheel obrazac.

Parametri ponašanja kotača sreće

GDPR

I na kraju, ali ne najmanje važno, možete se pobrinuti da se podaci koje posjetitelji dijele neće sačuvati ako nisu označili razna polja na vašem obrascu za registraciju i gotovi ste! Spremite obrazac za registraciju za Lucky Wheel i idite na svoju web stranicu da biste ga testirali.

Denièreov točak odjeljka za konfiguraciju srećepregled

Sad kad smo poduzeli sve korake, pogledajmo konačno šta se dogodilo s različitim veličinama ekrana.

Pregled rezultata kolo srećeFinal misli

Nadamo se da će vam ovaj vodič pomoći da brže i interaktivnije kreirate svoje popise e-pošte. Ako imate bilo kakvih pitanja ili prijedloga, obavezno ostavite komentar u odjeljku s komentarima ispod!