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.
Forms

Tworzenie wyskakujących formularzy

Data ostatniej aktualizacji: kwietnia 4, 2022

Dotyczy:

Wszystkie produkty i plany

Za pomocą narzędzia Formularze wyskakujące można tworzyć atrakcyjne formularze przechwytywania leadów, które przyciągają nowych klientów. Formularzywyskakującychmożna używać wkażdym poście na blogu, stronie docelowej lub stronie witryny hostowanej 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.

  • Na swoim koncie HubSpot przejdź do zakładki Formularze:
    • W przypadku kont Professional i Enterprise przejdź doMarketing>Lead Capture>Formularze.
    • W przypadku kont Starter i Free przejdź do sekcjiMarketing>Formularze.
  • W prawym górnym rogu kliknij przycisk Utwórz formularz.
  • Wybierz typ formularza. W przypadku formularza wyskakującego można wybrać:
    • Pole pop-up
    • Baner rozwijany
    • Wsuwany boks lewy
    • Wsuwany prawy boks
  • W prawym górnym rogu kliknij przycisk Dalej.
  • W górnej części edytora formularzykliknij ikonęołówka edycyjnego,aby edytować nazwę formularza.

1. Wywołanie - wybierz akcję

Na karcie Wywołanie

dodaj i dostosuj tekst wywołania, aby przyciągnąć uwagę odwiedzających.
  • Wyróżniony obraz:wybierz wyróżniony obraz, który będzie wyświetlany zarówno w oknie wywołania, jak i w kroku formularza (tylko okna wyskakujące i okna wsuwane).
  • Tekst wywołania: główny nagłówek okna wywoławczego.
  • Treść wywołania: dodatkowe informacje lub szczegóły dotyczące wywołania. Jest to element opcjonalny.
  • Tekst przycisku wywołania: tekst przycisku formularzawywołania.
  • Kolor motywu: ustawienie koloru motywu dla przycisku w formularzu wyskakującym Wybierz kolor niestandardowy z próbnika kolorów lub wprowadź ręcznie wartość heksadecymalną.
  • Przycisk łącza: wybierz miejsce, do którego ma prowadzić łącze przycisku wywołania.
    • Krok formularza: przekieruj użytkowników do formularza z wyskakującego formularza. Dostosuj swój formularz, klikając przycisk Formularz zakładkę Formularz.
    • Adres URL spoza HubSpot: wklej link do zewnętrznej strony.
    • Strona HubSpot lub wpis na blogu ( Marketing Hub Starter, Professional, Enterprise lub CMS Hub Professional lub Enterprise): wybierz stronę HubSpot lub wpis na blogu z listy rozwijanej.
    • Pobieranie plików: kliknij . Przeglądaj pliki aby dodać swój plik.
    • Łącze spotkania: wybierz łącze do spotkania z menu rozwijanego.
    • Wydarzenie kalendarza: utwórz wydarzenie kalendarza i ustaw Nazwa wydarzenia, Data rozpoczęcia, Data końcowa, Strefa czasowa, Lokalizacja, oraz . Szczegóły. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.

  • Wszystkie opcje dostosowywania wywołania pojawią się w podglądzie po prawej stronie, dzięki czemu będziesz mieć wyobrażenie o tym, jak będzie wyglądał Twój formularz wyskakujący na stronie.
  • Kliknij przycisk Dalej. Jeśli nie łączysz przycisku z formularzem, przejdź do kroku 5.

2. Formularz - dostosuj formularz wyskakujący

