Jak utworzyć formularz WordPress MailPoet (ŁATWY sposób)
Opublikowany: 2021-02-12Czy chcesz łatwo dodawać subskrybentów MailPoet WordPress ze swoich formularzy?
Możesz łatwo zintegrować dowolny formularz z MailPoet, aby zbudować swoją listę e-mailową.
W tym artykule pokażemy, jak dodać pole wyboru subskrypcji MailPoet do dowolnego formularza na swojej stronie WordPress.
Utwórz teraz swój formularz WordPress MailPoet
Jak korzystać z MailPoet w WordPressie?
MailPoet to usługa e-mail marketingu, z której możesz korzystać w WordPressie. Posiada narzędzie do przeciągania i upuszczania, które ułatwia projektowanie niestandardowych biuletynów e-mail.
Jeśli używałeś już narzędzi do tworzenia stron docelowych typu „przeciągnij i upuść”, takich jak SeedProd, MailPoet jest bardzo łatwy w użyciu.
W MailPoet możesz tworzyć różne typy e-maili, takie jak:
- Druki reklamowe
- Powitalne wiadomości e-mail z automatyzacją e-maili kroplowych
- Powiadomienia o najnowszych wpisach
- E-maile powitalne
- E-maile o porzuconym koszyku
- E-maile z zamówieniami WooCommerce.
Po utworzeniu szablonu wiadomości e-mail, po prostu poinformuj MailPoet, do której listy lub segmentu chcesz wysłać wiadomość e-mail. Śledzi wszystkich Twoich subskrybentów w WordPressie i pokazuje statystyki dotyczące liczby otwarć Twojego biuletynu.
Następnie spójrzmy, jak łatwo budować listy MailPoet za pomocą WPForms.
Jak stworzyć formularz WordPress MailPoet
Pokażemy Ci, jak zintegrować WPForms i MailPoet z wtyczką Uncanny Automator. Oto krótkie podsumowanie kroków w samouczku:
- Zainstaluj wtyczkę MailPoet
- Zainstaluj wtyczkę WPForms
- Stwórz formularz WordPress MailPoet
- Zainstaluj wtyczkę Uncanny Automator
- Utwórz integrację z MailPoet WPForms
- Przetestuj swój formularz WordPress MailPoet
Jeśli masz już skonfigurowany MailPoet, przejdź bezpośrednio do kroku 2.
Krok 1: Zainstaluj wtyczkę MailPoet
Najpierw zainstalujmy wtyczkę newslettera MailPoet na Twojej witrynie WordPress.
Aby rozpocząć, otwórz menu Wtyczki » Dodaj nowy w WordPress.
Wyszukaj MailPoet i upewnij się, że wybrałeś wtyczkę MailPoet 3.
Teraz kliknij Aktywuj, aby włączyć wtyczkę.
Wykonaj teraz kroki kreatora konfiguracji. Jeśli masz płatną wersję MailPoet, wprowadź klucz licencyjny, aby pobrać wtyczkę Pro i ją również zainstalować.
Jeśli złożyłeś wniosek o skorzystanie z usługi wysyłania MailPoet w celu poprawy dostarczalności, zobaczysz teraz następujący komunikat:
You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails
You'll soon be able to send once our team reviews your account. In the meantime, you can send previews to your authorized emails
.
Podczas oczekiwania na zatwierdzenie konta przez MailPoet, możesz kontynuować konfigurację integracji MailPoet z WPForms.
Możesz również utworzyć świeżą listę subskrybentów MailPoet dla rejestracji w formularzu kontaktowym, aby oddzielić je od innych list mailingowych w witrynie.
Aby dodać nową listę, przejdź do MailPoet » Listy . Wpisz nazwę swojej listy i kliknij Zapisz .
Świetny! MailPoet jest gotowy. Teraz zainstalujmy wtyczkę do tworzenia formularzy.
Krok 2: Zainstaluj wtyczkę WPForms
WPForms to najlepsza wtyczka do tworzenia formularzy dla WordPress. Umożliwia tworzenie dowolnego typu formularza WordPress za pomocą narzędzia do przeciągania i upuszczania.
WPForms ma o wiele więcej funkcji niż domyślny kreator formularzy MailPoet. Ma też różne rodzaje ochrony przed spamem, z których możesz korzystać w dowolnym formularzu.
Dzięki WPForms Pro możesz:
- Przechowuj wszystkie wpisy formularzy w panelu WordPress
- Twórz ankiety i ankiety
- Akceptuj płatności za pomocą Stripe lub PayPal
- Śledź podróż użytkownika po Twojej witrynie
- Twórz wieloetapowe formularze z paskami postępu
- I więcej.
Pobierzmy więc i zainstalujmy teraz wtyczkę WPForms. Nie zapomnij aktywować wtyczki przed przejściem dalej.
Krok 3: Stwórz formularz WordPress MailPoet
Teraz stworzymy formularz kontaktowy, który automatycznie zapisze odwiedzających do listy MailPoet po jej przesłaniu.
- Jeśli masz już formularz skonfigurowany w WPForms, otwórz go teraz, a pokażemy Ci, jak go poprawić.
- Jeśli zaczynasz od zera, zapoznaj się z tym przewodnikiem tworzenia prostego formularza kontaktowego w WordPress. Wykonanie formularza kontaktowego i osadzenie go na swojej stronie zajmuje mniej niż 5 minut.
Dodawanie oddzielnych pól nazw w WPForms
Domyślnie WPForms ma pole Imię i Nazwisko. Te 2 pola są połączone w jedną „Nazwę”.
MailPoet przechowuje imię i nazwisko oddzielnie, więc dostosujmy formularz, aby to dopasować.
Najpierw przeciągnij 2 pola tekstu jednowierszowego do formularza.
Teraz zmień nazwę pierwszego pola Imię . Możesz również ustawić to pole jako Wymagane. Jeśli tak, możesz kliknąć pole wyboru Wymagane .
Następnie przewiń w dół i rozwiń Opcje zaawansowane .
Teraz przewiń w dół ponownie do klas CSS. Kliknij tutaj Pokaż układy , aby wyświetlić ustawienia układu dla pola Imię.
Chcemy, aby to pole pojawiło się po lewej stronie. Wybierzmy więc najpierw układ dwukolumnowy:
A następnie wybierz lewą kolumnę za pomocą przycisku tutaj.
Teraz powtórz proces z drugim polem. Zmień jego nazwę na Nazwisko, a następnie rozwiń Opcje zaawansowane i użyj układów CSS, aby umieścić go po prawej stronie.
Świetny! Teraz mamy 2 oddzielne pola na imię i nazwisko odwiedzającego. Nie zapomnij usunąć oryginalnego pola Nazwa, najeżdżając na nie i klikając kosz.
Dodawanie pola Optin
RODO to ważne prawo chroniące dane osobowe. Za każdym razem, gdy tworzysz formularz rejestracyjny, powinieneś uzyskać wyraźną zgodę tej osoby.
W tym celu możemy dodać do formularza pole wyboru MailPoet. Jeśli pole optin nie jest zaznaczone, nie zostaną one dodane do listy MailPoet.
Zacznij od przeciągnięcia pola wyboru na formularz. Dodamy mały tekst, aby wyjaśnić, do czego to służy.
Zanotuj dokładnie tekst, którego używasz w polu Wybory — będziemy musieli go później użyć.
Prawdopodobnie będziesz chciał również dodać do formularza kontaktowego pole RODO, które obejmuje przechowywanie ich danych. Jeśli nie masz pewności, czy tego potrzebujesz, zalecamy skonsultowanie się z prawnikiem w celu uzyskania wskazówek dotyczących RODO.
Wszystko tutaj zrobione? Kliknij Zapisz .
Sprawdzanie ustawień formularza
Zanim skończymy w WPForms, dobrym pomysłem jest sprawdzenie powiadomień i potwierdzeń formularza. Aby rozpocząć, kliknij Ustawienia po lewej stronie kreatora formularzy.
- Powiadomienia to wiadomości e-mail wysyłane po przesłaniu formularza. Ponieważ jest to formularz kontaktowy, chcesz, aby powiadomienia były włączone. Zapoznaj się z tym przewodnikiem, jeśli potrzebujesz pomocy w konfigurowaniu powiadomień z formularzy.
- Potwierdzenie to komunikat, który pojawia się na ekranie po przesłaniu formularza. Zobacz, jak edytować wiadomość z potwierdzeniem formularza.
Po skonfigurowaniu ustawień formularza w żądany sposób kliknij Zapisz .
Na razie skończyliśmy w WPForms, więc możesz kliknąć X, aby zamknąć kreator formularzy i wrócić do pulpitu WordPress.
Krok 4: Zainstaluj wtyczkę Uncanny Automator
Uncanny Automator to niesamowita wtyczka WordPress, która pozwala zautomatyzować wtyczki w WordPress. Możesz użyć jednej wtyczki jako wyzwalacza, a drugiej do wykonania akcji.
Zamierzamy zrobić „przepis” w Uncanny Automator. Wyzwalaczem będzie przesłanie formularza w WPForms. Jeśli pole wyboru optin jest zaznaczone, Uncanny Automator automatycznie doda osobę do naszej listy MailPoet.
Aby kontynuować, pobierz kopię Uncanny Automator Pro lub nowszą i zainstaluj ją na swojej stronie.
Teraz jesteśmy gotowi do podłączenia WPForms do MailPoet.
Krok 5: Utwórz integrację MailPoet WPForms
W tym kroku połączymy wszystko w całość i zintegrujemy Twój formularz kontaktowy z MailPoet.
Na pulpicie WordPress przejdź do Automator » Dodaj nowy .
W wyskakującym okienku wybierz Anonimowy . Tworzy to przepis, który będzie działał, nawet jeśli użytkownik nie jest zalogowany do WordPressa.
Następnie wpisz nazwę nowego przepisu u góry.
Teraz skonfigurujemy wyzwalacz WPForms w Uncanny Automator.
Tworzenie wyzwalacza WPForms
Powiemy Uncanny Automator, aby uruchomił spust, jeśli użytkownik się na to zgodził.
Najpierw spójrz na pole oznaczone Wyzwalacz anonimowy i wybierz WPForms .
Następnie wybierzmy wyzwalacz Określony wpis w określonym polu .
Korzystając z list rozwijanych, wybierz:
- Formularz, który stworzyliśmy wcześniej, oraz
- Pole wyboru optin, które dodaliśmy.
W trzecim polu upewnij się, że wpisujesz dokładnie ten sam tekst, który wpisałeś w polu Wybory na liście rozwijanej.
Kliknij Zapisz, aby zapisać wyzwalacz.
Przejdźmy teraz do następnego kroku.
Tworzenie nowego użytkownika w WordPress
W ramach przepływu pracy Uncanny Automator musi utworzyć nowego użytkownika w WordPress dla każdego nowego subskrybenta MailPoet. Umożliwi to osobie zalogowanie się i zmianę preferencji.
Musimy zdecydować, czy wykonamy tę akcję na istniejącym lub nowym użytkowniku. Oto mały szczegół, który pomoże Ci podjąć decyzję:
- Istniejący użytkownik wyszuka dopasowanie do istniejącego użytkownika WordPress. Jeśli Uncanny Automator nie znajdzie użytkownika, utworzy go. To najlepszy wybór, jeśli zwykle otrzymujesz zapytania od klientów, którzy mają już konta WordPress.
- Nowy użytkownik utworzy nowego użytkownika, przypisze mu rolę i opcjonalnie zaloguje się do WordPressa. Jeśli użytkownik istnieje, Uncanny Automator wybierze zamiast tego jego profil. To dobra opcja, jeśli spodziewasz się, że większość zapytań będzie pochodzić od nowych użytkowników.
Wybierz tutaj opcję, która najlepiej pasuje do Twojej witryny. W tym przykładzie użyjemy nowego użytkownika .
Następnie zamapujmy pola z WPForms na profil użytkownika WordPress, który zostanie utworzony, jeśli nie zostanie znaleziony żaden istniejący użytkownik.
Kliknij gwiazdkę tutaj, aby otworzyć listę dostępnych pól.
Następnie rozwiń sekcję WPForms na liście, klikając małą strzałkę po prawej stronie.
Na koniec wybierz pole WPForms, które odpowiada nazwie pola w Uncanny Automator.
Podczas pracy w dół listy warto również wybrać następujące opcje:
- Nazwa użytkownika : Najłatwiej jest użyć adresu e-mail odwiedzającego w polu Nazwa użytkownika. W ten sposób wszyscy Twoi użytkownicy z pewnością będą mieli unikalne nazwy użytkownika.
- Rola : wybierz rolę dla nowego użytkownika. Zalecamy wybranie tutaj Subskrybenta, chyba że chcesz nadać nowemu użytkownikowi dodatkowe uprawnienia w WordPress.
- Zaloguj użytkownika : Możesz wybrać automatyczne logowanie użytkownika po uruchomieniu receptury.
- Co zrobić, jeśli użytkownik już istnieje : wybierz tutaj opcję Wybierz istniejącego użytkownika . Jeśli tego nie zrobisz, Twój przepis nie będzie działał dla obecnych użytkowników.
Teraz Zapisz dotychczasową konfigurację użytkownika.
Dodawanie subskrybentów MailPoet WordPress
Ostatnim krokiem jest skonfigurowanie nowego użytkownika w MailPoet. Pod ustawieniami użytkownika kliknij przycisk Dodaj akcję .
Teraz wybierz MailPoet z opcji.
Wybierz pierwszą opcję z rozwijanego menu, Dodaj abonenta do listy .
Powtórz proces mapowania pól formularza do rekordu subskrybenta MailPoet. Wybierz Subskrybowane, aby dodać je do listy, lub Wyrejestrowane, jeśli chcesz użyć formularza, aby je usunąć.
Następnie kliknij Zapisz .
Prawie skończyliśmy!
Teraz wystarczy wybrać listę MailPoet dla subskrybenta. Wybierzmy nową listę, którą stworzyliśmy na samym początku.
Jest jeszcze tylko jedna rzecz, którą musimy zrobić. Musimy włączyć każdy przełącznik, aby upewnić się, że przepis działa.
Przewiń wstecz i upewnij się, że każda sekcja przepisu jest teraz przełączona na Na żywo .
I na koniec spójrz na prawy górny róg strony i włącz główny przepis. Należy to również przełączyć na Live .
Otóż to! Twój formularz MailPoet WordPress jest gotowy do dodania subskrybentów do Twojej listy e-mailowej.
Krok 6: Przetestuj formularz WordPress MailPoet
Zawsze warto przetestować nowe integracje, więc wypełnijmy teraz Twój formularz kontaktowy. Jeśli wszystko działa zgodnie z oczekiwaniami, w sekcji Niepotwierdzone zobaczysz nowe przesłanie formularza.
Teraz kliknij link w e-mailu aktywacyjnym, aby potwierdzić subskrypcję.
Gdy to zrobisz, powinieneś zobaczyć swojego nowego subskrybenta w kolumnie Subskrybowane dla listy MailPoet.
I to wszystko! Teraz każdy gość korzystający z Twojego formularza kontaktowego może zapisać się na Twoją listę MailPoet.
Utwórz teraz swój formularz WordPress MailPoet
Następny krok: Utwórz formularz powiadomienia o wpisie na blogu
Istnieje mnóstwo różnych sposobów korzystania z WPForms z MailPoet, aby uzyskać więcej subskrybentów.
Na przykład spróbuj utworzyć formularz rejestracji WPForms z polem adresu e-mail, a następnie dodaj go do swojego bloga za pomocą widżetu paska bocznego. Następnie połącz swój formularz z biuletynem MailPoet Post Notification w Uncanny Automator.
Teraz możesz automatycznie aktualizować subskrybentów za każdym razem, gdy publikujesz nowe treści.
Stworzenie strony docelowej dla Twojego formularza to również sprytny pomysł. Usuwa wszystkie czynniki rozpraszające, które w przeciwnym razie mogłyby zaszkodzić współczynnikowi konwersji. I łatwo jest zrobić stronę docelową w WPForms. Sprawdź te przykłady formularzy stron docelowych, aby uzyskać inspirację.
Gotowy do zbudowania swojej formy? Zacznij już dziś od najłatwiejszej wtyczki do tworzenia formularzy WordPress. WPForms Pro zawiera ponad 100 darmowych szablonów formularzy i oferuje 14-dniową gwarancję zwrotu pieniędzy.
Jeśli ten artykuł Ci pomógł, śledź nas na Facebooku i Twitterze, aby uzyskać więcej bezpłatnych samouczków i przewodników WordPress.