Jak tworzyć formularze WooCommerce Lucky Wheel Optin z Divi

Co tydzień dostarczamy nowe i bezpłatne pakiety układów Divi, których możesz użyć w swoim następnym projekcie. W przypadku jednego z pakietów układu udostępniamy również przypadek użycia, który pomoże Ci przenieść Twoją witrynę na wyższy poziom.

W tym tygodniu, w ramach naszej trwającej inicjatywy projektowej Divi, pokażemy, jak tworzyć formularze optin koła szczęścia WooCommerce za pomocą Divi i wtyczki WP Optin Wheel. Mam nadzieję, że ten samouczek pomoże Ci zwiększyć współczynniki konwersji formularzy optin. Funkcja grywalizacji w formularzu Lucky Wheel Optin umożliwia interakcję z odwiedzającymi i nagradzanie ich kodem rabatowym, którego mogą używać podczas zakupów online.

Weźmy się za to!

Zapowiedź

Zanim zagłębimy się w samouczek, rzućmy okiem na wyniki na różnych rozmiarach ekranu.

Zainstaluj WooCommerce

Wyszukaj wtyczkę i zainstaluj

Pierwszą rzeczą, którą musisz zrobić, jeśli jeszcze tego nie zrobiłeś, jest zainstalowanie WooCommerce na swojej stronie WordPress. Zakładamy również, że skonfigurowałeś pakiet układu sklepu ze sprzętem w witrynie Divi, nad którą pracujesz.

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

Aktywuj

Upewnij się, że od razu aktywujesz wtyczkę WooCommerce.

Skonfiguruj WooCommerce

Następnie WooCommerce automatycznie przekieruje Cię do formularza konfiguracji. Tutaj musisz podać wszystkie szczegóły, aby przygotować swój sklep do uruchomienia. Po przejściu przez ten proces wszystkie potrzebne strony WooCommerce zostaną automatycznie dodane do Twojej witryny.

Zainstaluj wtyczkę WP Optin Wheel

Wyszukaj wtyczkę i zainstaluj

Aby stworzyć formularz optin lucky wheel, użyjemy darmowej wtyczki grywalizacyjnej o nazwie WP Optin Wheel. Wróć do swoich wtyczek i wyszukaj wtyczkę WP Optin Wheel. Następnie kliknij przycisk „Zainstaluj teraz”.

Aktywuj

Kontynuuj, aktywując wtyczkę.

Dodaj produkty do WooCommerce

Dodaj nowy produkt

Jeśli prowadzisz już witrynę eCommerce, możesz pominąć tę część. Jeśli jednak tylko próbujesz coś wypróbować, zalecamy dodanie niektórych produktów do wtyczki WooCommerce. Pomoże Ci to później przetestować formularz optin szczęśliwego koła. Aby dodać nowy produkt, przejdź do Produkty > Dodaj nowy .

Dodaj szczegóły produktu

Wypełnij wszystkie szczegóły produktu. Obejmuje to między innymi nazwę produktu, opis, wyróżniony obraz, cenę i kategorię. Opublikuj stronę produktu po zakończeniu dodawania tych szczegółów.

Powtórz dla każdego produktu

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

Dodaj kupony do WooCommerce

Przejdź do kuponów

Teraz nadszedł czas na dodanie kuponów. Później w tym poście wykorzystamy kupony, które stworzymy w formularzu optin koła szczęścia. Przejdź do pulpitu WordPress > WooCommerce > Kupony . Gdy już tam będziesz, śmiało zacznij tworzyć swój pierwszy kupon.

Dodaj kupon nr 1: 5% ZNIŻKI

Ogólny

W szczęśliwym kole 12 plasterków możesz zdecydować, ile plasterków zawiera nagrodę. Możesz na przykład zaoferować 4 nagrody i stworzyć dla każdej z nich inny kupon. Możesz również użyć kuponu na kilka miejsc na kole. Po utworzeniu pierwszego kuponu wpisz kod kuponu u góry strony. Następnie zmodyfikuj ustawienia ogólne:

• Rodzaj rabatu: Zniżka procentowa
• Kwota kuponu: 5
• Data ważności kuponu: Wprowadź wybraną datę

Ograniczenia użytkowania

Kontynuuj, przełączając się na zakładki ograniczeń użytkowania. Tutaj możesz zdecydować, czy z kuponem są powiązane minimalne i maksymalne wydatki. Możesz również odhaczyć następujące pola:

