HubSpot Baza wiedzy

Tworzenie wyskakujących formularzy

Autor: HubSpot Support | Oct 18, 2021 5:03:02 PM

Narzędzie do wyskakujących formularzy pozwala tworzyć angażujące formularze pozyskiwania potencjalnych klientów. Wyskakujących formularzy można używać z dowolnym wpisem na blogu, stroną docelową lub stroną internetową hostowaną w HubSpot.

Jeśli chcesz uruchomić wyskakujące okienko za pomocą przycisku lub bardziej dostosować wyskakujące okienko, zalecamy zamiast tego utworzenie wezwania do działania z formularzem .

Uwaga: 17 lipca narzędzie wyskakujących formularzy zostało wyłączone. Wszyscy użytkownicy wersji Starter, Professional i Enterprise nie mogą już tworzyć ani klonować wyskakujących formularzy. Użytkownicy nadal mogą edytować, usuwać i cofać publikację istniejących formularzy pop-up. Zamiast tego zaleca się korzystanie z nowego narzędzia CTA do tworzenia lepkich banerów, wyskakujących okienek lub wsuwanych wezwań do działania.

Tworzenie wyskakującego formularza

Aby dodać wyskakujące formularze do zewnętrznej strony, musisz zainstalować kod śledzenia HubSpot na swojej zewnętrznej stronie lub zainstalować wtyczkę HubSpot WordPress na swojej stronie WordPress.

Aby utworzyć nowy wyskakujący formularz:

  • Na koncie HubSpot przejdź do sekcji Formularze:
    • W przypadku kont Professional i Enterprise przejdź do Marketing > Lead Capture > Forms.
    • W przypadku kont Starter i Free przejdź do Marketing > Formularze.
  • W prawym górnym rogu kliknij przycisk Utwórz formularz.
  • Aby powiązać formularz z jednostką biznesową ( tylkododatek Jednostki biznesowe ):
    • Kliknij menu rozwijane Wybierz jednostkę biznesową.
    • Wybierz jednostkę biznes ową, z którą chcesz powiązać formularz.
  • Wybierz typ formularza. Aby utworzyć formularz wyskakujący, wybierz jeden z następujących typów formularzy:
    • Wyskakujące okienko
    • Baner rozwijany
    • Przesuń w lewym polu
    • Przesuń w prawym polu
  • W prawym górnym rogu kliknij przycisk Dalej.
  • W górnej części edytora formularzy kliknij ikonę ołówka edit, aby edytować nazwę formularza.

Skonfiguruj objaśnienie

Na karcie Objaśnienie dodaj i dostosuj tekst objaśnienia, aby przyciągnąć uwagę odwiedzających. Wszelkie dostosowania objaśnień pojawią się w podglądzie po prawej stronie, dzięki czemu będziesz mieć wyobrażenie o tym, jak będzie wyglądał wyskakujący formularz, gdy zostanie uruchomiony na Twojej stronie.

  • Wyróżniony obraz: wybierz wyróżniony obraz, który będzie wyświetlany zarówno w objaśnieniu, jak i w kroku formularza (tylko wyskakujące okienko i okienko wsuwane).
  • Tekst objaśnienia: wprowadź tekst głównego nagłówka objaśnienia.
  • Treść objaśnienia: wprowadź wszelkie dodatkowe informacje lub szczegóły dotyczące objaśnienia. Jest to opcjonalne.
  • Tekst przycisku objaśnienia: wprowadź tekst przycisku formularza objaśnienia.
  • Kolor motyw u: ustaw kolor motywu dla przycisku w wyskakującym formularzu. Wybierz niestandardowy kolor z próbnika kolorów lub ręcznie wprowadź wartość szesnastkową.
  • Przycisk łącza: wybierz miejsce, do którego będzie prowadzić łącze przycisku objaśnienia.
    • Krok formularza: przekieruj użytkowników do formularza z wyskakującego formularza. Dostosuj swój formularz, klikając kartę Formularz.
    • Adres URL spoza HubSpot: wprowadź link do strony zewnętrznej.
    • Strona HubSpot lub wpis na blogu(Marketing Hub lub Content HubStarter, Professional lub Enterprise): wybierz stronę HubSpot lub wpis na blogu z listy rozwijanej.
    • Pobieranie pliku: kliknij Przeglądaj pliki, aby dodać plik.
    • Link do spotkania: wybierz link do spotkania z menu rozwijanego.
    • Wydarzenie kal endarza: utwórz wydarzenie kalendarza i skonfiguruj szczegóły wydarzenia. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.

Dostosowywanie wyskakującego formularza

