Konfigurowanie i dostosowywanie formularzy na stronach HubSpot (wersja starsza)

Po utworzeniu formularza w HubSpot możesz dodać go do dowolnegomodułu formularza na stronie HubSpot. Na każdej stronie możesz również skonfigurować, co ma się stać po wysłaniu formularza, oraz dostosować styl elementów formularza, takich jak przycisk wysyłania i pola formularza.

Uwaga: ten artykuł dotyczy wyłącznie formularzy utworzonych przy użyciu starszej wersji edytora. Do tworzenia nowych formularzy i zarządzania nimi zaleca się korzystanie z zaktualizowanego edytora formularzy. Dowiedz się więcej o dostosowywaniu wyglądu formularzy na stronach HubSpot.

Zanim zaczniesz

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

• Zmiany ustawień i stylów będą miały zastosowanie wyłącznie do modułu formularza na wybranej stronie. Wszelkie wprowadzone zmiany ustawień i stylów nie będą miały wpływu na formularz na innych stronach.
• Aktualizacja treści formularza, np. pól formularza, spowoduje aktualizację formularza na wszystkich pozostałych stronach, w tym na wszelkich osadzonych formularzach lub samodzielnych stronach formularzy. 

Konfiguracja formularzy

1. Przejdź do treści:

   • Strony internetowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
   • Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
2. Kliknij nazwę swojej strony.
3. W edytorze treści kliknij moduł formularza. Jeśli na Twojej stronie nie ma obecnie modułu formularza, dowiedz się, jak dodać moduły do strony. 
4. W zakładce „Treść” w panelu po lewej stronie 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ę Działania > Utwórz nowy formularz. Dowiedz się więcej o konfigurowaniu formularzy
     • Aby wyświetlić zgłoszenia dla tego formularza, kliknij opcję Działania > Wyświetl zgłoszenia formularza.
     • Aby sklonować ten formularz, kliknij opcję Działania > Klonuj formularz.
     • Aby przejrzeć inne strony korzystające z wybranego formularza, kliknij Działania > Strony korzystające z tego formularza.
     • Aby edytować formularz w edytorze formularzy, kliknij Działania > Przejdź do pełnego edytora formularzy. 
       
       

Dostosuj zawartość formularza

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

1. Kliknij, aby rozwinąć sekcję „Treść formularza ”.
2. Skonfiguruj zawartość formularza: 
   • Pola formularza: kliknij i przeciągnij pola, aby zmienić kolejność ich wyświetlania w formularzu. Nie można przeciągać i upuszczać pól formularza w przypadku formularzy wielokolumnowych lub gdy są one częścią modułu niestandardowego. Aby dodać dodatkowe pola formularza:
     • Kliknij „+ Dodaj kolejne pole formularza”.
     • Kliknij menu rozwijane Wybierz właściwość i skorzystaj z paska wyszukiwania, aby znaleźć pole. 
     • Kliknij właściwość, aby dodać ją jako pole formularza. 

• • Tekst przycisku: wprowadź tekst, który ma być wyświetlany na przycisku przesyłania.
  • Opcje dotyczące prywatności danych i zgody: z menu rozwijanego wybierz treść informacji o ochronie danych i zgody, które mają być wyświetlane.
  • Captcha (ochrona przed spamem): kliknij, aby włączyć przełącznik Captcha (ochrona przed spamem) i wyświetlić niewidoczną reCAPTCHA firmy Google.

Uwaga: aktualizacja treści formularza spowoduje aktualizację formularza na wszystkich innych stronach, na których jest on używany, w tym na stronach z osadzonymi formularzami lub samodzielnych stronach formularzy.

Skonfiguruj działania po przesłaniu formularza

Domyślnie formularze dodane do stron HubSpot wyświetlają komunikat„ ” z podziękowaniem za przesłanie formularza. Formularz nie wyświetli działania po przesłaniu skonfigurowanego w edytorze formularzy.

