Jak tworzyć formularze wyskakujące dla swojej witryny (2022 i bezpłatnie)

Opublikowany: 2022-06-27

Szukasz najłatwiejszego i najbardziej konwertującego sposobu tworzenia i dodawania wyskakujących formularzy do swojej witryny? Jesteś we właściwym miejscu.

Wyskakujące formularze rejestracji lub wyskakujące formularze kontaktowe umożliwiają łatwe łączenie się z odwiedzającymi witrynę.

Możesz powiększać grono odbiorców, łączyć się z nimi, zwiększać sprzedaż i gromadzić potencjalnych klientów, a także cenne dane o klientach w kampaniach marketingowych.

Według ankiety 74% respondentów zgłosiło używanie formularzy online jako narzędzia do przechwytywania potencjalnych klientów.

Formularze wyskakujące są dość skuteczne, jeśli chodzi o przyciąganie wzroku pasywnych gości i skłanianie ich do podjęcia pożądanego działania. W rzeczywistości istnieje wiele sposobów wykorzystania wyskakujących formularzy w witrynie. Niektóre z nich to:

  • Zbieranie leadów e-mail
  • Ułatwienie odwiedzającym kontaktu z Tobą za pomocą formularzy kontaktowych
  • Zwiększanie współczynników konwersji
  • Zwiększenie wskaźników rejestracji
  • Zachęcanie klientów do wystawiania opinii

Należy pamiętać, że niektóre zachęty, takie jak bezpłatne e-booki i oferty rabatowe, często bardziej angażują klientów. Skorzystaj z ofert specjalnych, aby zachęcić odwiedzających do wypełnienia formularzy, zwłaszcza jeśli jest to wyskakujący formularz e-mail lub wyskakujący formularz opinii .

W tym samouczku pokażemy, jak tworzyć formularze wyskakujące dla Twojej witryny za pomocą narzędzia do tworzenia wyskakujących okienek Popupsmart.

Tworzenie angażujących formularzy wyskakujących, wyświetlanie ich na określonych stronach, dostosowywanie ustawień targetowania pod kątem targetowania i konwertowania segmentów odwiedzających nigdy nie było tak proste i wydajne.

A najlepsze jest to, że możesz zbudować formularz wyskakujący za darmo i bez kodu .

Zanim zagłębimy się w część samouczka, połóżmy wszystkie karty na stole i zobaczmy, dlaczego używanie wyskakujących formularzy na swojej stronie internetowej jest dobrym pomysłem.

Dlaczego warto korzystać z wyskakujących formularzy w swojej witrynie?

wyskakujący formularz na stronie internetowej

1. Wyskakujące okienka działają

Ludzie mają tendencję do unikania korzystania z wyskakujących okienek ze względu na staromodne, tradycyjne projekty wyskakujących okienek i brak skutecznego kierowania. Wiele z tych osób utkwiło w przekonaniu, że wyskakujące okienka są denerwujące.

Jeśli jesteś jednym z nich, powiem ci coś. Wyskakujące okienka działają .

Współczynnik konwersji wyskakujących okienek wynosi średnio 3,09%. Nie można zaprzeczyć, że po spersonalizowaniu dla odwiedzających Twoją witrynę i Twojej marki POPUPS CONVERT.

Dzięki temu możesz zmienić odwiedzających w klientów, zdobyć nowych leadów e-mailowych i zwiększyć zaangażowanie, wyświetlając nowoczesne formularze wyskakujące w swojej witrynie.

Dlatego wiele dużych i godnych zaufania firm używa wyskakujących okienek na swoich stronach internetowych.

2. Łatwo widoczne dla odwiedzających

wyskakujący formularz rejestracji

Najczęściej odwiedzający wolą wypełnić wyskakujące okienko formularza kontaktowego niż przeglądać całą witrynę w celu znalezienia informacji kontaktowych. To kolejny najlepszy pomysł na czat na żywo.

Interesują Cię bezpłatne narzędzia do czatu na żywo? Najlepsze z nich znajdziesz w naszym poście na blogu porównawczym .

To, co daje kluczową przewagę wyskakującym formularzom kontaktowym nad standardowymi stronami kontaktowymi, to większa widoczność . Jak sama nazwa wskazuje, wyskakujące okienka pojawiają się na stronie internetowej i przyciągają odwiedzających.