Jeśli przycisk wezwania do działania łączy się z krokiem formularza, można dostosować wyświetlany formularz. Na karcie Formularz dostosuj następujące szczegóły:
  • Treść formularza: wprowadź wszelkie dodatkowe informacje lub szczegóły, które będą wyświetlane przed polami formularza. Jest to krok opcjonalny.
  • Dodane pola: wybierz pola dla wyskakującego formularza. Domyślne pole Email jest dołączane automatycznie, a do formularza można dodać maksymalnie cztery pola.
    • Aby dodać dodatkowe pola do formularza, kliknij + Dodaj kolejne pole formularza.
      • Formularze wyskakujące obsługują następujące typy pól: tekst jednowierszowy, tekst wielowierszowy, wybór rozwijany, pojedyncze pole wyboru, liczba, selektor daty i plik.
      • Użytkownicy kont Marketing Hub Starter, Professional i Enterprise mogą tworzyć niestandardowe właściwości kontaktów w wyskakujących formularzach.
    • Aby dostosować sposób wyświetlania pola formularza dla odwiedzających, kliknijikonę ołówka edit .
      • Możesz edytować etykietę pola, dodać tekst zastępczy lub wprowadzić wartość domyślną.
      • W polu E-mail można określić adresy e-mail i domeny do zablokowania.
  • Tekst przycisku formularza: dostosuj tekst przycisku formularza. Domyślnie to pole zostanie wypełnione tekstem przycisku formularza z karty Wywołanie.
  • Opcje RODO : jeśli masz włączone ustawienia prywatności danych na swoim koncie HubSpot, możesz ustawić opcję powiadomienia i zgody dla tego wyskakującego formularza. Aby dostosować domyślny tekst, kliknijikonę ołówka edit .
  • Język: ustaw język formularza. Spowoduje to zmianę etykiet pól formularza, komunikatu o powiadomieniu i zgodzie / prawnie uzasadnionym interesie oraz komunikatów o błędach wyświetlanych w formularzu. Wszystkie inne edytowalne pola będą musiały zostać przetłumaczone ręcznie.
  • CAPTCHA: włącz CAPTCHA, aby zapewnić dodatkową ochronę przed przesyłaniem spamu.

Utwórz wiadomość z podziękowaniem za wypełnienie formularza

Jeśli przycisk wywołania łączy się z krokiem formularza, skonfiguruj, co dzieje się po przesłaniu przez odwiedzającego wyskakującego formularza na karcie Podziękowania.

  • W polu Wiadomość z podziękowaniem wprowadź wiadomość, która będzie wyświetlana po przesłaniu formularza przez odwiedzającego. Do formatowania tekstu można użyć edytora tekstu sformatowanego.
  • Aby dodać przycisk po wiadomości z podziękowaniem, aby przekierować odwiedzających w inne miejsce:
    • Zaznacz pole wyboru Dodaj przycisk.
    • Dostosuj tekst przycisku.
    • Wybierz link do przycisku:
      • Non-HubSpot URL: przekieruj odwiedzających na stronę zewnętrzną. Wprowadź adres URL strony.
      • Strona HubSpot lub wpis na blogu(Marketing Hub lub Content Hub Starter, Professional lub Enterprise): wybierz stronę HubSpot lub wpis na blogu z menu rozwijanego.
      • Pobieranie pliku: kliknij Przeglądaj pliki, aby dodać plik.
      • Link do spotkania: wybierz link do spotkania z menu rozwijanego.
      • Wydarzenie kal endarza: utwórz wydarzenie kalendarza i skonfiguruj szczegóły wydarzenia. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.

Uwaga: Konta korzystające z bezpłatnych narzędzi HubSpot muszą ukończyć kreator konfiguracji poczty e-mail, aby włączyć podwójną zgodę na formularze wyskakujące, tworząc wiadomość e-mail uzupełniającą, która automatycznie doda CAPTCHA do formularza.

Dostosuj kierowanie dla wyskakującego formularza

Kieruj reklamy do odwiedzających, wybierając, kiedy ten wyskakujący formularz ma być wyświetlany w Twojej witrynie. Dodaj filtry, aby połączyć wiele zestawów reguł w celu określenia, kiedy wyświetlany jest wyskakujący formularz. Dowiedz się więcej o regułach targetowania.

Adres URL witryny

