Jak dodać formularz wyskakujący do WordPress

Opublikowany: 2022-05-28

Czy chcesz dodać wyskakujący formularz do WordPressa? Trafiłeś we właściwe miejsce. Dzisiaj w tym artykule pokażemy, jak dodać formularz wyskakujący do dowolnej strony witryny WordPress.

Ale zanim zagłębimy się w to, lepiej zrozummy, czym jest formularz wyskakujący i dlaczego możesz chcieć dodać formularz wyskakujący do swojej witryny WordPress. Zacznijmy w skrócie od podstawowej idei formularzy wyskakujących.

Co to są formularze wyskakujące?

dodaj formularz wyskakujący do wordpress

Wyskakujące okienko to okno, które pojawia się u góry treści w przeglądarce internetowej. To okno jest mniejsze niż cały ekran, co sprawia, że ​​reszta innych treści jest ciemniejsza, aby przyciągnąć uwagę widza. Takie wyskakujące okienka są wykorzystywane do kilku celów, takich jak reklama produktu , który zachęca ludzi do wykonania określonej akcji.

Istnieją dwa rodzaje wyskakujących okienek, których można używać w zależności od celów. Jednym z nich są wyskakujące okienka wejścia, a drugim wyskakujące okienka wyjścia. Wyskakujące okienko wpisu pojawia się w momencie, gdy użytkownik otwiera stronę internetową. Aby uniknąć współczynnika odrzuceń i porzuceń, zaleca się wyświetlanie wyskakującego okienka nie dłużej niż 15 sekund i nie pojawianie się ponownie po jego zamknięciu.

Z drugiej strony wyskakujące okienka wyjścia pojawiają się, gdy użytkownik zamierza opuścić stronę. To ostatnia możliwość przyciągnięcia uwagi użytkowników i przekształcenia ich w lead.

Po co dodawać wyskakujący formularz do WordPressa?

Wyskakujące formularze to świetny sposób na przyciągnięcie uwagi użytkownika. Ma na celu skierowanie użytkowników do działania powodującego konwersję, niezależnie od tego, czy jest to otrzymanie wiadomości e-mail w celu pobrania dodatkowej treści, czy pokazanie im uzupełniającego produktu lub usługi.

Ostatecznym celem tych wyskakujących formularzy jest uzyskanie maksymalnego zwrotu z wizyty na stronie internetowej i zmniejszenie współczynnika odrzuceń. Dobrze używane wyskakujące okienko, które nie jest irytujące ani zbyt nachalne dla użytkownika, może być bardzo przydatną strategią. Ta strategia pomoże przekształcić odwiedzającego w leada, a później zamienić sprzedaż w konwersję.

Zwłaszcza jeśli oferujesz zniżkę na produkt lub usługę, szanse na przekształcenie zwykłej wizyty w wysokiej jakości lead są bardzo wysokie w przypadku wyskakującego formularza. Pamiętaj też, że chociaż formularze wyskakujące mają wiele zalet, należy ich używać oszczędnie, we właściwym czasie i oferować treści o wysokiej jakości.

Dlatego dodanie wyskakującego formularza do WordPressa to świetny sposób na zapewnienie jasnego przekazu wizualnego i przyciągnięcie uwagi użytkownika.

Jak dodać formularz wyskakujący do WordPressa?

W zależności od używanego motywu możesz nie mieć możliwości utworzenia wyskakującego formularza dla swojej witryny WordPress. W takim przypadku możesz użyć do tego dedykowanej wtyczki.

Wtyczki pomagają dodać dodatkową funkcjonalność do Twojej witryny i to samo dotyczy dodawania, dostosowywania i zarządzania wyskakującymi formularzami w witrynie WordPress.

Aby dodać formularze wyskakujące do WordPress, potrzebujesz wtyczki do tworzenia formularzy i wtyczki do wyskakujących okienek . W tej demonstracji użyjemy wtyczki do tworzenia formularzy WPForms i Popup Maker , która jest jedną z najlepszych wtyczek wyskakujących dla WordPress. Obie te wtyczki mają bezpłatną wersję, która zawiera wiele opcji dostosowywania, aby dodać i dostosować formularze wyskakujące.

Najpierw zobaczymy, jak stworzyć formularz, a później dodać go jako wyskakujące okienko.

Krok 1. Zainstaluj i aktywuj wtyczkę WPForms

Aby zainstalować wtyczkę, przejdź do Wtyczki> Dodaj nowy z pulpitu WordPress i wyszukaj słowa kluczowe „ WP Forms ”. Następnie kliknij „ Zainstaluj teraz”. Rozpocznie się proces instalacji, który zajmie tylko kilka sekund.

Następnie aktywuj wtyczkę, a po aktywacji wtyczki można uzyskać do niej dostęp za pośrednictwem „ WPForms ” z menu paska bocznego pulpitu WordPress.

