W tym tygodniu pokażemy, jak tworzyć formularze subskrypcja mająca koło fortuny z Divi i Wtyczka WP Optin Wheel, Mam nadzieję, że ten samouczek pomoże Ci zwiększyć współczynniki konwersji. Funkcja hazardu w Lucky Wheel Optin Form pozwoli Ci wchodzić w interakcje z odwiedzającymi i nagradzać ich kodem rabatowym, którego mogą używać do zakupów online.

Chodźmy!

badanie

Zanim przejdziemy do samouczka, rzućmy okiem na wynik na różnych rozmiarach ekranu.

Podgląd wyników koła opcjiinstalator WooCommerce

Wyszukiwanie wtyczek i instalacji

Jeśli jeszcze tego nie zrobiłeś, pierwszą rzeczą do zrobienia jest instalacja  WooCommerce w witrynie WordPress. Poprosimy również o użycie rozszerzenia pakiet układu sklepu ze sprzętem na stronie Divi, nad którą pracujesz.

Przejdź do swoich wtyczek i znajdź WooCommerce . Po znalezieniu kliknij przycisk „Zainstaluj teraz”.

Zainstaluj woocommerceaktywować

Pamiętaj o aktywowaniu wtyczki WooCommerce natychmiast.

Aktywuj wtyczkę woocommerceSkonfiguruj WooCommerce

Następnie WooCommerce automatycznie przekieruje Cię do swojego forma konfiguracja. Tutaj musisz podać wszystkie szczegóły, aby Twój sklep był gotowy do uruchomienia. Po zakończeniu tego procesu wszystkie niezbędne strony WooCommerce zostaną automatycznie dodane do Twojej witryny.

Strona ustawień Woocommerce

Zainstaluj wtyczkę WP Optin Wheel

Wyszukiwanie wtyczek i instalacji

Aby utworzyć opcjonalną formę Lucky Wheel, użyjemy bezpłatnej wtyczki ludifikacyjnej o nazwie WP Optin Wheel . Wróć do swoich wtyczek i znajdź wtyczkę WP Optin Wheel. Następnie kliknij przycisk „Zainstaluj teraz”. Następnie musisz aktywować wtyczkę.

Zainstaluj koło opcji wp

Dodaj produkty do WooCommerce

Dodaj nowy produkt

Jeśli prowadzisz już witrynę e-commerce, możesz pominąć tę część. Jeśli próbujesz tylko czegoś spróbować, zalecamy dodanie produktów do wtyczki WooCommerce. Pomoże Ci to później przetestować formularz wyboru Lucky Wheel. Aby dodać nowy produkt, przejdź do Produkty> Dodaj nowe .

Dodaj produkty woocommerceDodaj szczegóły produktu

Wypełnij wszystkie szczegóły produktu. Obejmuje to między innymi nazwę produktu, opis, wyróżniony obraz, cenę i kategorię. Po dodaniu tych informacji opublikuj stronę produktu.

Dodaj szczegóły produktuPowtórz dla każdego produktu

Powtórz ten sam krok dla każdego produktu, który chcesz dodać do swojej witryny.

Produkty Woocommerce

Dodaj kupony do WooCommerce

Idź do kuponów

Nadszedł czas, aby dodać kupony. W dalszej części tego artykułu jako nagrody wykorzystamy stworzone przez nas kupony. Uzyskaj dostęp do swojego Pulpit nawigacyjny WordPress> WooCommerce> Kupony . Tam zacznij tworzyć swój pierwszy kupon.

Kod promocyjny Woocommerce

Dodaj kupon nr 1: 5% zniżki

ogólny

W 12-częściowym kole fortuny możesz zdecydować, ile plasterków zawiera nagrodę. Możesz np. Zaoferować 4 nagrody i dla każdej z nich stworzyć inny kupon. Możesz także użyć kuponu na wiele punktów na kole. Po utworzeniu pierwszego kuponu wpisz kod kuponu u góry strony. Następnie zmień ustawienia ogólne:

  • Typ rabatu: rabat procentowy
  • Kwota kuponu: 25
  • Data ważności kuponu: wprowadź wybraną datę

Utwórz kod promocyjny woocommerceOgraniczenia użytkowania

Kontynuuj, przechodząc do kart ograniczeń użytkowania. Tutaj możesz zdecydować, czy istnieje minimalna i maksymalna kwota wydatków związanych z kuponem. Możesz również zaznaczyć następujące pola:

  • Zaznacz to pole, jeśli kuponu nie można użyć z innymi kuponami.
  • Zaznacz to pole, jeśli kupon nie powinien mieć zastosowania do produktów w promocji. Kupony na przedmiot działają tylko wtedy, gdy przedmiot nie jest w sprzedaży. Kupony na koszyk działają tylko wtedy, gdy w koszyku znajdują się przedmioty, które nie są na sprzedaż.

