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.
- Aby dodać dodatkowe pola do formularza, kliknij + Dodaj kolejne pole formularza.
- 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:
- Kliknij pierwsze menu rozwijanei wybierz Website URL.
- Kliknij drugie menu rozwijanei wybierz regułę targetowania.
- 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:
- Kliknij pierwszemenu rozwijanei wybierz opcjęParametr zapytania.
- W pierwszym polu tekstowym wprowadźnazwę parametru zapytania.
- Kliknij menu rozwijane i wybierzregułę targetowania.
- 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.
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.
-
- Etap cyklu życia ustawiony w formularzu zastąpi domyślny etap cyklu życia skonfigurowany w ustawieniach HubSpot.
- 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.
Powiązana treść
-
Używanie formularzy innych niż HubSpot
Formularze nie-HubSpot to formularze HTML w Twojej zewnętrznej witrynie, które nie zostały utworzone w...
Baza wiedzy -
Formularze | Najczęściej zadawane pytania
Szybko znajdź odpowiedzi i ogólne informacje na temat narzędzia formularzy w HubSpot. Dowiedz się więcej o ...
Baza wiedzy -
Dodaj filmy do swoich treści w HubSpot
Dzięki HubSpot video możesz przesłać filmy do narzędzia plików, a następnie dodać je do stron, e-maili...
Baza wiedzy