Automatyczne wypełnianie pól formularza ciągiem zapytania

Możesz automatycznie wypełniać pola formularzy na stronie, dodając ciągi zapytań do adresu URL strony przed wysłaniem jej do kontaktów. Reklamy będą wypełniane na podstawie dodanego ciągu zapytania. Działa to również w przypadku ukrytych pól formularzy. Można na przykład utworzyć niestandardowe właściwości UTM i użyć parametrów UTM do automatycznego wypełnienia ukrytego pola formularza.

Aby utworzyć adres URL z ciągiem zapytania, należy skopiować wewnętrzne nazwy właściwości wszystkich pól, które mają zostać wstępnie wypełnione, a następnie dodać je na końcu adresu URL strony.

Uwaga: nie można używać ciągów zapytań do automatycznego wypełniania zależnych pól formularzy. HubSpot nie może również wyzwalać pól zależnych na podstawie wielu wartości w ciągach zapytań

Skopiuj wewnętrzną nazwę właściwości

Aby znaleźć wewnętrzną nazwę właściwości:

• Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
• W lewym menu paska bocznego przejdź do Właściwość.
• Kliknij nazwę właściwości, aby wstępnie wypełnić wartości.
• Skopiuj wewnętrzną nazwę właściwości. Dowiedz się więcej o nazwach wewnętrznych tutaj.
• Powtórz tę czynność dla innych właściwości, dla których chcesz wstępnie wypełnić wartości w formularzu.
  
  

Tworzenie statycznych ciągów zapytań z predefiniowanymi wartościami

Po skopiowaniu wewnętrznych nazw właściwości można ustawić adres URL strony, który zostanie wysłany do kontaktów:

• W przeglądarce przejdź do strony, na której znajduje się formularz. Następnie skopiuj jej adres URL.
• Dodaj znak zapytania (?) na końcu adresu URL strony.
• Dodaj wewnętrzną nazwę właściwości, obserwując znak równości i wartość do automatycznego wypełnienia w polu. Zwróć uwagę na zasady dodawania wartości, w zależności od typu pola właściwości:
  • Pojedyncze pole wyboru: ciągi zapytania muszą zawierać wartość true lub false, a nie yes lub no.
  • Selektor daty: ciągi zapytania muszą zawierać wartość daty w formacie RRRR-MM-DD.
  • Wiele pól wyboru: wartości ciągu zapytania muszą dokładnie odpowiadać opcjom wartości właściwości, ze średnikiem oddzielającym wiele wartości.
  • Radio select/Dropdown select: wartości ciągu zapytania muszą dokładnie odpowiadać opcjom wartości właściwości.
  • Dla wszystkich typów pól: podczas tworzenia ciągów zapytań zasady te mają zastosowanie do wszystkich typów pól.
    • Właściwość musi być oddzielona spacjami %20.
    • Wiele różnych właściwości musi być oddzielonych znakiem ampersand (&).

Przykładowy adres URL z ciągiem zapytania

http://www.domain.com/marketing-offer?firstname=John&lastname=Smith&email=jsmith@email.com
&favorite_season=Winter%20Season&favorite_fast_food=Burger;Taco&number_property=7
&will_you_come_to_the_party=Maybe&do_you_like_parties=true&date_of_party=2018-10-24


• Początek ciągu zapytania i jednowierszowe pole tekstowe:?firstname=John
• Jednowierszowepole tekstowe: &lastname=Smith
• Jednoliniowe pole tekstowe: &email=jsmith@email.com
• Rozwijane pole wyboru: &favorite_season=Winter%20Season
• Pole wielokrotnego wyboru: &favorite_fast_food=Burger;Tacos
• Pole liczbowe: &favorite_number=7
• Pole wyboru radia: &will_you_come_to_the_party=Maybe
• Pojedyncze pole wyboru: &do_you_like_parties=true
• Pole wyboru daty: &date_of_party=2018-10-2
  
  

Tworzenie dynamicznych ciągów zapytań ze spersonalizowanymi symbolami( tylkoMarketing Hub Professional lub Enterprise )

Spersonalizowanych symboli można używać do tworzenia dynamicznych ciągów zapytań, które będą automatycznie wypełniać pola formularzy na podstawie znanych właściwości kontaktu.

Odzyskaj spersonalizowany symbol

Najpierw należy pobrać tokeny spersonalizowanego symbolu potrzebne do utworzenia ciągów zapytań. Aby pobrać spersonalizowany symbol dla właściwości:

• Na koncie HubSpot przejdź do Marketing > E-mail.
• Kliknij opcję Utwórz wiadomość e-mail lub nazwę wersji roboczej wiadomości e-mail.
• Na pasku narzędzi tekstu sformatowanego kliknij opcję Personalizuj.
• Skonfiguruj spersonalizowane symbole:
  
  • W oknie dialogowym wybierz spersonalizowany symbol do automatycznego wypełnienia formularza.
  • Zaznacz pole wyboru Użyj globalnej wartości domyślnej tej właściwości podczas wstawiania spersonalizowanego symbolu.
  • W razie potrzeby kontynuuj dodawanie dodatkowych tokenów spersonalizowanych.
    
    

• Na pasku narzędzi tekstu sformatowanego kliknij ikonę Więcej > codef kod źródłowy, aby wyświetlić kod HTML wiadomości e-mail.
• W kodzie źródłowym zobaczysz nieprzetworzony kod dla każdego spersonalizowanego symbolu dodanego do treści wiadomości e-mail. Każdy token zostanie ujęty w podwójne nawiasy {{ }}. Podświetl token (np. {{ contact.firstname }}), a następnie kliknij prawym przyciskiem myszy i wybierz opcję Kopiuj.
• Powtórz tę czynność dla wszystkich spersonalizowanych symboli, które chcesz wstępnie wypełnić w formularzu.
• W dolnej części okna dialogowego kliknij przycisk Anuluj i zamknij , aby zamknąć kod źródłowy.
  
  

Utwórz adres URL z dynamicznymi ciągami zapytań

Użyj spersonalizowanych symboli, aby utworzyć adres URL z dynamicznymi ciągami zapytań. Ten adres URL może być używany jako link w treściach HubSpot, takich jak wiadomości e-mail i strony, lub na zewnętrznej stronie z kodem śledzenia HubSpot. Kontakt, który kliknie link, zobaczy formularz na stronie automatycznie wypełniony jego informacjami, jeśli ma znane wartości dla pól w ciągu zapytania.

Aby utworzyć adres URL z dynamicznymi ciągami zapytań:

• W przeglądarce przejdź do strony, na której znajduje się formularz. Następnie skopiuj adres URL.

• Korzystając z adresu URL strony i spersonalizowanych symboli, sformatuj dynamiczny ciąg zapytania:

• • Dodaj znak zapytania (?) na końcu adresu URL strony.
  • Dodaj wewnętrzną nazwę właściwości, obserwując znak równości i spersonalizowany symbol. Upewnij się, że wszystkie spacje zostały usunięte z tokena (np. {{contact.firstname}} ).
  • Właściwość wielokrotną należy oddzielić znakiem ampersand (&).
• Oto przykład adresu URL z poprawnie sformatowanymi dynamicznymi ciągami zapytań:

http://www.domain.com/marketing-offer?firstname={{contact.firstname}}&lastname={{contact.lastname}}&email={{contact.email}}