Na karcie Formularz dostosuj to, co zobaczą odwiedzający po kliknięciu przycisku formularza wyskakującego.
  • Treść formularza: dodatkowe informacje lub szczegóły dotyczące formularza. Jest to część opcjonalna.
  • Dodane pola: domyślne pole E-mail jest dołączane automatycznie, a do formularza można dodać maksymalnie cztery pola.
    • Aby dodać dodatkowe pola do formularza, kliknij przycisk + 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 kontMarketing Hub Starter, Professional i Enterprise mogą tworzyć niestandardowe właściwości kontaktów w formularzach wyskakujących.
    • Aby dostosować sposób wyświetlania pola formularza dla odwiedzających, kliknijikonę ołówka edycyjnego . Aby edytować etykietę pola, dodaj tekst zastępczy lub wprowadź wartość domyślną. W polu E-mail można określić adresy e-mail i domeny, które mają być blokowane.
  • Tekst przycisku formularza: to pole zostanie wypełnione tekstem przycisku formularza z karty Wywołanie. Aby wprowadzić jakiekolwiek zmiany w tekście przycisku na etapie formularza, należy go tutaj zaktualizować.
  • Powiadomienie i zgoda / uzasadniony interes (GDPR): jeśli na koncie HubSpot włączono GDPR, możesz ustawić opcję powiadomienia i zgody dla tego formularza wyskakującego.Aby dostosować domyślny tekst, kliknijikonę ołówka edycji .
  • Język: ustaw język formularza. Spowoduje to zmianę etykiet pól formularza, komunikatu o powiadomieniu i zgodzie/interesie prawnym 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 spamem.

Po zakończeniu dostosowywania formularza wyskakującego kliknij przycisk Dalej

.

3. Podziękowania - utwórz wiadomość z podziękowaniem

Na karcie Podziękowania wprowadź wiadomość z podziękowaniem, którą odwiedzający zobaczą po wysłaniu formularza wyskakującego. Użyj edytora tekstu bogatego, aby zamieścić lekko sformatowany tekst lub link do dodatkowych zasobów

.

Aby dodać przycisk po wiadomości z podziękowaniem, aby przekierować odwiedzających w inne miejsce:

  • SZaznacz pole wyboru Dodaj przycisk.
  • Dostosuj tekst przycisku.
  • Wybierz link dla swojego przycisku:
    • Adres URL spoza HubSpot: przekieruj odwiedzających na zewnętrzną stronę. Wprowadź adres URL strony.
    • Strona Hub Spot lub wpis na blogu (Marketing Hub Starter, Professional, Enterpriselub CMS Hub Professional lub Enterprise): wybierz stronę HubSpot lub post na blogu z menu rozwijanego.
    • Pobieranie plików: kliknij . Przeglądaj pliki aby dodać swój plik.
    • Łącze spotkania: wybierz łącze do spotkania z menu rozwijanego.
    • Wydarzenie kalendarza: utwórz wydarzenie kalendarza i ustaw Nazwa wydarzenia, Data rozpoczęcia, Data końcowa, Strefa czasowa, Lokalizacja, oraz . Szczegóły. Wydarzenie zostanie utworzone w kalendarzu Google lub Outlook klienta.
  • Po zakończeniu tworzenia wiadomości z podziękowaniem kliknij przycisk Dalej.



4. Kontynuacja - Utwórz wiadomość e-mail z kontynuacją

W zakładce Kontynuacja

utwórz wiadomość e-mail, którą odwiedzający otrzyma po wysłaniu formularza.

Uwaga: Konta korzystające z bezpłatnych narzędzi HubSpot muszą wypełnić kreator konfiguracji wiadomości e-mail, aby włączyć opcję podwójnej rezygnacji dla formularzy pop-up

.
  • Kliknij przycisk Create follow-up email (Utwórz wiadomość uzupełniającą).
  • W prawym panelu dostosuj szczegóły wiadomości uzupełniającej:
    • Typ subskrypcji: kliknij menu rozwijane i wybierz opcję typ subskrypcji.
    • Od użytkownika: kliknij menu rozwijane i wybierz nadawcęwiadomości uzupełniającej.
    • Od nazwy:wprowadź spersonalizowaną nazwę od dla wiadomościdla wiadomości e-mail z kontynuacją.
    • Temat: wprowadź temat wiadomości e-mail z kontynuacją.
    • Treść: wprowadź treść wiadomości e-mail, aby dalej angażować swój kontakt.
    • Edytuj stopkę poczty e-mail: kliknij, aby dostosować nazwę i adres firmy w ustawieniach konfiguracji poczty e-mail.
  • Kliknij przycisk Zapisz. Powinien pojawić się krótki podgląd wiadomości e-mail. Użytkownicy w Marketing Hub Starter, Basic (dotychczasowe), Professional lub Enterprise mogą kliknąć przycisk Dodaj kolejną wiadomość e-mail, aby dodać do trzech kolejnych wiadomości e-mail.
  • Po zakończeniu dodawania wiadomości uzupełniającej kliknij przycisk Dalej.

