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.

Konfigurowanie i stylizowanie formularzy na stronach HubSpot

Data ostatniej aktualizacji: maja 23, 2024

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

Po utworzeniu formularza w HubSpot można dodać go do dowolnego modułu formularza na stronie HubSpot. Na każdej stronie można również skonfigurować, co dzieje się po przesłaniu formularza i dostosować styl elementów formularza, takich jak przycisk przesyłania i pola formularza.

Zanim zaczniesz

Przed skonfigurowaniem formularzy na stronie HubSpot należy pamiętać o następujących kwestiach:

  • Ustawienia i zmiany stylizacji będą miały zastosowanie tylko do modułu formularza na wybranej stronie. Wszelkie wprowadzone zmiany ustawień i stylizacji nie będą miały wpływu na formularz na innych stronach.
  • Aktualizacja zawartości formularza, takiej jak pola formularza, spowoduje aktualizację formularza na wszystkich innych stronach, w tym na wszelkich osadzonych formularzach lub samodzielnych stronach formularzy.

Konfiguracja formularzy

Aby skonfigurować formularz na stronie HubSpot:
  • Przejdź do treści:

    • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
    • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
  • Kliknij nazwę swojej strony.
  • W edytorze zawartości kliknij moduł formularza. Jeśli Twoja strona nie ma obecnie modułu formularza, dowiedz się, jak dodawać moduły do strony.
  • Na karcie Zawartość w lewym panelu dostosuj ustawienia formularza dla tej strony:
    • Tytułformularza : wprowadź nazwę formularza.
    • Wybierz formularz: wybierz formularz dlatej strony.
      • Aby użyć istniejącego formularza, kliknij menu rozwijane i wybierz formularz.
      • Aby utworzyć i użyć nowego formularza, kliknij Akcje > Utwórz nowy formularz. Dowiedz się więcej o konfigurowaniu formularzy
      • Aby wyświetlić zgłoszenia dla tego formularza, kliknij kolejno Akcje > Wyświetl zgłoszenia formularza.
      • Aby sklonować ten formularz, kliknij kolejno Akcje > Klonuj formularz.
      • Aby przejrzeć inne strony korzystające z wybranego formularza, kliknij kolejno Akcje > Strony korzystające z tego formularza.
      • Aby edytować formularz w edytorze formularzy, kliknij kolejno Akcje > Przejdź do pełnego edytora formularzy.



Dostosowywanie zawartości formularza

Aby edytować pola formularza, tekst przycisków oraz opcje prywatności danych i zgody:

  • Kliknij, aby rozwinąć sekcję Zawartość formularza .
  • Skonfiguruj zawartość formularza:
    • Pola formularza: kliknij i przeciągnij pola, aby edytować kolejność wyświetlania w formularzu. Nie jest możliwe przeciąganie i upuszczanie pól formularza w przypadku formularzy wielokolumnowych lub będących częścią modułu niestandardowego. Aby dodać dodatkowe pola formularza:
      • Kliknij + Dodaj kolejne pole formularza.
      • Kliknij menu rozwijane Wybierz właściwość i użyj paska wyszukiwania, aby wyszukać pole.
      • Kliknij właściwość, aby dodać ją jako pole formularza.
    • Tekst przycisku: wprowadź tekst do wyświetlenia na przycisku przesyłania.
    • Opcje prywatności danych i zgody: w menu rozwijanym wybierz informacje o powiadomieniu i zgodzie, które mają być wyświetlane.
    • Captcha ( zapobieganiespamowi): kliknij, aby włączyć przełącznik Captcha ( zapobieganiespamowi ), aby wyświetlić niewidoczną reCAPTCHA Google.

Uwaga: aktualizacja zawartości formularza spowoduje aktualizację formularza na wszystkich innych stronach, na których formularz jest używany, w tym na wszelkich osadzonych formularzach lub samodzielnych stronach formularzy.



KB - Drag Drop Fields Form HubSpot-1

Konfiguracja akcji po wysłaniu formularza

Domyślnie formularze dodane do stron HubSpot będą wyświetlać komunikat z podziękowaniem za przesłanie formularza. Formularz nie wyświetli akcji po wysłaniu skonfigurowanej w edytorze formularzy.

