Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Tworzenie wyskakujących formularzy

Data ostatniej aktualizacji: marca 24, 2023

Dotyczy:

Wszystkie produkty i plany

Dzięki narzędziu formularzy wyskakujących możesz tworzyć angażujące formularze przechwytywania leadów, aby przyciągnąć nowe leady. Możesz używać formularzy wyskakującychz każdym postem na blogu, stroną docelową lub stroną internetową hostowaną w HubSpot .

Aby dodać formularze wyskakujące do strony zewnętrznej, należy zainstalować kod śledzenia HubSpot w witrynie zewnętrznej lub zainstalować wtyczkę HubSpot WordPress w witrynie WordPress.

Tworzenie wyskakującego formularza

Aby utworzyć nowy formularz wyskakujący:
  • Na swoim koncie HubSpot przejdź do 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 przyciskUtwórz formularz.
  • Aby powiązać formularz z jednostką biznes ową( tylkododatek Business units ):
    • Kliknij menu rozwijane Wybierz jednostkę biznesową.
    • Wybierz jednostkę biznesową, z którą chcesz powiązać ten formularz.
  • Wybierz typ formularza. Aby utworzyć formularz wyskakujący, wybierz jeden z następujących typów formularzy:
    • Wyskakujące okienko (pop-up box)
    • Baner rozwijany
    • Przesuń w lewym polu
    • Przesuń w prawym polu
  • W prawym górnym rogu kliknij przycisk Dalej.
  • W górnej części edytora formularzykliknijikonę ołówka edy cyjnego ,aby edytować nazwę formularza.

Skonfiguruj swoje wywołanie

Na karcie Wywołanie , dodaj i dostosuj tekst wywołania, aby przyciągnąć uwagę odwiedzających. Każde dostosowanie wywołania pojawi się w podglądzie po prawej stronie, dzięki czemu będziesz miał wyobrażenie o tym, jak będzie wyglądał Twój wyskakujący formularz, gdy znajdzie się na stronie.

  • Wyróżniony obraz:wybierz wyróżniony obraz, który będzie wyświetlany zarówno w kroku wywołania, jak i w kroku formularza (tylko pole wyskakujące i pole wsuwane).
  • Tekst wywołania: wprowadź tekst dla głównego nagłówka w wywołaniu.
  • Treść wywołania: wprowadź wszelkie dodatkowe informacje lub szczegóły dotyczące wywołania. Jest to opcjonalne.
  • Tekst przycisku wywołania: wprowadź tekst przycisku formularza wywołania.
  • Kolor motywu: ustaw kolor motywu dla przycisku na swoim formularzu pop-up. Wybierz niestandardowy kolor z selektora kolorów lub ręcznie wprowadź wartość heksadecymalną.
  • Przycisk łącza: wybierz miejsce, do którego będzie łączył się przycisk wywołania.
    • Krok formularza: skieruj swoich użytkowników do formularza z formularza pop-up. Dostosuj swój formularz, klikając kartęFormularz.
    • Non-HubSpot URL: wprowadź link do zewnętrznej strony.
    • Strona HubSpot lub post na blogu (Marketing Hublub CMS HubStarter, Professional lub Enterprise): wybierz stronę HubSpot lub post na blogu z rozwijanej listy.
    • Pobieranie plików: kliknij Przeglądaj pliki, aby dodać swój plik.
    • Link do spotkania: wybierz link do spotkania z menu rozwijanego.
    • Wydarzenie kalendarza: utwórz wydarzenie kalendarza i skonfiguruj szczegóły wydarzenia. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.


Dostosuj swój formularz pop-up