W edytorze strony możesz dostosować inne działanie po przesłaniu formularza. Aby skonfigurować, co ma się stać po przesłaniu formularza:

1. Kliknij, aby rozwinąć sekcję „Podziękowanie ”.
2. W sekcji „Co zobaczy odwiedzający po przesłaniu formularza ” skonfiguruj działania po przesłaniu formularza : 
   • Przekierowanie na inną stronę: przekieruj odwiedzającego na inną stronę po przesłaniu formularza.
     • Kliknij opcję „Przekieruj na inną stronę”.
     • Kliknij menu rozwijane „Link przekierowania ” i wybierz istniejącą stronę HubSpot lub wprowadź adres URL.
   • Wyświetl komunikat z podziękowaniem w treści strony: wyświetl komunikat po przesłaniu formularza przez odwiedzającego. W polu tekstowym możesz wpisać komunikat z podziękowaniem.

Skonfiguruj automatyzację formularza

Możesz zarządzać automatyzacją formularza, taką jak tworzenie kontaktów i opcje e-maili marketingowych, a także wszelkimi przepływami pracy powiązanymi z formularzami. Wyzwalacze rejestracji działają w następujący sposób:

• Gdy w ustawieniach automatyzacji modułu formularza dodaje się przepływ pracy, do tego przepływu zostanie dodany odpowiedni wyzwalacz rejestracji związany z przesłaniem formularza.
• Usunięcie przepływu pracy z ustawień automatyzacji modułu formularza spowoduje również usunięcie go z wyzwalaczy rejestracji tego przepływu pracy.
• Jeśli wyzwalacz rejestracji z formularza używany w przepływie pracy nie określa strony, nie można go usunąć ze strony i należy go usunąć z przepływu pracy.

Aby skonfigurować ustawienia automatyzacji dla formularza, kliknij op cję Automatyzacja formularza w panelu po lewej stronie, aby rozwinąć tę sekcję, a następnie zapoznaj się z następującymi opcjami automatyzacji:

• Zawsze twórz nowy kontakt dla adresu e-mail: twórz nowy rekord kontaktu za każdym razem, gdy formularz zostanie przesłany z nowym adresem e-mail, niezależnie od dopasowania tokenów użytkownika do istniejących kontaktów z przesłanego formularza. 
• Ustaw utworzone kontakty jako kontakty marketingowe: ustaw wszystkie kontakty utworzone za pośrednictwem tego formularza jako kontakty marketingowe.
• Wyślij wiadomość e-mail z przypomnieniem:wyślij wiadomość e-mail z przypomnieniem do osób, które przesłały formularz. Wiadomości e-mail z przypomnieniem można wysyłać wyłącznie do kontaktów marketingowych. 
  • Aby dodać wiadomość e-mail z przypomnieniem:
    • 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 „Zapisz”. Wybrany e-mail z przypomnieniem pojawi się w lewym panelu. 
    • Po skonfigurowaniu wiadomości e-mail z przypomnieniem kliknij w prawym górnym rogu opcję „Opublikuj” lub „Zaktualizuj”, aby wprowadzić te zmiany. Wiadomość e-mail z przypomnieniem nie zostanie włączona, dopóki zmiany nie zostaną opublikowane. 

• • Aby zmienić używaną wiadomość e-mail z przypomnieniem, najedź kursorem na wiadomość i kliknij ikonę ołówka obok niej. 
  • Aby usunąć wiadomość e-mail z przypomnieniem, najedź kursorem na wiadomość i kliknij ikonę „X” obok niej. Wiadomość nie powinna już być wyświetlana. 
  • Jeśli formularz był wcześniej powiązany ze starszą wersją wiadomości e-mail z przypomnieniem, pojawi się komunikat: „Ten formularz korzysta ze starszej wersji wiadomości e-mail z przypomnieniem”. Chociaż starszych wersji wiadomości e-mail z przypomnieniem nie można edytować, jeśli wiadomość została wcześniej opublikowana, można ją zaktualizować do postaci automatycznej wiadomości e-mail. Zaktualizowane automatyczne wiadomości e-mail można następnie edytować. 
    • Aby zaktualizować wcześniej opublikowaną wiadomość e-mail z serwisu starszego typu do postaci wiadomości automatycznej, którą można edytować, kliknij opcję „Zaktualizuj wiadomość e-mail”. Następnie kliknij przycisk „Zaktualizuj”. Jeśli wiadomość e-mail nie została wcześniej opublikowana, ta opcja nie będzie wyświetlana. 