Krok 2: Utwórz formularz wyskakujący

Teraz, aby utworzyć nowy formularz wyskakujący, przejdź do WPForms> Dodaj nowy. Zobaczysz stronę, na której możesz dodać nowe formularze, kliknij pomarańczowy przycisk „ Dodaj nowy” . Tutaj zostaniesz przekierowany do obszaru kreatora formularzy, w którym możesz wybrać szablon lub utworzyć formularz od podstaw.

dodaj-wyskakujący-formularz-do-wordpress

Ponieważ używamy darmowej wersji wtyczki, zademonstrujemy ją za pomocą pustego formularza.

dodaj-wyskakujący-formularz-do-wordpress

Gdy tylko klikniesz pusty formularz, następnym krokiem jest edycja formularza. Możesz po prostu przeciągnąć i upuścić pola wymagane w formularzu.

dodaj-wyskakujący-formularz-do-wordpress

Kolejnym krokiem jest zarządzanie ustawieniami formularza. Możesz dodać opis, zmienić nazwę formularza, edytować tekst przycisku oraz włączyć i wyłączyć ochronę antyspamową . Jeśli chcesz używać kodowania i stylizować formularz za pomocą kodów, możesz to zrobić w ustawieniach zaawansowanych.

Po utworzeniu formularza możesz wyświetlić jego podgląd, aby zobaczyć, jak wygląda na stronie internetowej i zapisać zmiany, gdy będziesz zadowolony z wyniku.

Krok 3: Zainstaluj i aktywuj Kreator wyskakujących okienek

Podobnie jak w przypadku WPForms i innych wtyczek, przejdź do Wtyczki> Dodaj nowy z pulpitu WordPress i wyszukaj słowa kluczowe „ Kreator wyskakujących okienek”. Kliknij odpowiednio przycisk Zainstaluj teraz i przycisk Aktywuj.

dodaj formularz wyskakujący do wordpress

Jeśli jednak chcesz korzystać z wersji premium wtyczki, musisz ją ręcznie przesłać i zainstalować. Aby uzyskać więcej informacji na ten temat, zapoznaj się z naszym samouczkiem dotyczącym ręcznej instalacji wtyczki WordPress.

Po instalacji i aktywacji możesz zarządzać wyskakującym okienkiem za pomocą „ Popup Maker ” z menu paska bocznego pulpitu WordPress.

Krok 4: Utwórz nowe wyskakujące okienko

Jak tylko aktywujesz wtyczkę, otrzymasz wyskakujące okienko, z którego możesz utworzyć nowe wyskakujące okienko, klikając przycisk. Możesz też przejść do Kreatora wyskakujących okienek>Utwórz wyskakujące okienko .

dodaj formularz wyskakujący do wordpress

Stamtąd możesz zaprojektować swoje wyskakujące okienko. Zobaczysz, że każde wyskakujące okienko zawiera tytuł widoczny dla odwiedzających wraz z tytułem wewnętrznym. Nie tylko to, ale możesz także dołączyć niestandardowe treści, takie jak tekst, obrazy, filmy i linki, które zwykle możesz umieszczać w artykułach WordPress.

Możesz dodać wyskakujący formularz, klikając przycisk „ Dodaj formularz” .

Pojawi się nowa strona, z której możesz wybrać formularz, który utworzyłeś z listy rozwijanej. Po wybraniu formularza kliknij przycisk „ Dodaj formularz” .

dodaj-wyskakujący-formularz-do-wordpress

W rezultacie do Twojej wyskakującej strony edycji zostanie dodany unikalny kod skrócony.

Jeśli przewiniesz dalej w dół na stronie edycji wyskakujących okienek, możesz znaleźć ustawienia, które pozwolą Ci wybrać, kiedy i jak mają się pojawiać wyskakujące okienka za pomocą „ Wyzwalaczy” . Darmowa wersja tej wtyczki pozwala wyświetlać wyskakujące okienka tylko po upływie określonego czasu od załadowania strony.

dodaj-wyskakujący-formularz-do-wordpress

Na koniec możesz ustawić rozmiar wyskakującego okienka na stronie tworzenia wyskakujących okienek. Albo ma stały rozmiar, albo ustawia go jako procent okna przeglądarki. Istnieją również inne opcje wyboru efektu animacji podczas zamykania wyskakującego okienka.

Po zakończeniu dodawania treści w wyskakującym formularzu możesz wyświetlić podgląd, aby zobaczyć, jak wygląda. Możesz także wybrać, gdzie wyskakujące okienko powinno pojawić się w Twojej witrynie z panelu edytora wyskakujących okienek.

Krok 5: Dostosuj wyskakujące okienko