Możesz dodać logikę warunkową dla określonych adresów URL stron internetowych i/lub wartości parametrów zapytania. Domyślnie wyskakujący formularz pojawi się na wszystkich stronach.

  • Aby wyświetlić wyskakujący formularz, gdy odwiedzający znajduje się pod określonym adresem URL witryny, w sekcji Adres URL witryny :
    1. Kliknij pierwsze menu rozwij ane i wybierz Website URL.
    2. Kliknij drugie menu rozwijane i wybierz regułę kierowania.
    3. Wprowadź kryteria reguły w polu tekstowym.

  • Aby wyświetlić wyskakujący formularz, gdy użytkownik znajduje się na stronie internetowej, której adres URL zawiera określone parametry zapytania:
    1. Kliknij pierwsze menu rozwijane i wybierz Query parameter.
    2. W pierwszym polu tekstowym wprowadź nazwę parametru zapytania.
    3. Kliknij menu rozwijane i wybierz regułę kierowania.
    4. W drugim polu tekstowym wprowadź wartość parametru zapytania.


  • Aby dodać kolejną regułę, kliknij przycisk Dodaj regułę.
  • Aby wykluczyć wyskakujący formularz z niektórych stron (np. strony polityki prywatności), kliknij Dodaj regułę wykluczenia.

Informacje o odwiedzających i ich zachowanie (opcjonalnie)

Możesz także kierować wyskakujące formularze do określonych kontaktów na podstawie znanych informacji o odwiedzających i ich zachowaniu. Rodzaj reguł filtrowania, które można dodać, zależy od subskrypcji konta. KontaMarketing Hub Professional i Enterprise mogą tworzyć filtry z dodatkowymi kryteriami wyświetlania lub ukrywania wyskakującego formularza.

Aby ustawić kryteria na podstawie informacji o odwiedzających, w sekcjiInformacje o odwiedzających i ich zachowanie :

  • Wybierz, kiedy ma być wyświetlany wyskakujący formularz:
    • Na kafelku Pokaż wyskakujące okien ko kliknij pierwsze menu rozwijane, aby wybrać, kiedy ma być wyświetlany wyskakujący formularz.
    • Kliknij następne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł dotyczących wyświetlania wyskakującego formularza, kliknij Dodaj regułę i wybierz filtry.
  • Wybierz, kiedy ukryć wyskakujący formularz:
    • Kliknij Dodaj regułę wykluczenia.
    • Kliknijpierwsze menu rozwijane, aby wybrać , kiedy wyskakujący formularz ma być ukryty.
    • Kliknij następne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł dotyczących ukrywania wyskakującego formularza, kliknij Dodaj regułę wykluczenia i wybierz filtry.
  • Aby utworzyć kolejny zestaw reguł filtrowania, kliknij przycisk Dodaj grupę filtrów i wybierz reguły filtrowania.


Wyzwalacze

Określa, kiedy wyskakujący formularz powinien pojawić się na stronie.


Uwaga:

  • W przypadku wybrania wielu wyzwalaczy formularz zostanie wyświetlony zgodnie z tym, który warunek wyzwalacza zostanie spełniony jako pierwszy.

  • Gdy kontakt wypełni wyskakujący formularz, nie będzie on wyświetlany ponownie, jeśli jest w tej samej sesji przeglądania.

Można wybrać następujące opcje:

  • Przy 50% przewijania: formularz pojawi się, gdy użytkownik przewinie stronę do połowy.
  • On exit intent ( tylkowyskakujące okienko ): formularz pojawi się, gdy użytkownik przesunie kursor do górnego paska okna przeglądarki.
  • Po upływie czasu: formularz zostanie wyświetlony po upływie określonej liczby sekund.

Dostosuj opcje wyskakującego formularza