W edytorze stron można dostosować inną akcję po wysłaniu formularza. Aby skonfigurować, co dzieje się po przesłaniu formularza:

  • Kliknij, aby rozwinąć sekcję Podziękowania.
  • W sekcji Co zobaczy odwiedzający po przesłaniu formularza skonfiguruj akcje po przesłaniu formularza:
    • Przekieruj na inną stronę: przekieruj odwiedzającego na inną stronę po przesłaniu formularza.
      • Kliknij opcję Przekieruj na inną stronę.
      • Kliknij menu rozwijane Link przekierowujący i wybierz istniejącą stronę HubSpot lub wprowadź adres URL.
    • Wyświetl wbudowaną wiadomość z podziękowaniem: wyświetl wiadomość po przesłaniu formularza przez odwiedzającego. Możesz wprowadzić wiadomość z podziękowaniem w polu tekstowym.

Konfiguracja automatyzacji formularzy

Możesz zarządzać automatyzacją formularzy, taką jak opcje tworzenia kontaktów i marketingowych wiadomości e-mail, a także wszelkimi przepływami pracy powiązanymi z formularzami. Wyzwalacze rejestracji podlegają następującym zachowaniom:

  • Po dodaniu przepływu pracy w ustawieniach automatyzacji modułu formularza, odpowiedni wyzwalacz rejestracji przesłania formularza zostanie dodany do przepływu pracy.
  • Usunięcie przepływu pracy z ustawień automatyzacji modułu formularza spowoduje również usunięcie go z wyzwalaczy rejestracji przepływu pracy.
  • Jeśli wyzwalacz rejestracji formularza użyty w przepływie pracy nie określa strony, wyzwalacza nie można usunąć ze strony i zamiast tego należy go usunąć z przepływu pracy.

Aby skonfigurować ustawienia automatyzacji dla formularza, kliknij opcję Automatyzacja formularza w lewym panelu, aby rozwinąć sekcję, a następnie przejrzyj następujące opcje automatyzacji:

new-form-automation-section-in-form-module

  • Zawsze twórz nowy kontakt dla adresu e-mail: utwórz nowy rekord kontaktu za każdym razem, gdy formularz zostanie przesłany z nowym adresem e-mail, niezależnie od wszelkich pasujących kontaktów użytkownika z istniejącymi kontaktami z przesłanego formularza.
  • Ustaw kontakty utworzone jako kontakty marketing owe: ustaw wszystkie kontakty utworzone za pomocą tego formularza jako kontakty marketingowe.
  • Follow up with an email: wyślij wiadomość e-mail do odwiedzających, którzy przesłali formularz. Kolejne wiadomości e-mail mogą być wysyłane tylko do kontaktów marketingowych.
    • Aby dodać wiadomość e-mail:
      • Kliknij opcję Wybierz wiadomość e-mail +.
      • W oknie dialogowym kliknij menu rozwijane Wybierz wiadomość e-mail i wybierz istniejącą automatyczną wiadomość e-mail lub kliknij Utwórz nową wiadomość e-mail, aby utworzyć nową automatyczną wiadomość e-mail.
      • Kliknij przycisk Zapisz. Wybrana wiadomość follow-up zostanie wyświetlona w lewym panelu.
      • Po skonfigurowaniu kolejnych wiadomości e-mail w prawym górnym rogu kliknij przycisk Opublikuj lub Aktualizuj, aby wprowadzić zmiany w życie. Wiadomość follow-up nie zostanie włączona do momentu opublikowania zmian.
    • Aby zmienić używany e-mail uzupełniający, najedź kursorem na wiadomość e-mail i kliknij ikonę ołówka obok wiadomości e-mail.
    • Aby usunąć wiadomość e-mail, najedź kursorem na wiadomość i kliknij ikonę X obok wiadomości. Wiadomość e-mail nie powinna być już wyświetlana.
    • Jeśli formularz był wcześniej powiązany ze starszą wiadomością e-mail, wyświetlony zostanie alert Ten formularz używa starszej wiadomości e-mail. Podczas gdy starszych wiadomości e-mail nie można edytować, jeśli wiadomość e-mail została wcześniej opublikowana, można ją zaktualizować do automatycznej wiadomości e-mail. Zaktualizowane automatyczne wiadomości e-mail można następnie edytować.
      • Aby zaktualizować wcześniej opublikowaną starszą wiadomość e-mail do zautomatyzowanej wiadomości e-mail, którą można edytować, kliknij przycisk Aktualizuj wiadomość e-mail. Następnie kliknij przycisk Aktualizuj. Jeśli wiadomość e-mail nie została wcześniej opublikowana, ta opcja nie będzie wyświetlana.
      • Aby usunąć opublikowaną lub nieopublikowaną starszą wiadomość e-mail, kliknij opcję Usuń. Następnie kliknij przycisk Usuń.
  • Połączone przepływy pracy: wyświetlone zostaną wszystkie przepływy pracy i proste przepływy pracy wykorzystujące formularz jako wyzwalacz rejestracji. Dowiedz się więcej o używaniu automatyzacji z formularzami.
    • Aby użyć formularza jako wyzwalacza w przepływie pracy, kliknij opcję Dodaj formularz do przepływu pracy lub Dodaj formularz do innego przepływu pracy.
      • Kliknij Dodaj formularz do przepływu pracy.
      • Wybierz istniejący przepływ pracy lub kliknij Utwórz nowy przepływ pracy, aby utworzyć nowy przepływ pracy. Jeśli utworzysz nowy przepływ pracy, skonfiguruj go, a następnie wróć do modułu formularza na stronie docelowej lub stronie witryny.
    • Aby dodać kolejny przepływ pracy, kliknij Dodaj formularz do innego przepływu pracy, a następnie wybierz istniejący przepływ pracy lub kliknij Utwórz nowy przepływ pracy.
    • Aby usunąć formularz jako wyzwalacz przepływu pracy, najedź kursorem na przepływ pracy i kliknij ikonę usuwania obok przepływu pracy.

