Jak dodać formularz subskrypcji Mailrelay za pomocą WordPress

Jeśli chcesz przyciągnąć nowych subskrybentów, aby powiększyć swoją listę mailingową, powinieneś oferować formularze subskrypcji na swojej stronie. Jeśli pracujesz z WordPressem, możesz łatwo dodać te formularze do swojego bloga.

Czemu? Zasadniczo dlatego, że umożliwia przechwytywanie danych od osób zainteresowanych oferowanymi przez Ciebie produktami lub usługami, dzięki czemu możesz się z nimi okresowo kontaktować.

W tym momencie możesz pomyśleć: jestem zainteresowany, ale co muszę zrobić, aby utworzyć formularz subskrypcji na mojej stronie WordPress? Nie znam kodu HTML i potrzebuję czegoś prostego i łatwego.

Nie martw się, w tym samouczku; pokażemy Ci różne sposoby dodawania kodu HTML generowanego przez Mailrelay w Twojej witrynie utworzonej za pomocą WordPressa z wtyczkami i bez.

Ciekawe, prawda?

Ważne wyjaśnienie: w tym samouczku zakładamy, że już utworzyłeś formularz zgody na swoim koncie i że już skopiowałeś kod HTML. Dlatego skupimy się na wyjaśnieniu, jak dodać ten kod do WordPressa. Jeśli jeszcze nie utworzyłeś formularza lub nie skopiowałeś kodu HTML, zalecamy najpierw przeczytać ten inny post i postępować zgodnie ze wskazanymi krokami: Formularze subskrypcji Mailrelay V3

· Jak zintegrować formularz subskrypcji Mailrelay bez używania żadnej wtyczki?

Musimy zacząć ten samouczek mówiąc, że nie możemy się oszukiwać; większość z nas spróbuje znaleźć wtyczkę, która wykona za nas wszystkie zadania na naszej stronie, ponieważ znacznie ułatwiają nam życie.

Należy jednak pamiętać, że zainstalowanie wielu wtyczek na naszej stronie może przeciążyć stronę.

W wielu przypadkach oznacza to wydłużenie czasu ładowania stron, co bezpośrednio wpływa na naszą strategię SEO i wrażenia użytkownika.

W tym celu, jeśli chcesz uniknąć przeciążenia swojej witryny lub po prostu nie chcesz instalować więcej wtyczek na swojej stronie WP, możesz zintegrować kod HTML bezpośrednio na swojej stronie bez żadnej wtyczki.

Jak?

Wykonując następujące kroki:

Aby rozpocząć, musisz zalogować się do swojego WordPressa i kliknąć „ Wygląd” i „Widget”.

W sekcji Widżety musimy znaleźć widżet o nazwie „ Niestandardowy HTML. ” Gdy już go znajdziemy, możemy przeciągnąć go do obszaru widżetów, w którym chcemy dodać nasz formularz zgody.

Domyślnie WordPress ma obszar widżetów na pasku bocznym strony.

Możemy go tam wstawić lub jeśli nasz motyw lub szablon ma włączone inne obszary Widgetów, możemy zmienić miejsce (np. w stopce).

W tym przypadku dodamy go w najczęstszym obszarze widżetów, ponieważ wszystkie witryny WordPress domyślnie mają tę opcję; Dodajmy kod HTML na pasku bocznym.

Wystarczy przeciągnąć widżet do tego obszaru, dodać tytuł i wkleić kod wygenerowany przez Mailrelay. Pamiętaj, że już wygenerowałeś kod HTML przed rozpoczęciem czytania tego samouczka.

Po nazwaniu widżetu (w sekcji tytułowej) i wstawieniu kodu (w sekcji treści) będziesz musiał kliknąć przycisk Zapisz.

Później, aby sprawdzić, czy wszystko działa poprawnie, możesz uzyskać dostęp do swojego bloga, a na pasku bocznym zobaczysz formularz subskrypcji.

* Należy pamiętać, że formularz będzie miał style (kolory i czcionki) skonfigurowane w szablonie lub motywie.

W tym przypadku widzieliśmy, jak zintegrować formularz na pasku bocznym. Jeśli w Twojej witrynie jest włączony jakikolwiek inny obszar widżetów, możesz wykonać te same czynności, które wyjaśniliśmy wcześniej, ale przeciągnij widżet do tego obszaru.

Wynik będzie taki sam; jedyną różnicą jest to, że formularz zgody będzie wyświetlany w określonym obszarze, a nie na pasku bocznym.

· Jak zintegrować formularz subskrypcji Mailrelay w WordPress z Elementorem (wersja darmowa)

Jak zintegrować formularz subskrypcji Mailrelay w WordPress z Elementorem (wersja bezpłatna)