• • • Aby usunąć opublikowaną lub nieopublikowaną wiadomość e-mail typu „follow-up” starszego typu, kliknij „Usuń”. Następnie kliknij „Usuń”. 

• Powiązane przepływy pracy: wyświetlą się wszystkie przepływy pracy i proste przepływy pracy, w których formularz służy jako wyzwalacz rejestracji. Dowiedz się więcej o korzystaniu z automatyzacji w połączeniu 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 opcję „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 internetowej. 
  • Aby dodać kolejny przepływ pracy, kliknij opcję „Dodaj formularz do innego przepływu pracy”, a następnie wybierz istniejący przepływ pracy lub kliknij opcję „Utwórz nowy przepływ pracy”.
  • Aby usunąć formularz jako wyzwalacz w przepływie pracy, najedź kursorem na przepływ pracy i kliknij ikonę usuwania obok niego. 

Skonfiguruj dodatkowe opcje formularza

Możesz również 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ą w Salesforce.

Aby skonfigurować dodatkowe opcje formularza, przewiń do dolnej części lewego panelu, a następnie skonfiguruj następujące opcje:

• Wysyłaj powiadomienia z formularza na określone adresy e-mail zamiast na adresy domyślne formularza: domyślnie powiadomienia o przesłaniu formularza będą wysyłane do wszystkich odbiorców dodanych w zakładce Opcje formularza. Aby zastąpić domyślnych odbiorców formularza i wybrać odbiorców powiadomień o przesłaniach na tej stronie:
  • Kliknij, aby włączyć przełącznik „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. Jako odbiorców powiadomień z formularza można wybrać wyłącznie użytkowników HubSpot. 
  • Aby usunąć odbiorcę, kliknij ikonę „X” obok adresu e-mail odbiorcy. 
• Kampania w Salesforce: jeśli masz włączoną integrację z Salesforce, możesz powiązać formularz z aktywną kampanią w Salesforce, klikając menu rozwijane i wybierając kampanię. Dowiedz się więcej o powiązaniu formularzy z kampaniami w Salesforce.
  
  

Dostosuj

wygląd

formularzy na stronach HubSpot

Możesz dostosować ogólny wygląd formularza, a także wprowadzić konkretne zmiany stylistyczne dotyczące przycisku przesyłania lub pól formularza. Aby dostosować wygląd formularza:

1. Przejdź do treści:
   • Strony internetowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strony w witrynie internetowej. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strony w witrynie internetowej.
   • Strony docelowe: Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Strona docelowa. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Strona docelowa.
2. W edytorze treści kliknij moduł formularza. Jeśli na Twojej stronie nie ma obecnie modułu formularza, dowiedz się, jak dodać moduły do strony. 
3. W górnej części lewego panelu kliknij kartę „Style ”.
4. Kliknij zakładkę „Moduł”, „Pola” lub „Przyciski”, aby wybrać element formularza, którego styl chcesz zmienić.
5. Dostosuj wybrany element formularza, korzystając z poniższych opcji tekstu i wyrównania.
6. Kliknij „Opublikuj” lub „Zaktualizuj”, aby zmiany zostały wprowadzone na stronie.

Uwaga: formularze wyświetlane na stronach HubSpot można dostosowywać stylistycznie wyłącznie indywidualnie dla każdej strony.Formularze osadzone na stronach zewnętrznych lub na samodzielnych stronach formularzy należy stylizować w edytorze formularzy lub za pomocą kodu CSS w zewnętrznym arkuszu stylów.