- Baza wiedzy
- Marketing
- Formularze
- Konfigurowanie i stylizowanie formularzy na stronach HubSpot
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
-
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.
- 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.
-
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 dodać wiadomość e-mail:
-
- 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.
- 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.
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.
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:
- 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.
- W górnej części edytora paska bocznego kliknij kartę Style.
- Kliknij karty Moduł, Pola lub Przycisk, aby wybrać element formularza, który chcesz nadać styl.
- Dostosuj wybrany element formularza, korzystając z poniższych opcji tekstu i wyrównania.
- 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.