Jak utworzyć formularz WordPress MailPoet (ŁATWY sposób)

Opublikowany: 2021-02-12

Czy 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.

WPForms to najlepsza wtyczka WordPress Form Builder. Zdobądź to za darmo!

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.

Jak korzystać z MailPoet

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:

  1. Zainstaluj wtyczkę MailPoet
  2. Zainstaluj wtyczkę WPForms
  3. Stwórz formularz WordPress MailPoet
  4. Zainstaluj wtyczkę Uncanny Automator
  5. Utwórz integrację z MailPoet WPForms
  6. 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.

Dodaj nową wtyczkę

Wyszukaj MailPoet i upewnij się, że wybrałeś wtyczkę MailPoet 3.

Teraz kliknij Aktywuj, aby włączyć wtyczkę.

Zainstaluj wtyczkę MailPoet WordPress

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 .

Dodaj nową listę MailPoet

Ś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.

Strona główna WPForms

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.

MailPoet WordPress formularz z 2 polami tekstowymi jednowierszowymi

Teraz zmień nazwę pierwszego pola Imię . Możesz również ustawić to pole jako Wymagane. Jeśli tak, możesz kliknąć pole wyboru Wymagane .

Ustaw pole Imię jako wymagane w formularzu MailPoet WordPress

Następnie przewiń w dół i rozwiń Opcje zaawansowane .

Rozwiń Opcje zaawansowane dla pola tekstowego

Teraz przewiń w dół ponownie do klas CSS. Kliknij tutaj Pokaż układy , aby wyświetlić ustawienia układu dla pola Imię.

Pokaż układy CSS w WPForms

Chcemy, aby to pole pojawiło się po lewej stronie. Wybierzmy więc najpierw układ dwukolumnowy:

MailPoet WordPress w układzie 2-kolumnowym

A następnie wybierz lewą kolumnę za pomocą przycisku tutaj.

Pole nazwy MailPoet CSS

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.

Pole wyboru formularza WordPress w MailPoet

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 o formularzu MailPoet WordPress

  • 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.

Strona główna Uncanny Automator

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.

Utwórz anonimowy przepis na integrację z MailPoet WordPress

Następnie wpisz nazwę nowego przepisu u góry.

Konfiguracja przepisu MailPoet WordPress w Uncanny Automator

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 .

WPForms w Uncanny Automator

Następnie wybierzmy wyzwalacz Określony wpis w określonym polu .

Ustaw wyzwalacz dla WPForms w Uncanny Automator

Korzystając z list rozwijanych, wybierz:

  • Formularz, który stworzyliśmy wcześniej, oraz
  • Pole wyboru optin, które dodaliśmy.

Wybierz formularz w Uncanny Automator

W trzecim polu upewnij się, że wpisujesz dokładnie ten sam tekst, który wpisałeś w polu Wybory na liście rozwijanej.

Określona wartość pola w WPForms

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 .

Wybierz nowego użytkownika w Uncanny Automator

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.

Gwiazdka otwierająca pola w Uncanny Automator

Następnie rozwiń sekcję WPForms na liście, klikając małą strzałkę po prawej stronie.

Rozwiń pola formularza

Na koniec wybierz pole WPForms, które odpowiada nazwie pola w Uncanny Automator.

Wybierz pole 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ę .

Dodaj nową akcję w Uncanny Automator

Teraz wybierz MailPoet z opcji.

Wybierz działanie MailPoet

Wybierz pierwszą opcję z rozwijanego menu, Dodaj abonenta do listy .

Dodaj subskrybenta do listy w formularzu MailPoet

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 .

Pola formularza profilu WordPress

Prawie skończyliśmy!

Teraz wystarczy wybrać listę MailPoet dla subskrybenta. Wybierzmy nową listę, którą stworzyliśmy na samym początku.

Wybierz listę MailPoet

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 .

Przełącznik na żywo w Uncanny Automator

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 .

Włącz przepis na formularz MailPoet WordPress

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.

Niepotwierdzony subskrybent formularza MailPoet WordPress

Teraz kliknij link w e-mailu aktywacyjnym, aby potwierdzić subskrypcję.

Potwierdź subskrypcję MailPoet

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.

Formularz subskrypcji postów na blogu w MailPoet

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.