• Zaznacz to pole, jeśli kuponu nie można wykorzystać w połączeniu z innymi kuponami.
• Zaznacz to pole, jeśli kupon nie powinien dotyczyć wyprzedaży. Kupony na przedmiot działają tylko wtedy, gdy przedmiot nie jest w sprzedaży. Kupony na koszyk będą działać tylko wtedy, gdy w koszyku znajdują się przedmioty, których nie ma w sprzedaży.

Powtórz kroki dla 3 innych kuponów

Utwórz tyle kuponów, ile chcesz, wykonując te same kroki, które zostały wymienione powyżej. Nie jesteś ograniczony do oferowania rabatu procentowego. Możesz także utworzyć kupon, który oferuje stały rabat na koszyk lub produkt i umieścić go w kole szczęścia.

Utwórz formularz Optin Wheel Lucky

Przejdź do ustawień wtyczki

Teraz, gdy wykonaliśmy wszystkie niezbędne kroki, aby formularz optin koła szczęśliwego działał, możemy zacząć go tworzyć! Przejdź do pulpitu nawigacyjnego WordPress > WP Optin Wheel .

Dodaj klucz API MailChimp

Zanim zaczniesz tworzyć szczęśliwe koło, musisz dodać swój klucz API MailChimp. Darmowa wersja wtyczki WP Wheel Optin oferuje tylko integrację z MailChimp. Jeśli chcesz połączyć szczęśliwe koło z innym dostawcą, musisz przejść na wersję premium.

Utwórz nowe koło

Wybierz motyw

Zacznijmy tworzyć koło! Wybierz wybraną paletę kolorów. W tym samouczku wybieramy pomarańczowy, ponieważ dobrze pasuje do palety kolorów zestawu układów sklepu ze sprzętem.

Szanse na konfigurację

Następnym krokiem w tworzeniu formularza optin szczęśliwego koła jest wybór procentu wygranej. Ten odsetek wskazuje, jak często ludzie wygrywają, kręcąc kołem. W takim przypadku każdy odwiedzający, który zakręci kołem, ma 70% szans na wygranie kodu kuponu.

Plasterki konfiguracji

Kontynuuj, ustawiając 12 różnych plastrów. Możesz poświęcić każdy plasterek na jedną z trzech opcji:

• Brak nagrody: gość nic nie wygrywa
• Kod kuponu: gość wygrywa kod kuponu
• Link: na przykład odwiedzający wygrywają ebook

W tym przykładzie używamy 4 z 12 wycinków, aby dodać kod kuponu. Ustawiamy również szanse dla każdego z tych wycinków z osobna.

Konfiguracja kreatora formularzy

Następny krok pomoże Ci zbudować sam formularz optin. Zauważysz, że jest tam już pole e-mail. Jedynym innym typem pola, który możesz dodać do formularza optin, jest pole wyboru. Specjalnie dodali ten typ pola, aby formularz był zgodny z RODO.

Ustawienia zawartości

Idąc dalej, będziesz mógł skonfigurować pisemną treść formularza optin koła szczęśliwego. Śmiało i zmień całą zawartość, aby pasowała do Twojej witryny.

Ustawienia projektowe

Następnie otwórz ustawienia projektu i wybierz opcję „Bez wzoru” jako opcję wzoru tła.

Ustawienia zachowania

Możesz także wybrać, kiedy formularz wyboru szczęśliwego koła pojawi się w ustawieniach zachowania.

RODO

Wreszcie, możesz upewnić się, że dane udostępniane przez odwiedzających nie zostaną zapisane, chyba że zaznaczyli różne pola w formularzu zgody i gotowe! Zapisz formularz optin lucky wheel i przejdź do swojej witryny, aby go przetestować.

Zapowiedź

Teraz, gdy przeszliśmy przez wszystkie kroki, przyjrzyjmy się ostatecznemu wynikowi na różnych rozmiarach ekranu.

Końcowe przemyślenia

Ten samouczek jest częścią naszej ciągłej inicjatywy projektowej Divi, w której każdego tygodnia staramy się dodawać coś dodatkowego do twojego zestawu narzędzi. Mamy nadzieję, że ten samouczek pomoże Ci szybciej i interaktywnie tworzyć listy e-mailowe. Jeśli masz jakieś pytania lub sugestie, koniecznie zostaw komentarz w sekcji komentarzy poniżej!