Uwaga: utworzenie wiadomości e-mail z kontynuacją spowoduje automatyczne dodanie CAPTCHA do formularza.

5. Targetowanie - dostosuj miejsce wyświetlania formularza wyskakującego

Ukierunkuj odwiedzających, wybierając, kiedy formularz wyskakujący ma się pojawić na Twojej stronie.Dodaj filtry, aby połączyć wiele zestawów reguł określających, którzy użytkownicy zobaczą Twój formularz wyskakujący. Dowiedz się więcej o regułach kierowania.

Adres URL strony internetowej

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

  • Aby wyświetlić formularz wyskakujący, gdy odwiedzający znajduje się na określonym adresie URL witryny, w sekcji Adres URL witryny:
    1. Kliknij pierwszemenurozwijanei wybierzURL strony internetowej.
    2. Kliknij drugiemenurozwijanei wybierzreguła kierowania.
    3. W polu tekstowym wprowadź kryteria reguły.

  • Aby wyświetlić formularz wyskakujący, gdy odwiedzający znajduje się na stronie witryny, której adres URL zawiera określone parametry zapytania:
    1. Kliknij pierwszemenurozwijanei wybierzParametr zapytania.
    2. W pierwszym polu tekstowym należy wpisaćnazwę parametru zapytania.
    3. Kliknij listęrozwijaną i wybierzregułę targetowania.
    4. W drugim polu tekstowym wpiszwartość parametru zapytania.

  • Aby dodać kolejną regułę, kliknij przyciskDodaj regułę.
  • Aby wykluczyć formularz wyskakujący z określonych stron (np. strony z zasadami ochrony prywatności), kliknij przyciskDodaj regułę wykluczenia.

Informacje o odwiedzających i ich zachowaniach (opcjonalnie)

Możesz także kierować formularz wyskakujący do określonych kontaktów na podstawie znanych informacji o odwiedzających i ich zachowań. Rodzaj reguł filtrowania, które można dodać, zależy od subskrypcji konta. Na kontachMarketing Hub Professional i Enterprisemożna tworzyć filtry z dodatkowymi kryteriami określającymi, kiedy pokazywać lub ukrywać formularz wyskakujący.

Aby ustawić kryteriaoparte na informacjach o odwiedzających, w sekcjiInformacje o odwiedzających i ich zachowaniew sekcji Informacje o odwiedzających i ich zachowanie:

  • Wybierz, kiedy ma być wyświetlany formularz wyskakujący:
    • Na kafelku Pokaż wyskakujące okienka kliknij pierwsze menu rozwijane, aby wybrać, kiedy odwiedzający zobaczą Twój formularz wyskakujący.
    • Kliknij kolejne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł określających, kiedy ma być wyświetlany formularz wyskakujący, kliknij przycisk Dodaj regułę i wybierz filtry.
  • Wybierz, kiedy formularz wyskakujący ma być ukrywany:
    • Kliknij . Dodaj regułę wykluczenia.
    • Ckliknij pierwsze menu rozwijane, aby wybrać gdy formularz wyskakujący powinien być ukryty.
    • Kliknij kolejne menu rozwijane, aby wybrać reguły filtrowania.
    • Aby dodać więcej reguł określających, kiedy należy ukryć formularz wyskakujący, kliknij przyciskDodaj regułę wykluczenia i wybierz filtry.
  • Aby utworzyć kolejny zestaw reguł filtrowania, kliknij przycisk Dodaj grupę filtrów i wybierz swoje reguły filtrowania.

add-filter-groups

Wyzwalacze

Określ, kiedy formularz wyskakujący ma się pojawiać na stronie. Można wybrać następujące opcje:

  • Przy przewijaniu o 50%: formularz zostanie wyświetlony, gdy użytkownik przewinie stronę do połowy.
  • Zamiarwyjścia( tylkookienka wyskakujące ): formularz pojawi się, gdy odwiedzający przesunie kursor na górny pasek okna przeglądarki.
  • Po upłynięciu czasu: formularz zostanie wyświetlony poupływie określonej liczby sekund.

