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: 7 października 2025

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

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 formularza na stronie HubSpot

  1. 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..
  2. Kliknij nazwę swojej strony.
  3. 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.
  4. Nakarcie Zawartość w edytorze paska bocznego dostosuj ustawienia formularza dla tej strony:
    • Tytuł formularza: wprowadź nazwę formularza.
    • Formularz: wybierz formularz dla tej strony.
      • Aby użyć istniejącego formularza, kliknij menu rozwijane i wybierz formularz.
      • Aby utworzyć i użyć nowego formularza, kliknij opcję Akcje. Następnie wybierz opcję Utwórz nowy formularz. Dowiedz się więcej o konfigurowaniu formularzy.
      • Aby wyświetlić zgłoszenia dla tego formularza, kliknij opcję Działania. Następnie wybierz opcję Wyświetl zgłoszenia formularza.
      • Aby edytować formularz w edytorze formularzy, kliknij opcję Działania. Następnie wybierz opcję Przejdź do edytora formularzy.

Screenshot of the form module within the content editor, showing the Actions dropdown menu open with options to View form submissions, Go to the forms editor, and Create new form.


Konfigurowanie automatyzacji formularzy

Możesz zarządzać automatyzacją formularzy, takimi jak wiadomości e-mail z działaniami następczymi i wszelkie przepływy pracy powiązane z formularzami. Wyzwalacze rejestracji podlegają następującemu zachowaniu:

  • 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żywany 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:

  • Follow up with an email: wysyłanie wiadomości 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 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ść e-mail i kliknij ikonę X obok wiadomości e-mail. Wiadomość e-mail nie powinna być już wyświetlana.
  • 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ń z 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 skonfigurowaną 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.

Screenshot of a form module's sidebar editor, showing the checkbox selected for “Send form notifications to specified email addresses” and the “Salesforce campaign” dropdown menu.

Stylizacja formularzy na stronach HubSpot

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

  1. 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.
  2. Kliknij nazwę swojej strony.
  3. 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.
  4. W górnej części edytora paska bocznego kliknij kartę Style.
  5. Kliknij karty Moduł, Pola lub Przycisk, aby wybrać element formularza, który chcesz nadać styl.
  6. Dostosuj wybrany element formularza, korzystając z poniższych opcji tekstu i wyrównania.
  7. W prawym górnym rogu 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 stronach zewnętrznych lub samodzielne strony formularzy muszą być stylizowane w edytorze formularzy lub za pomocą CSS w zewnętrznym arkuszu stylów.


Screenshot of a form module's sidebar editor showing the Styles tab selected, showing sections for Visibility, Alignment and spacing, Typography, and Background.

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.