Jeśli Twój przycisk wywołania łączy się z krokiem formularza, możesz dostosować wyświetlany formularz. Na karcie Formularz dostosuj następujące szczegóły:
  • Ciało 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 swojego formularza pop-up. Domyślne pole Email jest automatycznie dołączane, 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, próbnik daty i plik.
      • Użytkownicy na koncieMarketing Hub Starter, Professional i Enterprise mogą tworzyć niestandardowe właściwości kontaktu w formularzach wyskakujących.
    • Aby dostosować sposób wyświetlania pola formularza dla odwiedzających, należy kliknąćikonę ołówka edycyjnego .
      • Można edytować etykietę pola, dodać tekst zastępczy lub wprowadzić wartość domyślną.
      • W przypadku pola E-mail można określić adresy e-mail i domeny do zablokowania.
  • Tekst przycisku formularza: dostosowanie tekstu przycisku formularza. Domyślnie tekst przycisku formularza z karty Wywołanie wypełni to pole.
  • Powiadomienie i zgoda / uzasadniony interes (GDPR): jeśli masz włączone GD PR na swoim koncie HubSpot, możesz ustawić opcję powiadomienia i zgody dla tego formularza wyskakującego.Aby dostosować domyślny tekst, kliknijikonę ołówka edycyjnego .
  • Język: ustaw język formularza. Spowoduje to zmianę etykiet pól formularza, komunikatu Powiadomienie i zgoda / uzasadniony interes oraz komunikatów o błędach wyświetlanych w formularzu. Wszystkie inne edytowalne pola będą wymagały ręcznego tłumaczenia.
  • CAPTCHA: włącz CAPTCHA, aby zapewnić dodatkową ochronę przed spamem.

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

Jeśli twój przycisk wywołania łączy się z krokiem formularza, skonfiguruj, co stanie się po tym, jak odwiedzający prześle formularz pop-up na karcie Dziękuję.

  • W polu Wiadomość z podziękowaniem wpisz wiadomość, która ma być wyświetlana po przesłaniu przez odwiedzającego formularza pop-up. Możesz użyć edytora bogatego tekstu, aby sformatować swój tekst.
  • Aby dodać przycisk po wiadomości z podziękowaniem, aby przekierować odwiedzającychw inne miejsce:
    • Zaznacz pole wyboru Dodaj przycisk.
    • Dostosuj tekst przycisku.
    • Wybierz link dla swojego przycisku:
      • Non-HubSpot URL: przekieruj odwiedzających do zewnętrznej strony. Wprowadź adres URL strony.
      • Strona HubSpot lub post na blogu (Marketing Hub lubCMS Hub Starter, Professional lub Enterprise):wybierz stronę HubSpot lub post na blogu z menu rozwijanego.
      • Pobieranie pliku: kliknij Przeglądaj pliki, aby dodać swój plik.
      • Link spotkania: wybierz link spotkania z menu rozwijanego.
      • Wydarzenie kalendarza: utwórz wydarzenie kalendarza i skonfiguruj szczegóły wydarzenia. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.

Uwaga: Konta korzystające z darmowych narzędzi HubSpot muszą wypełnić kreator konfiguracji wiadomości e-mail, aby włączyć podwójną opt-in dla formularzy pop-up tworzących wiadomość follow-up automatycznie doda CAPTCHA do formularza.

Dostosuj targetowanie dla swojego formularza pop-up

Targetuj swoich odwiedzających, wybierając, kiedy chcesz, aby ten formularz pop-up pojawił się w Twojej witrynie.Dodaj filtry, aby połączyć wiele zestawów reguł, aby określić, kiedy formularz pop-up jest wyświetlany. Dowiedz się więcej o regułach targetowania.

Adres strony internetowej

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

  • Aby pokazać formularz pop-up, gdy odwiedzający jest na określonym adresie URL strony internetowej, w sekcji Website URL:
    1. Kliknij pierwsze menu rozwijanei wybierz Website URL.
    2. Kliknij drugie menu rozwijanei wybierz regułę targetowania.
    3. W polu tekstowym wpisz kryteria swojej reguły.


  • Aby pokazać formularz wyskakujący, gdy odwiedzający znajduje się na stronie internetowej, której adres URL zawiera określone parametry zapytania:
    1. Kliknij pierwszemenu rozwijanei wybierz opcjęParametr zapytania.
    2. W pierwszym polu tekstowym wprowadźnazwę parametru zapytania.
    3. Kliknij menu rozwijane i wybierzregułę targetowania.
    4. W drugim polu tekstowym wprowadź wartość parametru zapytania.


  • Aby dodać kolejną regułę, kliknij przycisk Dodaj regułę.
  • Aby wykluczyć formularz wyskakujący z określonych stron (np. strony z polityką prywatności), kliknij przyciskDodaj regułę wykluczającą.