Uwaga:

  • Gdy przepływ pracy zostanie dołączony do modułu formularza, natychmiast zaktualizuje on wyzwalacze rejestracji przepływu pracy, nawet jeśli strona nie została jeszcze opublikowana lub zaktualizowana.
  • W przypadku sklonowania strony HubSpot z formularzem ustawionym na rejestrowanie kontaktów w przepływie pracy, zgłoszenia formularzy na nowej, sklonowanej stronie nie zostaną dodane jako nowy wyzwalacz rejestracji w przepływie pracy.






Konfigurowanie dodatkowych opcji formularza

Możesz także skonfigurować dodatkowe ustawienia, takie jak wybór odbiorców powiadomień formularza. Ponadto, jeśli zainstalowałeś integrację HubSpot-Salesforce, możesz również powiązać formularz z aktywną kampanią Salesforce.

Aby skonfigurować dodatkowe opcje formularza, przewiń do dołu lewego panelu, a następnie skonfiguruj następujące opcje:

  • Send form notifications to specified email addresses instead of the form defaults: domyślnie powiadomienia o przesłaniu formularza będą wysyłane do wszystkich odbiorców dodanych w zakładce Options formularza. Aby zastąpić domyślnych odbiorców formularza i wybrać odbiorców powiadomień dla zgłoszeń na tej stronie:
    • Kliknij, aby włączyć opcję Wysyłaj powiadomienia na określone adresy e-mail zamiast domyślnych adresów formularza.
    • Kliknij menu rozwijane Adresy e-mail i wybierz odbiorców. Tylko użytkownicy HubSpot mogą zostać wybrani jako odbiorcy powiadomień o formularzach.
    • Aby usunąć odbiorcę, kliknij ikonę X obok jego adresu e-mail.
  • Kampania Sales force: jeśli masz włączoną integrację Salesforce, możesz powiązać formularz z aktywną kampanią Salesforce, klikając menu rozwijane i wybierając kampanię. Dowiedz się więcej o kojarzeniu formularzy z kampaniami Salesforce.

Stylizacja formularzy na stronach HubSpot

Możesz dostosować styl całego formularza, a także wprowadzić określone zmiany w stylu przycisku przesyłania lub pól formularza. Aby dostosować styl formularza:

  • W górnej części lewego panelu kliknij kartę Style.
  • Kliknij karty Moduł, Pola lub Przyciski, aby wybrać element formularza, który chcesz stylizować.
  • Dostosuj wybrany element formularza, korzystając z poniższych opcji tekstu i wyrównania.
  • Kliknij przycisk Opublikuj lub Aktualizuj , aby wprowadzić zmiany na stronie.

Uwaga: formularze wyświetlane na stronach HubSpot mogą być stylizowane tylko indywidualnie dla każdej strony. Formularze osadzone na zewnętrznych stronach lub samodzielne strony z formularzami muszą być stylizowane w edytorze formularzy lub za pomocą CSS w zewnętrznym arkuszu stylów.


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.