Elementor jest obecnie jednym z najbardziej znanych projektantów układu WordPress, w rzeczywistości jest to jedna z najczęściej używanych wtyczek do edycji formularzy zgody.

Wśród jego głównych funkcji możemy znaleźć: darmową wersję z wieloma funkcjami, która pozwala każdemu użytkownikowi tworzyć atrakcyjne i spersonalizowane sekcje bez konieczności inwestowania pieniędzy.

Elementor to wtyczka, która jest obecnie dostępna za darmo z bardziej ograniczonymi funkcjami oraz wersją płatną/Premium z kilkoma dodatkowymi opcjami.

Jednak nie ma znaczenia, czy korzystasz z darmowej czy płatnej wersji, będziesz mógł zintegrować swój formularz Mailrelay z wybraną sekcją i lokalizacją. W kilku krokach dowiesz się, jak to zrobić:

Pierwszym wymogiem jest zainstalowanie wtyczki Elementor na naszej stronie. Jeśli jeszcze go nie zainstalowałeś, powinieneś przejść do zakładki wtyczek i kliknąć „ dodaj nowy”.

Wyszukaj „Kreator stron Elementor” w repozytorium WordPress i kliknij Zainstaluj.

Po zainstalowaniu pamiętaj, aby go włączyć, a my będziemy gotowi do integracji naszego kodu.

Aby rozpocząć integrację, należy otworzyć stronę lub sekcję, w której chcesz wprowadzić formularz zapisu. Po wejściu do tej sekcji będziesz musiał poszukać modułu kodu HTML.

Po zlokalizowaniu dodaj moduł w kolumnie lub sekcji strony, na której chcesz wyświetlić formularz. Po przeciągnięciu go do danego obszaru będziemy musieli wkleić zapisany wcześniej kod HTML.

Po wpisaniu kodu HTML zobaczysz jak formularz będzie dostępny w formularzu subskrypcji w wybranej sekcji lub kolumnie. Upewnij się, że wszystko jest w porządku i opublikuj zmiany. Wynik będzie widoczny na Twojej stronie:

Jak wspomnieliśmy wcześniej, zarówno w tym przypadku, jak i poprzednim, należy pamiętać, że formularz będzie miał style ustawione w szablonie lub motywie.

Aby wprowadzić zmiany lub modyfikacje stylu, będziesz musiał edytować kod HTML lub użyć określonych wtyczek, które pozwalają nam dostosować nasze formularze subskrypcji (na przykład Bloom).

· Jak zintegrować formularz subskrypcji Mailrelay w WordPress z Bloom

Bloom to jedna z najbardziej kompletnych wtyczek, jakie możemy znaleźć do tworzenia formularzy subskrypcji. Jeśli masz już tę wtyczkę zainstalowaną na swoim WordPressie lub myślisz o zakupie licencji, wyjaśnimy, jak możesz ją zintegrować z kontem Mailrelay.

Po wejściu do panelu administracyjnego pierwszą rzeczą, którą należy zrobić, to kliknąć formularze Bloom / Opt-in. W tej zakładce możesz znaleźć wszystkie formularze subskrypcji, które już utworzyłeś. W tym przypadku stworzymy nowy formularz od podstaw, aby dowiedzieć się, jak łatwo zintegrować go z Mailrelay.

Aby utworzyć nowy formularz, po prostu kliknij niebieski przycisk u góry ekranu „ nowa opt-in”. ” lub nowa forma.

System otworzy listę rozwijaną, w której będziesz musiał wybrać rodzaj formularza, który chcesz utworzyć. Wybierzmy opcję „inline”, ponieważ pozwoli Ci to zaimplementować ją później w wybranej sekcji lub stronie.

W następnym oknie będziesz musiał rozpocząć konfigurację naszego nowego formularza. Pierwszą rzeczą, którą powinieneś zrobić, to nazwać go, aby móc go zidentyfikować wewnętrznie (ta nazwa będzie widoczna tylko dla Ciebie, nie będzie widoczna dla odwiedzających).

Następnie będziemy musieli wybrać dostawcę poczty e-mail. W tym przypadku, ponieważ mamy nasz kod HTML z Mailrelay, możemy przejść bezpośrednio na dół listy rozwijanej i wybrać opcję „Niestandardowy formularz HTML” .

Od razu po wybraniu tej opcji system wyświetli szare pole, w którym możemy wstawić fragment kodu formularza. W takim przypadku należy wkleić kod HTML wygenerowany przez Mailrelay i kliknąć przycisk „Dalej zaprojektuj swoją zgodę”.

Poniżej przyjrzymy się różnym formom, w różnych kolorach i stylach. Należy wybrać najlepszą opcję zgodnie z układem witryny, aby dopasować ją do schematu kolorów strony. Ważne jest, aby zrozumieć, że skoro już wprowadziliśmy kod, styl nie będzie taki sam, jak ten pokazany przez wtyczkę, ale efekt końcowy jest zwykle całkiem dobry.

