Jak dodać formularz subskrypcji do swojego landing page'a za pomocą Mailrelay

Jeśli zajmujesz się marketingiem, prawdopodobnie przeczytałeś informacje o tym, jak ważne jest tworzenie landing page w ramach skutecznej strategii sprzedażowej. Jeśli chcesz pozyskać subskrybentów, potencjalnych klientów lub klientów, musisz nauczyć się pracować z tą funkcją.

Jak wielu z Was na pewno wie, landing page to strona przeznaczona do przyjmowania odwiedzających, którzy znaleźli Twoją witrynę po kliknięciu reklamy lub banera (Facebook, Google lub jakakolwiek inna platforma). Jego zastosowanie jest coraz bardziej rozpowszechnione, a jego głównym celem w większości przypadków jest pozyskiwanie leadów lub generowanie konwersji.

Strona docelowa to strona stworzona w jednym celu: generowaniu konwersji. Ogólnie rzecz biorąc, użytkownik odwiedzający tę stronę jest zainteresowany tym, co oferujesz. Tworzenie skutecznej strony docelowej to sztuka, ponieważ musisz wziąć pod uwagę różne aspekty, takie jak projekt strony i treść. Jeśli już wiesz, czym jest landing page i chcesz wykorzystać tę opcję w swojej strategii marketingowej; wyjaśnimy, jak dodać formularz subskrypcji Mailrelay do strony docelowej, aby pozyskać potencjalnych klientów i subskrybentów.

Ważne wyjaśnienie: W tym poście zakładamy, że już utworzyłeś formularz subskrypcji na Mailrelay i skopiowałeś kod HTML, którego będziesz używać. Dlatego skupimy się na wyjaśnieniu, jak zintegrować ten kod ze stroną docelową. Jeśli nie utworzyłeś formularza lub nie skopiowałeś kodu HTML, radzimy sprawdzić ten inny post: Formularze subskrypcji Mailrelay V3.

· Jak dodać formularz subskrypcji do swojego landing page w WordPressie

Opcja 1: Korzystanie z Elementora

Mówiliśmy już o Elementorze w innych artykułach. To potężna wtyczka, która jest dostępna w WordPressie w wersji bezpłatnej i płatnej. Jest to idealna opcja do szybkiego i łatwego tworzenia i edycji stron docelowych.

Jeśli Twoja witryna została stworzona przy użyciu WordPressa, zdecydowanie zalecamy użycie tej wtyczki do skonfigurowania strony docelowej, ponieważ proces będzie łatwy i prosty. Jeśli nie zainstalowałeś jeszcze wtyczki, możesz ją bezpłatnie pobrać z repozytorium WordPress i wykorzystać do stworzenia swojego landing page. Zaczynajmy?

Po wejściu do panelu administracyjnego WP należy kliknąć „strony” i dodać nową.

Będziesz musiał użyć tej nowej strony, aby wstawić treść, która będzie wyświetlana odwiedzającym. W takim przypadku przed rozpoczęciem edycji układu wskazane jest dokonanie kilku wcześniejszych korekt. Na przykład powinieneś nazwać sekcję, wybrać szablon itp.

Często widzimy strony docelowe, które nie mają menu na górnym pasku. Jest to często używane, gdy chcemy, aby odwiedzający skupił się tylko na treści, a nie „uciekał ”, klikając jakikolwiek inny link. Może to być szczególnie przydatne na stronach docelowych tworzonych na potrzeby kampanii online.

Jeśli chcesz zaimplementować ten środek i usunąć menu nawigacyjne ze swojego landinga, powinieneś poszukać atrybutów w prawej kolumnie. Po znalezieniu tej opcji w sekcji szablonów wybierz „Elementor Canva” i zapisz swoją pracę.

Następnie otwórz kreatora Elementor, klikając „ Edytuj za pomocą Elementora” i zacznij budować swoją stronę docelową zgodnie ze strukturą, której chcesz użyć.

Po utworzeniu strony będziesz musiał zaimplementować formularz zapisu. W takim przypadku możesz pobrać kod HTML i wstawić go na stronę.

W tym celu należy poszukać modułu „kod” i umieścić go w odpowiedniej kolumnie lub sekcji. Po umieszczeniu będziesz musiał wstawić skopiowany kod, zanim zaczniesz czytać ten artykuł. W takim przypadku będziesz musiał wkleić kod wygenerowany przez Mailrelay, aby osadzić go na swoim landingu.

Po dodaniu formularza wynik będzie wyglądał mniej więcej tak. Należy pamiętać, że struktura i projekt będą się różnić w zależności od zainstalowanych modułów i elementów.

