Jak tworzyć formularze zgody Mailrelay za pomocą Bloom, SumoMe i Thrive Leads

Dzisiaj zobaczymy, jak dodawać formularze subskrypcji generowane przez Mailrelay za pomocą najpopularniejszych wtyczek WordPress, takich jak Bloom, SumoMe i Thrive Leads.

Wtyczki te pozwalają nam tworzyć różnego rodzaju formularze w naszej witrynie i konfigurować ich wygląd w zależności od typu strony, zachowania użytkownika w Serwisie oraz wielu innych opcji, które będą się nieznacznie różnić w zależności od wtyczki.

W tym samouczku widzieliśmy już, jak tworzyć formularze i pobierać kod HTML, więc jeśli jeszcze nie skopiowałeś kodu wygenerowanego przez nasze oprogramowanie, sprawdź inny post przed kontynuowaniem czytania tego artykułu.

Zachowaj kod HTML w pliku na swoim komputerze lub otwórz konto Mailrelay, aby go skopiować, ponieważ wkrótce go użyjemy.

1- Integracja formularza Mailrelay z Bloom

Bloom to od kilku lat jedna z najpopularniejszych wtyczek do tworzenia formularzy subskrypcji.

Pozwala nam tworzyć formularze inline, pop-upy, fly-in, artykuły lub wstawiać je w dowolnym obszarze widżetów naszego szablonu.

Pozwala nam również wskazać, na jakiej stronie lub poście ma się wyświetlać i kiedy (po kilku sekundach, po przewinięciu, po zakupie, ETC).

Bloom ma również predefiniowane szablony, choć w tym przypadku dodamy własny kod HTML ręcznie i to właśnie zobaczymy teraz.

Po zainstalowaniu wtyczki znajdziemy ją w menu po lewej stronie, na Bloom> Optin Forms. Kliknij tę opcję, aby utworzyć lub edytować istniejące formularze:

Jeśli zdecydujemy się utworzyć nowy (NEW OPTIN) , pierwszą rzeczą, którą powinniśmy zrobić, jest wybranie typu formularza, który chcemy utworzyć:

W zależności od rodzaju wybranego formularza zobaczymy różne opcje konfiguracji. Jednak proces tworzenia formularza będzie taki sam, więc nie musisz się o to martwić.

Pierwsze pole, które musimy wypełnić, to nazwa formularza (tylko do użytku wewnętrznego, nie będzie wyświetlana naszym odwiedzającym) oraz usługa e-mail marketingu, z której chcemy skorzystać.

W takim przypadku będziemy musieli wybrać niestandardowy formularz HTML, a wtyczka wyświetli pole, w którym możemy skopiować kod HTML wygenerowany przez Mailrelay.

Po wklejeniu kodu klikamy DALEJ: ZAPROJEKTUJ SWOJĄ OPTYWĘ i możemy wybrać szablon formularza.

W tym przypadku, ponieważ pracujemy z kodem HTML, nie zawsze będzie on dostosowany do wybranego projektu pod kątem ilości pól i opcji na naszym formularzu, dlatego polecam wybrać prosty, który będzie łatwiejszy do dostosowania. W każdym razie możemy później dostosować kolory i formaty, niezależnie od wybranego szablonu.

Na następnym ekranie możesz dodać tytuł i podtytuł, dostosować czcionki i kolory, załadować obraz i ustawić inne aspekty wizualne.

W dowolnym momencie możemy wyświetlić podgląd naszej pracy, aby upewnić się, że robimy wszystko dobrze.

Możliwe, że niektóre opcje kolorów lub formatów nie będą działać poprawnie. Jeśli tak się stanie, będziesz musiał minimalnie edytować HTML lub dodać CSS na ekranie dostosowywania projektu Bloom.

Wreszcie, zakładka Ustawienia wyświetlania pozwoli nam skonfigurować, kiedy i gdzie ma się pojawiać formularz. Te opcje będą się różnić w zależności od rodzaju używanego formularza.

Możemy stworzyć wiele form o różnych stylach i konfiguracjach. Możemy również otrzymywać raporty na temat wydajności formularzy, aby zaktualizować naszą strategię e-mail marketingu.

Bloom to płatna wtyczka stworzona przez Elegantthemes z kilkoma planami i zawiera inne wtyczki i szablony.

2- Zintegruj formularz Mailrelay w SumoMe

SumoMe to kolejna klasyczna wtyczka do tworzenia formularzy subskrypcji. Między innymi ma również tę zaletę, że oferuje darmową opcję, która wystarczy na to, co dzisiaj zobaczymy.