Informacje o odwiedzającym i jego zachowaniu (opcjonalnie)

Możesz również kierować formularz pop-up do określonych kontaktów na podstawie znanych informacji o odwiedzającym i jego zachowaniu. Rodzaj reguł filtrowania, które możesz dodać, zależy od subskrypcji Twojego konta. KontaMarketing Hub Professional i Enterprise mogą tworzyć filtry z dodatkowymi kryteriami dotyczącymi tego, kiedy pokazywać lub ukrywać formularz wyskakujący.

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

  • Wybierz, kiedy pokazać formularz pop-up:
    • Na kafelku Pokaż pop-up kliknij pierwsze menu rozwijane, aby wybrać, kiedy wyświetlany jest Twój formularz pop-up.
    • Kliknij kolejne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł dotyczących tego, kiedy pokazywać formularz wyskakujący, kliknij przycisk Dodaj regułę i wybierz swoje filtry.
  • Wybierz, kiedy ukryć formularz wyskakujący:
    • Kliknij Dodaj regułę wykluczającą.
    • Kliknijpierwsze menu rozwijane, aby wybrać, kiedy formularz wyskakujący powinien być ukryty.
    • Kliknij kolejne menu rozwijane, aby wybrać swoje reguły filtrowania.
    • Aby dodać więcej reguł dotyczących tego, kiedy ukryć formularz wyskakujący, kliknij Dodaj regułę wykluczenia i wybierz swoje filtry.
  • Aby utworzyć kolejny zestaw reguł filtrowania, kliknijDodaj grupę filtrówi wybierz swoje reguły filtrowania.

add-filter-groups

Wyzwalacze

Ustaw, kiedy wyskakujący formularz powinien pojawić się na stronie.


Proszę zauważyć:

  • Gdy wybranych jest wiele wyzwalaczy, formularz pojawi się zgodnie z tym, który warunek wyzwalacza zostanie spełniony jako pierwszy.

  • Gdy kontakt wypełni formularz wyskakujący, nie zostanie on wyświetlony ponownie, jeśli znajduje się w tej samej sesji przeglądania.

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

  • On 50% scroll: formularz pojawi się, gdy odwiedzający przewinie się do połowy strony.
  • On exit intent ( tylkopop-up box ): formularz pojawi się, gdy odwiedzający przesunie kursor do górnego paska okna przeglądarki.
  • Po upłynięciu czasu: formularz pojawi się po określonej ilości sekund.

Dostosuj opcje swojego formularza pop-up