W tym miejscu chciałbym zaznaczyć, że formularz będzie wyświetlany z wyglądem i stylami zaznaczonymi w Twoim szablonie lub motywie. Aby wprowadzić zmiany lub modyfikacje stylu, musisz edytować kod HTML lub użyć określonych wtyczek, aby dostosować formularz zgody.

Opcja 2: Korzystanie z Divi

Divi to jeden z najczęściej używanych szablonów do tworzenia witryn w WordPress. Ten szablon jest tak popularny, ponieważ oferuje potężny kreator wizualny, który pozwala tworzyć atrakcyjne i kolorowe strony za pomocą zaledwie kilku kliknięć.

Divi jest obecnie narzędziem Premium (płatnym) i jest dostępny jako szablon oraz jako wizualny kreator WordPress. Jeśli Twoja witryna została utworzona za pomocą tego szablonu lub masz zainstalowaną wtyczkę Divi Builder, czytaj dalej, ponieważ pokażemy Ci krok po kroku, jak dodać formularz subskrypcji na stronie docelowej za pomocą Divi. Zaczynajmy?

Kroki są bardzo podobne do tych, które widzieliśmy w poprzednim przewodniku, więc proces, który będziemy postępować, będzie dość podobny do tego, co widzieliśmy w Elementorze.

Najpierw przejdźmy do sekcji Strony i kliknij „dodaj nowy”.

Po wejściu na nową stronę rozpoczniemy edycję głównych ustawień. Jeśli, tak jak w poprzednim przypadku, chcesz usunąć górny pasek swojego landinga, poszukaj opcji „szablon” w prawej kolumnie i kliknij „pusta strona”.

Dzięki temu powiemy WordPressowi, że nie chcemy wyświetlać żadnych górnych pasków w tej konkretnej sekcji witryny. Ciekawe, prawda?

Po nazwaniu strony i wybraniu ustawień szablonu nie zapomnij zapisać zmian.

Następnie zaczniemy budować nasz landing page z Divi. Aby to zrobić, kliknij „Divi builder”, a wtyczka wyświetli ekran z kreatorem landing page. Divi domyślnie daje nam kilka opcji do wyboru: Możemy użyć domyślnego szablonu i dostosować go lub stworzyć od podstaw. Możesz wybrać jedną z dwóch opcji.

Po skonfigurowaniu strony docelowej nadszedł czas, aby wstawić formularz subskrypcji Mailrelay. W takim przypadku będziemy musieli poszukać modułu „Kod” na prawym pasku Divi i wstawić go w żądanej kolumnie lub sekcji. Po wykonaniu tej czynności wtyczka otworzy okno z polem, w którym możemy osadzić kod HTML wygenerowany przez Mailrelay. Jeśli nie utworzyłeś formularza HTML, wygeneruj go teraz.

Po dodaniu kodu będziesz mógł zobaczyć, jak będzie on wyglądał jak na Twoim landingu.

Podobnie jak w poprzednim przypadku, formularz zostanie wyświetlony ze stylami zdefiniowanymi w Twoim szablonie lub motywie. Aby wprowadzić zmiany, będziesz musiał ręcznie edytować kod HTML lub użyć zewnętrznej wtyczki.

· Jak dodać formularz subskrypcji do swojego landing page'a bez korzystania z WordPressa

Chociaż WordPress jest jednym z najczęściej używanych CMS do tworzenia stron internetowych, możesz chcieć stworzyć swój landing page bez korzystania z tej platformy. Jeśli jednak nie pracujesz z WP, zaproponujemy Ci kilka narzędzi, których możesz użyć do szybkiego stworzenia własnego landing page.

W tym momencie należy zauważyć, że większość z tych narzędzi nie jest bezpłatna, ale zwykle oferują dwa tygodnie lub więcej testów, dzięki czemu możesz zacząć korzystać z usługi i sprawdzić, czy tego właśnie szukasz. Po przetestowaniu narzędzia możesz zdecydować, czy chcesz za nie zapłacić.

W tym artykule skupimy się na wyjaśnieniu, jak używać Instapress do tworzenia stron docelowych. To narzędzie zostało stworzone z myślą o użytkownikach, którzy nie chcą ręcznie projektować strony, dzięki czemu możesz edytować dostępne szablony lub stworzyć własny układ.

Pierwszą rzeczą, którą musisz zrobić, to zarejestrować się na platformie, aby zacząć korzystać z darmowego demo. Aby to zrobić, przejdź do strony Instapage i utwórz konto.

Po wejściu na platformę, w sekcji pulpitu kliknij „Utwórz nową stronę”, aby rozpocząć tworzenie swojego landing page.

