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. Pola zostaną wypełnione 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.

Zrozumienie ograniczeń i rozważań

• Ciągi zapytań nie mogą automatycznie wypełniać zależnych pól formularzy.
• Zależne pola formularza nie mogą być wyzwalane na podstawie wielu wartości w ciągu zapytania.

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

Aby utworzyć adres URL ze statycznym ciągiem zapytania, należy skopiować wewnętrzną nazwę właściwości wszystkich pól, które mają być automatycznie wypełniane, a następnie dodać je na końcu adresu URL strony.

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

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

Utwórz adres URL ze statycznymi ciągami zapytań

Po skopiowaniu nazw właściwości wewnętrznych możesz skonfigurować adres URL strony, który wyślesz do swoich kontaktów:

1. W przeglądarce przejdź do strony, na której znajduje się formularz. Następnie skopiuj adres URL.
2. Dodaj znak zapytania (?) na końcu adresu URL strony.
3. Dodaj wewnętrzną nazwę właściwości, a następnie znak równości i wartość do automatycznego wypełnienia pola. 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.
     • Spacje w wartości właściwości muszą być oddzielone znakiem %20.
     • Wiele różnych właściwości musi być oddzielonych znakiem ampersand (&).

Przykładowy adres URL ze statycznym 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ń z tokenami personalizacji

Za pomocą tokenów personalizacji można tworzyć dynamiczne ciągi zapytań, które będą automatycznie wypełniać pola formularzy na podstawie znanych właściwości kontaktu.

Pobieranie tokenu personalizacji

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

1. Na koncie HubSpot przejdź do Marketing > E-mail..
2. Kliknij przycisk Utwórz wiadomość e-mail lub kliknij nazwę wersji roboczej wiadomości e-mail.
3. Na pasku narzędzi tekstu sformatowanego kliknij opcję Personalizuj.
4. Skonfiguruj tokeny personalizacji:
   
   • W oknie dialogowym wybierz token personalizacji do automatycznego wypełnienia w formularzu.
   • Zaznacz pole wyboru Użyj globalnej wartości domyślnej tej właściwości podczas wstawiania tokenu personalizacji.
   • W razie potrzeby kontynuuj dodawanie dodatkowych tokenów personalizacji.

5. Na pasku narzędzi tekstu sformatowanego kliknij przycisk Więcej i wybierz ikonę kodu źródłowegocodef , aby wyświetlić kod HTML wiadomości e-mail.
6. W kodzie źródłowym zobaczysz nieprzetworzony kod dla każdego tokenu personalizacji 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.
7. Powtórz tę czynność dla wszystkich tokenów personalizacji, które chcesz wstępnie wypełnić w formularzu.
8. 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 tokenów personalizacji, 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 swoimi informacjami, jeśli ma znane wartości dla pól w ciągu zapytania.

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

1. W przeglądarce przejdź do strony, na której znajduje się formularz. Następnie skopiuj adres URL.
2. Korzystając z adresu URL strony i tokenów personalizacji, sformatuj dynamiczny ciąg zapytania:
   • Dodaj znak zapytania (?) na końcu adresu URL strony.
   • Dodaj wewnętrzną nazwę właściwości, a następnie znak równości i token personalizacji. Upewnij się, że wszystkie spacje zostały usunięte z tokena (np. {{contact.firstname}}} ).
   • Oddziel wiele właściwości znakiem ampersand (&).
3. 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}}