Wtyczka jest dostępna w repozytorium WordPressa, ale po jej zainstalowaniu będziemy musieli założyć konto, które będzie połączone z naszą stroną. Do tworzenia formularzy wykorzystamy zewnętrzny panel kontrolny z kilkoma zaawansowanymi opcjami. Ta wtyczka jest bardzo interesująca, ale niektóre funkcje są dostępne tylko dla płatnych kont.

W panelu sterowania wtyczki, w zakładce Formularze, znajdziemy przycisk do utworzenia nowego, a system otworzy kreatora do jego przygotowania.

W opcjach po lewej stronie, w sekcji 1. Mój cel , powinniśmy zaznaczyć trzecią opcję, aby móc korzystać z naszego kodu HTML .

W pozostałych zakładkach możemy wybrać inne opcje naszego formularza, takie jak typ formularza, kiedy ma być wyświetlany oraz adres URL przekierowania.

W punkcie 6. Połącz się z usługą e-mail; nie powinniśmy wybierać żadnej opcji, ponieważ użyjemy niestandardowego kodu HTML utworzonego przez Mailrelay.

Po skonfigurowaniu i opublikowaniu możemy zobaczyć formularz na naszej stronie internetowej, zgodnie z wybranymi opcjami, i będziemy mieli dostęp do raportów wizualizacji i analizy konwersji generowanych przez wtyczkę.

SumoMe to bardzo kompletna opcja i możemy pracować z darmową wersją do tworzenia formularzy zgody na WordPress.

3- Integracja Mailrelay z Thrive Leads

Thrive Leads to kolejna bardzo ciekawa wtyczka z wieloma opcjami tworzenia formularzy opt-in. Jest to wtyczka płatna, bez dostępnej bezpłatnej opcji, którą będziesz musiał kupić i pobrać ze strony internetowej wtyczki. Ma jedną cenę z kilkoma pakietami w zależności od liczby licencji, które musisz kupić.

Po zainstalowaniu wtyczki możemy uzyskać do niej dostęp w Thrive Dashboard> Thrive Leads, aby utworzyć i skonfigurować nasze formularze subskrypcji.

Pierwszą rzeczą, którą musimy zrobić, to stworzyć grupę Lead, która jest niczym innym jak zestawem formularzy, które mają te same opcje (na których stronach lub postach formularz ma być wyświetlany, czy formularze będą aktywne tylko dla komputerów stacjonarnych, czy też na urządzenia mobilne itp.)

Po utworzeniu grupy z opisową nazwą wewnętrzną w celu uporządkowania grup i formularzy; możesz utworzyć nowy typ formularza: w treści, Lightbox, stopka posta, wstążka itp.

Następnie kliknij: Dodaj formularz, aby utworzyć formularz z wybraną opcją.

Oznacza to, że szkic formularzy w Thrive Leads wyglądałby tak:

grupa Formularze> Typy formularzy> Formularze

W tej samej grupie możesz mieć różne typy formularzy (wyskakujące okienko, w treści, dla widżetów itp.). A dla każdego typu możesz użyć różnych formularzy.

Chociaż ta struktura może początkowo wydawać się nieco myląca, prawda jest taka, że ​​pozwala tworzyć różne kombinacje grup i typów formularzy dla różnych kampanii lub celów oraz umożliwia tworzenie testów A/B w celu porównania współczynnika konwersji różnych formularzy.

Po utworzeniu formularza możemy edytować projekt tak, aby zawierał kod HTML wygenerowany przez Mailrelay.

Aby to zrobić, będziemy musieli wybrać szablon „Puste”, aby uzyskać dostęp do kreatora Thrive Leads:

Teraz wystarczy kliknąć kółko konfiguracji na pasku po prawej stronie przeglądarki i wybrać Ustawienia zaawansowane -> Wyświetl źródło strony (HTML). Spowoduje to otwarcie okna z kodem HTML, który będziemy musieli usunąć, ponieważ zastąpimy go kodem utworzonym przez Mailrelay.

Zaawansowane ustawienia

Ekran kodu, na którym powinniśmy wszystko zastąpić naszym HTML

Możemy zatwierdzić zmiany w prawym górnym rogu. Następnie musimy zapisać zmiany, aby wyjść z kreatora i wrócić do pulpitu Thrive Leads, aby włączyć nowy formularz zgody i wybrać opcje wyświetlania.

To wszystko, co musimy zrobić, aby skonfigurować formularz Mailrelay z Thrive Leads.