Następnym krokiem będzie dostosowanie pól, których chcemy użyć w formularzu. W „tytule opt-in” powinniśmy wpisać tytuł, który będzie widoczny w nagłówku formularza. Jeśli nie chcesz wpisywać tytułu, możesz pozostawić to pole puste.

Następnie będziemy musieli wypełnić tekst formularza. Jeśli zastanawiasz się nad wyjaśnieniem, dlaczego Twoi odwiedzający powinni zapisać się do Twojego newslettera lub co oferujesz swoim subskrybentom w zamian za subskrypcję, to jest pole, w którym powinieneś dodać wszystkie te informacje.

Możemy więc dostosować obraz. Większość standardowych szablonów Bloom zawiera obraz na górze, ale jeśli chcesz go zmodyfikować i/lub zastąpić na przykład swoim logo, musisz to zrobić w tej sekcji.

Doszliśmy do sekcji stylów. Jeśli chcesz jeszcze bardziej dostosować formularz subskrypcji, zmieniając czcionki, kolory, tła lub jakikolwiek inny aspekt estetyczny, to jest to miejsce. W opcji Opt-in Styling i formularzy możesz wybierać spośród wielu opcji i alternatyw.

Następnie znajdziemy więcej opcji dostosowywania formularza. Możemy dodać tekst w stopce (idealny do wyjaśnień lub szybkich komentarzy) oraz komunikat potwierdzający, czyli tekst, który wyświetli się po pomyślnym zapisaniu się odwiedzającego do newslettera.

Po ustawieniu wszystkich pól możemy kliknąć „Zapisz”, aby zapisać naszą pracę. Gdy klikniemy zapisz, wtyczka zabierze nas z ekranu i wyświetli wszystkie aktywne formularze zgody.

Cóż, już stworzyliśmy i skonfigurowaliśmy nasz formularz Bloom. Następnym krokiem jest prawidłowe zintegrowanie go z naszą witryną.

W tym celu w formularzach Bloom / opt-in poszukamy formularza, który właśnie stworzyliśmy, a po lewej stronie znajdziemy ten symbol „[]”.

Gdy na nią klikniemy, zobaczymy nowe okno z kodem skróconym do tego formularza. Skopiuj lub zapisz gdzieś ten kod, ponieważ będziesz musiał go później użyć.

Po skopiowaniu shortcode będziemy musieli go dodać do naszej strony, na której chcemy wyświetlić ten formularz. Jeśli mamy układ wizualny, taki jak Elementor lub Divi, możemy go zintegrować w dowolnym miejscu z modułem kodu lub shortcode.

Jeśli wręcz przeciwnie, pracujemy już z Gutenbergiem, nowym systemem stworzonym przez WordPressa, możemy zintegrować nasz Shortcode za pomocą wbudowanego widżetu specjalnie do tego celu.

Powinniśmy zatem otworzyć stronę lub sekcję, aby ją edytować. Po uzyskaniu do niego dostępu klikniemy przycisk „+”, a w widżetach wybierzemy blok „Shortcode”. Następnie musimy wpisać kod lub shortcode, który zapisaliśmy wcześniej. Tutaj wystarczy wkleić treść i zapisać zmiany.

Po wykonaniu tych kroków nowy formularz będzie dostępny w Twojej witrynie. Proces jest o wiele łatwiejszy niż myślałeś, prawda?

· Wniosek

Jak widzieliśmy w całym artykule, istnieje wiele opcji integracji formularza HTML Mailrelay za pomocą WordPress. W tym poście chcieliśmy skupić się na metodach, które uważamy za łatwe, abyś stracił strach przed manipulowaniem kodem.

Jak widzieliśmy, możesz zintegrować Mailrelay z WordPress bez wtyczek, za pośrednictwem sekcji widżetów lub nawet za pomocą Gutenberga, nowej funkcji oferowanej przez WordPress.

Jeśli jednak masz już edytory wizualne, takie jak Divi, Elementor lub jakakolwiek inna wtyczka do wyrażania zgody, możesz ich również użyć, aby dodać formularz w dowolnym miejscu. W przypadku Blooma główną zaletą jest to, że wtyczka pozwala na łatwą edycję stylów formularzy, nadanie im bardziej osobistego charakteru i dostosowanie kodu do układu strony.

Jeśli jednak znasz już HTML i chcesz wprowadzić pewne zmiany w kodzie, dodać style lub kolory, jest to również możliwe. Oczywiście pamiętaj, aby zachować ostrożność, ponieważ jeśli Twój formularz zgody nie działa poprawnie, wpłynie to na Twoją strategię e-mail marketingu.

A teraz, czy chcesz zintegrować formularz Mailrelay z witryną WordPress?