Na karcie Opcje, dalej dostosuj swoje ustawienia formularza pop-up. Niektóre opcje mogą nie być wyświetlane, w zależności od subskrypcji HubSpot i tego, jakie integracje zostały dodane. Możesz skonfigurować następujące opcje:

  • Harmonogram ( tylko kontaProfessional lub Enterprise ): domyślnie formularz pop-up zostanie opublikowany natychmiast. Aby zaplanować formularz wyskakujący, aby był aktywny dopiero 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 i ustaw datę i godzinę.
    • Aby nie publikować wyskakującego formularza w określonym dniu i godzinie, kliknij pole wyboru Ustaw datę i godzinę nieopublikowania, a następnie kliknij menu rozwijane Data i godzina zakończenia oraz ustaw datę i godzinę.
  • Ustaw etap cyklu życia, gdy tworzony jest kontakt lub firma: 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 przesunąć etapu cyklu życia rekordu wstecz. Jeśli istniejący kontakt lub firma z późniejszym etapem cyklu życia złoży formularz, etap cyklu życia nie zostanie zaktualizowany.
  • Małe rozmiary ekranu: aby wyłączyć formularz wyskakujący na urządzeniach mobilnych, zaznacz pole wyboru Wyłącz formularz wyskakujący na małych rozmiarach ekranu . Chociaż formularze wyskakujące są zoptymalizowane pod kątem urządzeń mobilnych, zaleca się ich wyłączenie na urządzeniach mobilnych.
  • Pokaż odrzucony formularz pop-up ponownie po: kliknij menu rozwijane, aby ustawić ilość czasu, która powinna upłynąć po tym, jak odwiedzający odrzuci formularz pop-up, zanim zostanie wyświetlony ponownie.
  • Dodaj kontakty do kampanii Salesforce: jeśli używasz integracji Salesforce, kliknij menu rozwij ane, aby powiązać każdy kontakt, który przesyła formularz pop-up z kampanią Salesforce.
  • Dodaj kontakty do GoToWebinar: jeśli korzystasz z integracji z GoToWebinar, kliknij menu rozwijane, aby zarejestrować każdy kontakt, który prześle formularz pop-up, na określony webinar.
  • Gdy kontakty zostaną przechwycone, wyślij powiadomienia e-mail do: kliknij menu rozwij ane, aby powiadomić użytkownika lub zespół HubSpot, gdy kontakty zostaną przechwycone.
  • Wysyłaj e-maile opt-in: aby zarządzać ustawieniami podwójnego opt-in dla swoich formularzy pop-up, 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ć wszelkie kontakty utworzone z tego formularza jako marketingowe.
  • Push new contacts to your email provider (optional): aby skonfigurowaćdostawcę poczty elektronicznej, do którego mają być pchane kontakty, kliknij Manage in settings. Dowiedz się więcej o pchaniu kontaktów do list MailChimp.



Użyj automatyzacji z formularzem pop-up

Użyj prostych funkcji automatyzacji, takich jak wysyłanie wiadomości follow-up do kontaktu lub wysyłanie automatycznych wewnętrznych powiadomień e-mail z formularzami pop-up. Możesz również 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.

  • Na górze kliknij kartę Automaty. Na karcie Automaty można skonfigurować to, co dzieje się po przesłaniu formularza.
    • W sekcji Wybierz, co się stanie po przesłaniu formularza,dostosuj ustawienia dla swojego formularza zgodnie z potrzebami.
    • W sekcji Utwórz prosty przepływ pracy skonfigurujprosty przepływ pracy, aby zautomatyzować działania następcze, takie jak wysłanie wiadomości e-mail lub ustawienie właściwości kontaktu.

Wyświetl podgląd swojego formularza pop-up

Na karcie Podgląd możesz przetestować interaktywny podgląd swojego formularza pop-up.

  • Aby sprawdzić , jak formularz pop-up będzie wyświetlany na różnych urządzeniach, kliknij przyciski Pulpit, Tablet lub Telefon komórkowy w lewym górnym rogu.
  • Aby wyświetlić każdy krok formularza pop-up, kliknijikony strzałek w lewoi w prawo.

Publikowanie i nieopublikowanie formularza pop-up

  • Po zakończeniu konfiguracji formularza, w prawym górnym rogu kliknij przycisk Opublikuj, aby uruchomić formularz pop-up.
  • Możesz również nie publikować formularza na żywo z zakład ki Opcje :
    • Przejdź do zakładki Options.
    • Kliknij przycisk Unpublish.
    • W oknie dialogowym kliknij opcję Unpublish pop-up form.
    • Po usunięciu formularza możesz powrócić do pulpitu nawigacyjnego formularzy, wybierając opcję Przejdź do pulpitu nawigacyjnego, lub pozostać w edytorze formularzy, wybierając opcję Pozostań w edytorze.

New Call-to-action

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.