W przypadku klienta, w którym użytkownik nie może podjąć ostatecznej decyzji o zakupie, ale nie chce zawracać sobie głowy przeglądaniem Twojej witryny, aby skontaktować się z Tobą w sprawie problemu, wyskakujące okienko formularza kontaktowego wystarczy, aby go przekonwertować.

3. Możesz kierować reklamy na określone adresy URL

W niektórych przypadkach może być lepiej, aby wyświetlić wyskakujące okienko formularza tylko na określonych stronach, a nie na całej witrynie. Lub gdy chcesz kierować reklamy tylko do określonej grupy odbiorców, wyskakujące okienka formularzy skonfigurowane z kierowaniem na adres URL mogą być znacznie bardziej idealne.

Załóżmy na przykład, że masz wyskakujący formularz rejestracji lub wyskakujący formularz e-mail, który oferuje bezpłatny e-book w zamian za wypełnienie pól formularza i chcesz wyświetlać go tylko w powiązanych postach na blogu. Możesz to zrobić bez wysiłku, korzystając z kierowania na adresy URL.

Pokażemy Ci, jak ustawić ustawienia kierowania wyskakującego okienka za pomocą Popupsmart, ale bądź z nami, jeśli chodzi o inną korzyść z wyskakujących okienek.

4. Bardziej atrakcyjny wizualnie

wyskakujący formularz rejestracyjny na stronie internetowej

Kto lubi oglądać tradycyjne formularze z dziesiątkami wymaganych pól na stronach internetowych? Nikt? Ani jeden? My też ich nie lubimy.

W rzeczywistości, według SaleCycle, 77% kupujących online opuszcza formularze kasowe.

Tak więc nawet pola formularza kasy mogą wydawać się zbyt irytujące i marnujące czas dla odwiedzających, jeśli nie są zoptymalizowane. Wyobraź sobie, jak czuliby się w przypadku innych formularzy w Twojej witrynie.

Zamiast tracić wszystkie potencjalne dane i szanse sprzedaży, możesz przetestować za pomocą wyskakujących formularzy na swojej stronie internetowej, w tym;

  • Posty na blogu
  • Strony docelowe
  • Strony główne
  • Lub dowolna strona internetowa w Twojej witrynie

Formularze wyskakujące są bardziej atrakcyjne wizualnie dla użytkowników. Optymalne projekty wyskakujących okienek mają już ograniczoną powierzchnię na pola. Mniejsza liczba pól formularza sprawia, że ​​są one łatwiejsze do wypełnienia i mniej onieśmielające niż standardowe formularze.

Dodatkowo, dzięki zaawansowanym ustawieniom kierowania Popupsmart, możesz wyświetlić formularz wyskakujący odpowiednim odwiedzającym we właściwym czasie.

Inteligentne kierowanie zapewnia, że ​​widzą je tylko użytkownicy, którzy mają największe prawdopodobieństwo interakcji z wyskakującym okienkiem.

Dlaczego warto używać Popupsmart do tworzenia wyskakujących formularzy dla swojej witryny?

Popupsmart to niezwykle przyjazne dla użytkownika oprogramowanie do tworzenia wyskakujących okienek bez kodu. Pozwala tworzyć pięknie zaprojektowane kampanie wyskakujące i kierować odwiedzających witrynę jak profesjonalista.

Został zaprojektowany, aby pomóc w konwersji większej liczby potencjalnych klientów i zwiększyć sprzedaż poprzez umożliwienie właścicielom firm tworzenia wyskakujących kampanii spersonalizowanych dla każdej witryny i skierowanych do określonych odbiorców.

Kampanie wyskakujące to wiadomości, które pojawiają się w witrynie, gdy odwiedzający ją przeglądają. Występują w różnych formach, w tym pływającym pasku, wyskakującym pasku bocznym, wyskakującym okienku pełnoekranowym i wyskakującym okienku lightbox.

Popupsmart działa z jednowierszowym kodem JavaScript w Twojej witrynie. Jeśli więc chcesz utworzyć formularz wyskakujący JavaScript , wypróbuj Popupsmart za darmo już dziś. Następnie możesz stworzyć swoje pierwsze wyskakujące okienko!