Na karcie Opcje możesz dalej dostosowywać ustawienia wyskakującego formularza. Niektóre opcje mogą nie być wyświetlane, w zależności od subskrypcji HubSpot i dodanych integracji. Możesz skonfigurować następujące opcje:

  • Planowanie ( tylko kontaProfessional lub Enterprise ): domyślnie wyskakujący formularz zostanie opublikowany natychmiast. Aby zaplanować wyskakujący formularz tak, aby był aktywny tylko od określonej daty, wybierz opcję Zaplanuj na później.
    • Aby opublikować wyskakujący formularz w określonym dniu i godzinie, kliknij menu rozwijane Data rozpoczęcia i Godzina, a następnie ustaw datę i godzinę.
    • Aby anulować publikację wyskakującego formularza w określonym dniu i o określonej godzinie, kliknij pole wyboru Ustaw datę i godzinę anulowania publikacji, a następnie kliknij menu rozwijane Data końcowa i Godzina i ustaw datę i godzinę.
  • Ustaw etap cyklu życia podczas tworzenia kontaktu lub firmy: kliknij menu rozwijane Ustaw stan cyklu życia na i wybierz etap cyklu życia. Gdy odwiedzający prześlą formularz, odpowiedni rekord zostanie ustawiony na wybranym etapie cyklu życia.
    • Nie można przenieść etapu cyklu życia rekordu wstecz. Jeśli istniejący kontakt lub firma z późniejszym etapem cyklu życia prześle formularz, etap cyklu życia nie zostanie zaktualizowany.
  • Małe rozmiary ekranu: aby wyłączyć wyskakujący formularz na urządzeniach mobilnych, zaznacz pole wyboru Wyłącz wyskakujący formularz na małych rozmiarach ekranu . Chociaż wyskakujące formularze są zoptymalizowane pod kątem urządzeń mobilnych, zaleca się ich wyłączenie na urządzeniach mobilnych.
  • Pokaż ponownie odrzucony wyskakujący formularz po: kliknij menu rozwijane, aby ustawić czas, który powinien upłynąć po odrzuceniu wyskakującego formularza przez odwiedzającego, zanim zostanie on ponownie wyświetlony.
  • Dodaj kontakty do kampanii Salesforce: jeśli korzystasz z integracji Salesforce, kliknij menu rozwijane, aby powiązać każdy kontakt, który prześle wyskakujący formularz z kampanią Salesforce.
  • Dodawanie kontaktów do GoToWebinar: jeśli korzystasz z integracji GoToWebinar, kliknij menu rozwijane, aby zarejestrować dowolny kontakt, który prześle wyskakujący formularz do określonego webinaru.
  • Gdy kontakty zostaną przechwycone, wysyłaj powiadomienia e-mail do: kliknij menu rozwijane, aby powiadomić użytkownika lub zespół HubSpot o przechwyceniu kontaktów.
  • Wysyłanie wiadomości e-mail z wyrażeniem zgody: aby zarządzać ustawieniami podwójnej zgody dla formularzy wyskakujących, kliknij Zarządzaj w ustawieniach.
  • Ustaw kontakty utworzone jako kontakty marketingowe: jeśli Twoje konto HubSpot ma dostęp do kontaktów marketingowych, możesz automatycznie ustawić wszystkie kontakty utworzone z tego formularza jako marketingowe.
  • Wysyłaj nowe kontakty do swojego dostawcy poczty e-mail (opcjonalnie): aby skonfigurować dostawcę poczty e-mail do wysyłania kontaktów, kliknij Zarządzaj w ustawieniach. Dowiedz się więcej o przesyłaniu kontaktów do list MailChimp.



Używaj automatyzacji z wyskakującym formularzem

Korzystaj z prostych funkcji automatyzacji, takich jak wysyłanie wiadomości e-mail do kontaktu lub wysyłanie automatycznych wewnętrznych powiadomień e-mail za pomocą wyskakujących formularzy. Możesz także użyć przesłania formularza jako wyzwalacza w prostym przepływie pracy. Dowiedz się więcej o tym, jak używać automatyzacji z narzędziem formularzy.

  • U góry kliknij kartę Automatyzacje. Na karcie Automatyzacje można skonfigurować, co dzieje się po przesłaniu formularza .
    • W sekcji Wybierz, co dzieje się po przesłaniu formularza, dostosuj ustawienia formularza zgodnie z potrzebami.
    • W sekcji Utwórz prosty przepływ pracy skonfiguruj prosty przepływ pracy, aby zautomatyzować działania następcze, takie jak wysyłanie wiadomości e-mail lub ustawianie właściwości kontaktu.

Podgląd wyskakującego formularza

Na karcie Podgląd można przetestować interaktywny podgląd wyskakującego formularza.

  • Aby sprawdzić , jak wyskakujący formularz będzie wyświetlany na różnych urządzeniach, kliknij przyciski Desktop, Tablet lub Mobile w lewym górnym rogu.
  • Aby wyświetlić poszczególne kroki wyskakującego formularza, kliknij ikony strzałekleftrightikony strzałek w lewo i w prawo.

Publikowanie i cofanie publikacji wyskakującego formularza

  • Po zakończeniu konfigurowania formularza w prawym górnym rogu kliknij przycisk Opublikuj, aby uruchomić wyskakujący formularz.
  • Możesz również zrezygnować z publikacji formularza na żywo z poziomu zakładki Opcje:
    • Przejdź do zakładki Opcje.
    • Kliknij przycisk Cofnij publikację.
    • W oknie dialogowym kliknij przycisk Unpublish pop-up form.
    • Po anulowaniu publikacji formularza można powrócić do pulpitu nawigacyjnego formularzy, wybierając opcję Przejdź do pulpitu nawigacyjnego, lub pozostać w edytorze formularzy, wybierając opcję Pozostań w edytorze.

Wyświetl kompletny wpis