W artykule:
Chcesz dodać wysuwany formularz kontaktowy w WordPress? Jeśli Twoja firma zależy od uzyskania nowych klientów z formularza kontaktowego witryny, to jeden z najlepszych sposobów, aby rozwijać swoje źródło ołowiu jest, aby Formularz kontaktowy bardziej zauważalne. W tym artykule pokażemy, jak dodać wysuwany formularz kontaktowy w WordPress bez denerwowania użytkowników.
Po co dodawać wysuwany formularz kontaktowy w WordPress?
Wielu właścicieli małych firm uruchamia swoją stronę internetową, mając nadzieję, że pomoże im to rozwinąć swój biznes.
Dlatego dodajesz stronę formularza kontaktowego, aby użytkownicy mogli się z Tobą skontaktować.
Problem polega jednak na tym, że większość użytkowników, którzy mogą mieć pytania, opuści Twoją witrynę bez skontaktowania się z tobą.
Dlatego możesz zauważyć, że wiele popularnych witryn internetowych dodaje wyskakujące okienka formularza kontaktowego, przesuwa się w formularzach kontaktowych lub wywołuje przyciski akcji, które otwierają formularze kontaktowe.
Te animowane i interaktywne opcje zwracają uwagę użytkownika na Formularz kontaktowy i pozwalają mu szybko wypełnić formularz bez odwiedzania innej strony. Te formularze znacznie zwiększają konwersje, dlatego widzisz je wszędzie.
Przyjrzyjmy się, jak stworzyć wysuwany formularz kontaktowy w WordPress.
Dodawanie wysuwanego formularza kontaktowego w WordPress
W tym samouczku będziesz potrzebował WPForms. Jest to najlepsza wtyczka do formularzy kontaktowych WordPress na rynku.
Możesz użyć darmowej wersji wtyczki formularza kontaktowego WPForms, jeśli nie potrzebujesz wszystkich funkcji premium.
Będziesz również potrzebował OptinMonster. Jest to najpotężniejsze oprogramowanie do optymalizacji konwersji. Pomaga konwertować porzucających odwiedzających witrynę na klientów. Będziesz potrzebował planu pro, który daje dostęp do funkcji canvas, której będziemy używać w tym samouczku.
Punkt 1. Tworzenie formularza kontaktowego w WordPress
Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić WPForms ” Dodaj Nowy strona do utworzenia formularza kontaktowego. Spowoduje to uruchomienie interfejsu wpforms builder.
Wprowadź nazwę formularza kontaktowego, a następnie wybierz szablon „Wybierz formularz kontaktowy”.
WPForms załaduje prosty formularz kontaktowy. W prawym okienku zobaczysz podgląd formularza. Możesz kliknąć dowolne pole, aby je edytować lub dodać nowe pola z lewej kolumny.
Po zakończeniu edycji formularza kliknij przycisk Zapisz, aby zapisać zmiany.
Następnie musisz kliknąć przycisk Osadź na górze, aby uzyskać kod do osadzania formularza.
Spowoduje to wyświetlenie okienka z krótkim kodem formularza. Śmiało i skopiuj ten shortcode, ponieważ będziesz go potrzebować w następnym kroku.
Krok 2. Tworzenie Slide Out Optin w OptinMonster
Teraz stworzymy kampanię slide out, która wyświetli formularz kontaktowy utworzony przez Ciebie w pierwszym kroku.
Najpierw musisz zainstalować i aktywować wtyczkę OptinMonster. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Ta wtyczka działa jako łącznik między Twoją witryną a kontem OptinMonster.
Po aktywacji kliknij Menu OptinMonster na pasku administracyjnym WordPress i wprowadź klucz API. Możesz uzyskać te informacje ze swojego konta na stronie OptinMonster.
Po wprowadzeniu klucza licencyjnego kliknij przycisk „Utwórz nową opcję” w prawym górnym rogu ekranu.
To przeniesie Cię na stronę OptinMonster.
OptinMonster oferuje różne rodzaje dynamicznych kampanii. W tym samouczku użyjemy kampanii „Slide in”. Śmiało i kliknij, aby wybrać „Slide in” jako typ kampanii.
Następnie musisz wybrać szablon. OptinMonster oferuje kilka gotowych szablonów, ale musimy wybrać 'Canvas’ dla tego samouczka.
Po wybraniu szablonu zostaniesz poproszony o podanie nazwy kampanii. Pomoże Ci to łatwo zlokalizować kampanię na pulpicie OptinMonster.
Teraz OptinMonster załaduje swój interfejs kreatora kampanii.
Po prawej stronie zobaczysz podgląd kampanii na żywo. Ponieważ używamy szablonu canvas, w tej chwili będzie on całkowicie pusty.
Po lewej stronie zauważysz różne karty. W sekcji „Ogólne Ustawienia Optin” musisz wprowadzić adres URL swojej witryny poniżej opcji „strona kampanii Optin”.
Następnie należy przejść do zakładki „Optin”. Tutaj możesz wybrać kolory, wysokość i szerokość dla swojego Optina.
Śmiało, wybierz kolory, które Ci się podobają i Dostosuj szerokość i wysokość, aby mógł ładnie pokazać cały formularz.
Następnie musisz przewinąć w dół do sekcji „Canvas custom HTML” i wprowadzić skrócony Kod WPForms, który wcześniej skopiowałeś.
Wpisanie krótkiego kodu nie spowoduje natychmiastowego wyświetlenia formularza w kampanii slide – in. To dlatego, że shortcode działa tylko na Twojej własnej witrynie WordPress.
Możesz teraz kliknąć przycisk „Zapisz” na górze, aby zapisać swoje ustawienia, a następnie kliknąć przycisk „Opublikuj”.
Na następnym ekranie musisz zmienić status optin na opublikowany. Dzięki temu optin będzie dostępny w Twojej witrynie WordPress.
Punkt 3. Wyświetlanie wysuwanego formularza kontaktowego w WordPress
Teraz, gdy utworzyłeś zarówno formularz kontaktowy, jak i kampanię slide out, jesteś gotowy do wyświetlenia go na swojej stronie internetowej.
Śmiało, odwiedź OptinMonster strona w obszarze administracyjnym WordPress. Zobaczysz tam swoją niedawno utworzoną kampanię slide out.
Musisz kliknąć link „Edytuj ustawienia wyjściowe”, aby zdecydować, jak chcesz wyświetlać swoją witrynę.
Na następnym ekranie upewnij się, że zaznaczyłeś pole ” Włącz optin na miejscu? opcja. OptinMonster pozwala wybrać, kto może zobaczyć optin. Możesz również wybrać określony obszar witryny, aby wyświetlić optin.
Nie zapomnij kliknąć przycisku Zapisz Ustawienia, aby zapisać zmiany.
Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć wysuwany formularz kontaktowy w akcji. Upewnij się, że używasz trybu icognito w przeglądarce lub wyloguj się z WordPress, abyś mógł dokładnie zobaczyć, co zobaczą Twoi użytkownicy.
Domyślnie kampania slide out pojawi się 5 sekund po całkowitym załadowaniu strony. Jednak OptinMonster pozwala również to zmienić.
Możesz tworzyć niezliczone reguły wyświetlania kampanii, gdy tylko spełnią się określone warunki.
Na przykład można wyświetlić formularz wysuwany, gdy użytkownik przewija 50% strony, gdy ma zamiar opuścić stronę i wiele innych.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać wysuwany formularz kontaktowy w WordPress. Możesz również zobaczyć naszą listę przydatnych wskazówek, aby przyciągnąć ruch do swojej witryny WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