Jak utworzyć formularz wyskakujący i dodać go do swojej witryny?

Korzystając z Popupsmart, możesz;

  • Zbuduj niestandardowe wyskakujące okienko JavaScript,
  • Wyskakujący formularz MailChimp / Wyskakujący formularz rejestracji MailChimp
  • Wyskakujący formularz Squarespace
  • Wyskakujący formularz WordPress
  • Formularz wyskakujący Hubspot
  • Wyskakujący formularz Angularjs
  • Formularze wyskakujące dla dowolnej strony internetowej obsługującej JavaScript

Odkryj inne integracje usług CRM i e-mail marketingu oraz jak zintegrować z nimi Popupsmart.

Dzisiaj utworzymy wyskakujący formularz kontaktowy , który zobaczysz poniżej, na potrzeby tego samouczka.

Po zapoznaniu się z prostym sposobem tworzenia wyskakującego formularza dla swojej witryny możesz wypróbować wszystkie opcje dostosowywania, aby utworzyć najlepiej dopasowany wyskakujący formularz JavaScript dostosowany do Twojej witryny .

wyskakujący formularz kontaktowy

Oto samouczek krok po kroku , jak dokładnie to zrobić:

1. Zarejestruj się lub zaloguj do Popupsmart

Strona rejestracji Popupsmart

Po pierwsze, rozpocznij proces tworzenia formularzy wyskakujących, rejestrując się w Popupsmart za darmo.

Jeśli masz już konto, przejdź do następnego kroku.

2. Przejdź do panelu Popupsmart

Popupinteligentny pulpit nawigacyjny

Po zarejestrowaniu się w Popupsmart przejdź dalej i zaloguj się do pulpitu nawigacyjnego Popupsmart.

Jeśli jesteś nowy, kliknij „Konto” w prawym górnym rogu i wybierz „Witryny” z menu rozwijanego, aby dodać domenę, dla której chcesz używać Popupsmart.

dodaj nowe pole stron internetowych w kreatorze wyskakujących okienek

Dodaj swoją domenę i zapisz ją. W ramach planu podstawowego możesz dodać wiele domen.

Postępuj zgodnie z instrukcjami, aby skonfigurować Popupsmart na swojej stronie w 5 minut.

3. Utwórz nowe wyskakujące okienko

Pulpit kreatora popupów Popusmart

Kliknij przycisk „Utwórz nowe wyskakujące okienko” w prawym górnym rogu.

4. Wybierz cel biznesowy i nazwij swoją kampanię

wyskakujące cele biznesowe

Po kliknięciu przycisku „Utwórz nowe wyskakujące okienko” należy wybrać cel biznesowy. Możesz również zmienić swój wybór w kreatorze wyskakujących okienek.

wyskakujące pola nazwy kampanii

Nadaj swojej kampanii nazwę i wybierz domenę, w której chcesz wyświetlać wyskakujące okienko.

5. Wybierz szablon wyskakującego formularza

popupsmart szablony wyskakujących okienek

Wybierz szablon wyskakującego okienka w pierwszym kroku kreatora wyskakujących okienek.

Istnieje wiele w pełni konfigurowalnych szablonów wyskakujących okienek, których możesz użyć.

rozwijane menu celów biznesowych

Upewnij się, że wybrałeś szablon, który jest optymalny do dodawania pól formularza.

Sprawdź wszystkie szablony wyskakujących okienek, zmieniając cel z menu rozwijanego.

6. Dostosuj swój wyskakujący formularz

projekt formularza wyskakującego

Szablony popup Popupsmart są nie tylko eleganckie, ale także w pełni konfigurowalne. Spersonalizuj wygląd wyskakującego formularza według własnych upodobań, np. kolor, kolor przycisku, teksty, promień obramowania i nie tylko, korzystając z opcji „ Edytuj wygląd ogólny ”.

  • Zobacz dokumentację: Jak dostosować moje wyskakujące okienko, aby uzyskać więcej wskazówek dotyczących dostosowywania.

wyskakujący nagłówek

Zmień nagłówek wyskakującego okienka i tekst przycisku wezwania do działania. Postaraj się napisać je jasno i na temat.