Jak widać, wyskakujące okienko wymaga pewnych zmian w wyglądzie lub możesz chcieć dostosować wyskakujący formularz, aby pasował do Twojej witryny. Można to zrobić za pomocą motywów zawartych we wtyczce Popup Maker. Chociaż darmowa wtyczka zawiera tylko ograniczone motywy, możesz wiele zmienić jej projekt. Z drugiej strony wersja premium tej wtyczki ma nieskończoną liczbę opcji, które możesz wygenerować dla swojej witryny WordPress.

Aby zmienić wygląd wyskakującego motywu, przejdź do Popup Maker> Popup Themes i wybierz motyw, który chcesz edytować.

W ustawieniach motywu możesz zmienić kolory tekstu oraz dodać nakładkę i tło wyskakującego okienka. Można również zmienić czcionki i inne estetyczne aspekty wyskakującego okienka.

Chociaż masz dużą kontrolę nad wyglądem wyskakującego okienka, musisz pobrać dodatek Advanced Theme Builder, jeśli chcesz dodać obraz tła.

Po zakończeniu dostosowywania motywu wyskakującego okienka możesz go opublikować, aby pojawił się w swojej witrynie.

Bonus: Jak dostosować formularz rejestracyjny WooCommerce?

Przedstawiliśmy Ci już jeden z najłatwiejszych sposobów dodania wyskakującego formularza do WordPressa. Ale jako bonus udostępnimy również ten przewodnik, aby dostosować formularz rejestracyjny WooCommerce.

Dostosowywanie formularzy rejestracyjnych pomaga zapewnić klientom dobre wrażenia użytkownika.

Chociaż istnieją różne metody dostosowywania formularza rejestracyjnego WooCommerce, użyjemy najłatwiejszego i najszybszego sposobu. Ta metoda nie wymaga żadnych narzędzi innych firm ani żadnej wiedzy programistycznej. Wszystko, co musisz zrobić, to upewnić się, że poprawnie skonfigurowałeś WooCommerce i zaktualizowałeś go do najnowszej wersji. Chcielibyśmy również polecić korzystanie z jednego z kompatybilnych motywów WooCommerce, aby uniknąć konfliktów motywów lub wtyczek.

Ponieważ WooCommerce pozwala nam edytować formularz rejestracyjny bezpośrednio z pulpitu WooCommerce, użyjemy w tym celu metody pulpitu nawigacyjnego.

W tym celu otwórz „ Ustawienia” z pulpitu nawigacyjnego WooCommerce. W ustawieniach znajdziesz kilka zakładek. Wystarczy kliknąć i otworzyć zakładkę „ Konta i prywatność” .

Tutaj, w sekcji Tworzenie konta , możesz włączyć ustawienia automatycznego generowania nazw użytkownika i hasła dla nowych użytkowników, którzy zarejestrują się w Twoim sklepie WooCommerce. Mimo że te opcje są domyślnie włączone, możesz je wyłączyć w dowolnym momencie zgodnie z potrzebami Twojej witryny.

Jak widać, jest to bardzo łatwy i szybki sposób na dostosowanie formularza rejestracji WooCommerce. Jeśli jednak chcesz dostosować różne elementy formularza rejestracyjnego, zalecamy zapoznanie się z tym obszernym szczegółowym przewodnikiem. Możesz znaleźć fragmenty, a także wtyczkę do dostosowania formularza rejestracyjnego.

Wniosek

To prowadzi nas do końca naszego przewodnika na temat dodawania wyskakującego formularza do WordPressa. Popup to jeden z najskuteczniejszych sposobów na przyciągnięcie uwagi użytkownika i zwiększenie konwersji. Ponieważ wyskakujące okienka są najczęściej używane do promowania określonego produktu, usługi, a nawet rabatu, który jest łatwo dostępny, gdy ktoś dotrze do witryny.

Jak omówiono w artykule, najłatwiejszym sposobem dodania wyskakującego formularza do WordPressa jest użycie wtyczki. Dzisiaj użyliśmy do demonstracji programu Popup Maker, który jest prostą w użyciu wtyczką z dobrym zestawem podstawowych funkcji, którą można rozszerzyć, kupując dodatki premium. Jeśli nie jesteś jeszcze gotowy do inwestowania w płatną wtyczkę do tworzenia wyskakujących okienek i wolisz najpierw wypróbować darmową, ta wtyczka jest dla Ciebie idealna.

Możesz użyć dowolnych innych wtyczek dostępnych na rynku, które służą do generowania leadów lub subskrybowania Twojej witryny WordPress.

Jeśli chcesz dowiedzieć się więcej o formularzach WordPress, mamy również listę najlepszych formularzy kontaktowych dla WordPress.

Czy możesz teraz utworzyć wyskakujący formularz dla swojej witryny WordPress? Daj nam znać w komentarzach.

Tymczasem możesz dowiedzieć się więcej o WordPressie, sprawdzając te blogi:

  • Jak stworzyć suwak w WordPressie (tutorial krok po kroku)
  • Najlepsze wtyczki strony WordPress już wkrótce
  • Jak edytować menu pulpitu WordPress?