Po zakończeniu konfigurowania reguł kierowania kliknij przycisk Dalej.

Uwaga:

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

  • Gdy kontakt wypełni formularz wyskakujący, nie zobaczy go ponownie, jeśli jest w tej samej sesji przeglądania.


6. Opcje - dalsze dostosowywanie formularza wyskakującego

Na karcie Opcje

można dostosować formularz wyskakującego okienka. Można dostosować następujące opcje:
  • Harmonogram ( tylko kontaProfessional i Enterprise ): aby zaplanować formularz wyskakujący tak, aby był aktywny dopiero od określonej daty, wybierz opcję Zaplanuj na później.
    • Aby opublikować formularz wyskakujący w określonym dniu i godzinie, kliknij menu rozwijane Data rozpoczęcia i Godzina, a następnie 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ę.
  • Małe rozmiary ekranu: aby wyłączyć formularz wyskakujący na urządzeniach mobilnych, zaznacz opcję Wyłącz formularz wyskakującyna małych rozmiarach ekranu . Mimo że formularze wyskakujące są zoptymalizowane pod kątem urządzeń mobilnych, zaleca się ich wyłączenie na urządzeniach mobilnych.
  • Pokaż ponownie odrzucony formularz wyskakujący po: kliknij menu rozwijane, aby ustawić czas, jaki ma upłynąć po odrzuceniu przez odwiedzającego formularza wyskakującego, zanim będzie on mógł zobaczyć go ponownie.
  • Dodaj kontakty do kampanii Salesforce: jeśli korzystasz z integracji z Salesforce, kliknij menu rozwijane, aby powiązać każdy kontakt, który wyskakuje z formularza pop-up, z kampanią Salesforce.
  • Dodaj kontakty doGoToWebinar: jeśli korzystasz z integracji z GoToWebinar, kliknij menu rozwij ane, aby zarejestrować każdy kontakt, który wyskakuje z formularza pop-up, na konkretny webinar.
  • Gdy kontakty zostaną przechwycone, wyślij powiadomienia e-mail do: kliknij menu rozwijane, aby wprowadzić adres e-mail, albo wybierz użytkownika lub zespół, który ma otrzymywać powiadomienia o przechwyceniu kontaktów.
  • Wysyłaj e-maile opt-in: jeśli włączona jest opcja double opt-in, aby zarządzać ustawieniami double opt-in dla formularzy pop-up, kliknij opcję Zarządzaj w ustawieniach.
  • Typ subskrypcji follow-up: jeśli ustawienia GDPR są włączone, kliknij menu rozwijane, aby wybrać opcję typ subskrypcji dla wysyłanych wiadomości e-mail.
  • Przesyłajnowe kontakty do dostawcy poczty e-mail (opcjonalnie): aby skonfigurowaćdostawcę poczty e-mail, do którego mają być przesyłane kontakty, kliknij Zarządzaj w ustawieniach. Dowiedz się więcej o przesyłaniu kontaktów na listy MailChimp.
Po zakończeniu konfigurowania opcji formularza kliknij przycisk Dalej.


7. Podgląd - wyświetlenie podglądu wyskakującego formularza

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

  • Aby zobaczyć, jak formularz wyskakujący 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ć poszczególne kroki formularza wyskakującego, kliknij ikonylewaprawaikony strzałek w lewo/prawo.

Publikowanie i usuwanie wyskakującego formularza

  • Po zakończeniu konfigurowania formularza w prawym górnym rogu kliknij przycisk Publikuj, aby uruchomić wyskakujący formularz.
  • Na karcie Opcje można również usunąć formularz aktywny z publikacji:
    • Przejdź do karty Opcje.
    • Kliknij przycisk Unpublish (Nie publikuj).
    • W oknie dialogowym kliknij przycisk Nie publikuj wyskakującego formularza.
    • Po usunięciu 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.

New Call-to-action

Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.