opcje pól formularza wyskakującego

Teraz ten krok jest sednem tworzenia wyskakującego okienka formularza. Musisz dodać pola formularza do wyskakującego okienka. Kliknij „Dodaj nowe pole formularza”, aby wybrać typ pola formularza, który chcesz dodać, na przykład;

  • Wejście telefoniczne
  • Wejście e-mail
  • Wprowadzanie krótkich i długich tekstów
  • Wejście Dropbox
  • Przyciski radiowe i pole wyboru

Dostępne są również gotowe szablony wyskakujących formularzy.

dostosowywanie wyskakującego formularza

  • W razie potrzeby zmień nazwę wejściową i symbole zastępcze.
  • Zaznacz „Wymagaj”, aby określone pola były wymagane.
  • Niektóre pola, takie jak dane wejściowe telefonu, mogą wymagać weryfikacji. Zaznacz przycisk „Potwierdzenie”, aby weryfikacja informacji (tj. czy wpisany numer telefonu jest poprawny, czy nie) była konieczna.

walidacja pól formularza

Możesz wyświetlić tekst polityki prywatności i pole wyboru, aby klienci mogli potwierdzić i zaakceptować politykę prywatności Twojej firmy.

formularz kontaktowy opcja polityki prywatności wyskakującego okienka

Aby to zrobić, po prostu włącz przełącznik „Pokaż” lub ukryj go, jak chcesz. Zapisz tekst polityki prywatności i w razie potrzeby zaznacz pole wyboru.

7. Ustaw kierowanie na wyskakujące okienko formularza

ustawienia wyświetlania wyskakujących okienek

Przejdź do kroku Cel w kreatorze, aby skonfigurować ustawienia wyświetlania, harmonogram kampanii, atrybucje kierowania, urządzenie odwiedzającego i częstotliwość wyświetlania.

Więcej informacji na temat kierowania na odbiorców znajdziesz w powiązanej dokumentacji.

8. Zintegruj z usługą automatyzacji poczty e-mail (opcjonalnie)

integracja usług automatyzacji poczty e-mail z Popupsmart

E-mail marketing to modne hasło w cyfrowym świecie biznesu.

Zwłaszcza jeśli planujesz zbierać e-maile z wyskakującym okienkiem subskrypcji, ten krok jest niezbędny dla Twoich działań e-mail marketingowych.

Kliknij integracje i dodaj dostawcę usług e-mail marketingu.

Dodaj powiadomienie e-mail o potencjalnym kliencie , aby otrzymywać powiadomienia o gromadzeniu potencjalnych klientów.

9. Otwórz wyskakujące okienko po kliknięciu przycisku (opcjonalnie)

ustawienia wyskakujących okienek po kliknięciu

Popupsmart umożliwia utworzenie przycisku, który otwiera wyskakujące okienko po kliknięciu przez klienta. Wyskakujące okienka po kliknięciu przycisku są idealne do minimalizowania elementów rozpraszających uwagę na stronie internetowej.

Możesz dodać przycisk do strony internetowej z kopią monitującą, aby klienci zainteresowani wypełnieniem formularza mogli kliknąć, aby otworzyć formularz popup.

Na przykład przycisk wyskakujący po kliknięciu na stronie z postem na blogu, który oferuje bezpłatny e-book, może zachęcić klientów wezwaniem do działania „Pobierz bezpłatny e-book”.

10. Zapisz i opublikuj formularz wyskakujący

przycisk publikowania kreatora wyskakujących okienek

To wszystko, doszedłeś do ostatniego kroku! Po ukończeniu wyskakującego okienka możesz je zapisać, aby opublikować później lub zapisać i opublikować od razu.

Możesz śledzić skuteczność wyskakującego okienka na podstawie analizy i sprawdzać, ile konwersji generuje lub zintegrować z Google Analytics.

Nie zapomnij przetestować różnych odmian wyskakujących formularzy, aby znaleźć ten, który przynosi najwięcej konwersji.

Daj nam znać, jeśli ten przewodnik okaże się pomocny w komentarzach.

Następne na Twojej liście lektur: Najlepsze narzędzia do wdrażania użytkowników dla firm SaaS