Ograniczenie kuponów WoocommercePowtórz kroki dla innych kuponów 3

Utwórz tyle kuponów, ile chcesz, wykonując te same kroki, jak wspomniano powyżej. Nie jesteś ograniczony do oferowania rabatu procentowego. Możesz także utworzyć kupon oferujący stałą zniżkę na koszyk lub produkt i dołączyć go do koła szczęścia.

Lista kodów promocyjnych woocomerce

Utwórz formularz Optin Lucky Wheel

Przejdź do ustawień wtyczki

Teraz, gdy przeszliśmy przez wszystkie kroki niezbędne do działania koła fortuny, możemy zacząć go tworzyć! Uzyskaj dostęp do swojego tablica rozdzielcza WordPress > Koło WP Optin .

Koło optyczne WPDodaj klucz API MailChimp

Zanim będziesz mógł stworzyć Lucky Wheel, musisz dodać swój klucz API MailChimp. Darmowa wersja wtyczki WP Wheel Optin oferuje integrację tylko z MailChimp. Jeśli chcesz połączyć koło szczęścia z innym dostawcą, musisz zaktualizować do wersji premium.

Pole MailchimpUtwórz nowe koło

Wybierz motyw

Zacznijmy tworzyć koło! Wybierz paletę kolorów. W tym samouczku wybieramy pomarańczowy, ponieważ dobrze pasuje do palety kolorów Pakiet układu sklepu sprzętu .

Wybierz koło fortuny

Konfiguracja szans

Kolejnym krokiem w tworzeniu twojego forma rejestracja na route de lafourtune polega na wybraniu procentu sukcesu. Ten procent wskazuje, ile razy ludzie wygrywają, obracając kołem. W takim przypadku każdy odwiedzający, który zakręci kołem, ma 70% szans na wygranie kodu promocyjnego.

Określ szanse na sukcesPlasterki instalacyjne

Kontynuuj, konfigurując 12 różnych plasterków. Każdy plaster możesz poświęcić jednej z trzech następujących opcji:

  • Brak ceny: gość nic nie zyskuje
  • Kod promocyjny: gość wygrywa kod promocyjny
  • Link: na przykład odwiedzający zarabiają na e-bookach

W tym przykładzie używamy 4 z 12 wycinków, aby dodać kod kuponu. Ustalamy również kursy dla każdego z tych plasterków indywidualnie.

Nakreśl plasterki koła

Konfiguracja Kreatora formularzy

Następny krok pomoże Ci stworzyć plik forma samą subskrypcję. Zauważysz, że istnieje już tutaj pole e-mail. Jedynym innym rodzajem pola, które możesz dodać do formularza rejestracyjnego, jest pole wyboru. Specjalnie dodali ten typ pola, aby formularz był zgodny z RODO.

Dodaj formularz subskrypcji koła fortunySkonfiguruj formularz

Ustawienia treści

Następnie możesz skonfigurować zapisaną zawartość kształtu szczęśliwego koła. Śmiało i zmień całą zawartość, aby pasowała do Twojej witryny.

Zdefiniuj opcje subskrypcji forumParametry konstrukcyjne

Następnie otwórz ustawienia projektu i wybierz opcję „bez wzoru” dla opcji wzoru tła.

Parametr projektu koła fortuny

Parametry zachowania

Możesz również wybrać, kiedy w ustawieniach zachowania pojawi się opcjonalny formularz Szczęśliwe koło.

Parametry zachowania koła fortuny

`RODO

Wreszcie, możesz upewnić się, że dane udostępnione przez odwiedzających nie zostaną zapisane, chyba że zaznaczyli różne pola w formularzu rejestracyjnym i gotowe! Zapisz formularz rejestracyjny Lucky Wheel i przejdź do swojej witryny internetowej, aby go przetestować.

Sekcja konfiguracji koła fortuny Denièrebadanie

Po wykonaniu wszystkich kroków przyjrzyjmy się ostatecznie, co się stało z różnymi rozmiarami ekranu.

Podgląd wyników koła fortunykońcowe przemyślenia

Mamy nadzieję, że ten samouczek pomoże Ci szybciej i interaktywniej tworzyć listy e-mailowe. Jeśli masz jakieś pytania lub sugestie, koniecznie zostaw komentarz w sekcji komentarzy poniżej!