Tutaj będziesz mieć kilka opcji. W tym samouczku wybierzemy pierwszą: „Strona standardowa”.

Po wybraniu tej opcji zostaniesz przeniesiony do innego ekranu, na którym możesz wybierać spośród kilku szablonów. Jeśli chcesz stworzyć swoją stronę od podstaw, możesz wybrać opcję „pusta strona” lub jeden z predefiniowanych szablonów.

W tym przypadku ważne jest, aby wyjaśnić, że pola subskrypcji dostępne w szablonach nie mogą być używane, ponieważ będziemy musieli pracować z kodem HTML wygenerowanym przez Mailrelay.

Po wybraniu opcji, z której chcesz skorzystać, dodaj nazwę do strony i rozpocznij edycję landing page, zostawiając miejsce na formularz zgody.

Po edycji układu będziesz musiał wstawić formularz. Jeśli sprawdzisz u góry, zobaczysz kilka opcji. Aby dodać formularz, kliknij „HTML”.

Wtyczka wyświetli pole, które możesz umieścić w dowolnym miejscu. Zauważ, że to pole odpowiada formularzowi, więc powinieneś umieścić je tam, gdzie chcesz pokazać formularz. Aby wprowadzić kod HTML, kliknij pole i wybierz przycisk „Edytuj” .

Pole będzie puste i możesz wpisać kod. Wklej formularz HTML Mailrelay i kliknij „Gotowe”. Jeśli poprawnie wykonałeś wszystkie kroki, zobaczysz, jak będzie wyświetlany Twój formularz.

Podobnie jak w poprzednich przypadkach, należy pamiętać, że formularz nie zawiera stylów osadzonych w kodzie HTML. Jeśli więc chcesz go dostosować, musisz ręcznie edytować kod. Jeśli nie znasz HTML, zalecamy użycie domyślnego formularza generowanego przez Mailrelay.

Na koniec musisz kliknąć przycisk „Zapisz” w prawym górnym rogu ekranu.

Po zapisaniu zmian będziesz musiał opublikować stronę. W tym celu kliknij stronę, którą chcesz opublikować, a w kolejnym oknie odszukaj przycisk „Opublikuj” i kliknij go.

Aby na stałe opublikować stronę docelową, musisz ustawić adres URL strony. Dlatego po kliknięciu w Opublikuj system wyświetli wyskakujące okienko z opcjami jego konfiguracji. Kliknij przycisk „Ustaw URL” i spośród różnych dostępnych opcji wybierz najlepszą opcję dla swojej strategii marketingu cyfrowego.

Jeśli pracujesz z WordPress, możesz wybrać tę opcję i postępować zgodnie z instrukcjami na ekranie, aby opublikować stronę. Jeśli nie korzystasz z WordPressa, kliknij pierwszą opcję „Domena niestandardowa” i postępuj zgodnie z instrukcjami dotyczącymi konfiguracji domeny.

Obok każdej opcji znajdziesz link „Dowiedz się więcej”. Jeśli potrzebujesz znaleźć więcej informacji o krokach, które powinieneś wykonać, kliknij ten link. Zostaniesz przekierowany do sekcji informacyjnej zawierającej wszystko, co musisz wiedzieć, aby wprowadzić niezbędne zmiany i trwale opublikować swoją stronę.

· Wniosek

Jeśli prowadzisz biznes online, z pewnością będziesz musiał stworzyć strony docelowe w ramach swojej strategii sprzedażowej. Jak wyjaśniliśmy na początku postu, te strony są niezwykle przydatne do przechwytywania potencjalnych klientów.

W rzeczywistości jest to szeroko stosowane narzędzie do zbierania danych i tworzenia list mailingowych. Strategie uzyskiwania tych informacji mogą się bardzo różnić, chociaż większość webmasterów woli oferować „prezent” lub „przynętę” w zamian za dane. Jaki prezent mogę zaoferować? Możesz stworzyć samouczek, mini-kurs, przewodnik. Będzie to zależało od Twojej strategii sprzedaży.

Aby pomóc Ci w tym zadaniu, w tym artykule chcieliśmy pokazać różne opcje tworzenia strony docelowej i kroki, które musisz wykonać, aby zintegrować formularz subskrypcji Mailrelay ze stroną. Z tej okazji skupiliśmy się na 3 różnych opcjach. Możesz jednak utworzyć stronę docelową za pomocą dowolnego innego narzędzia, które oferuje opcje osadzania zewnętrznego kodu HTML.

Czy kiedykolwiek używałeś strony docelowej do pozyskiwania klientów? Czy uważasz to za przydatne?