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.

Aby utworzyć adres URL z ciągiem zapytania, musisz skopiować wewnętrzną nazwę właściwości wszystkich pól, które chcesz wstępnie wypełnić, 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 menu na lewym pasku bocznym przejdź do Właściwości.
• Kliknij nazwę właściwości, aby wstępnie wypełnić wartości.
• Skopiuj wewnętrzną nazwę właściwości.
• Powtórz tę czynność dla wszystkich 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 nazw właściwości wewnętrznych można skonfigurować 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 adres URL.
• 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 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 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 jedn owierszowe pole tekstowe: ?firstname=John
• Jednowierszowe pole 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
• Polewyboru 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( tylkoMarketing Hub Professional lub Enterprise )

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:

• Na koncie HubSpot przejdź do sekcji Marketing > Marketingowa wiadomość 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 tokeny personalizacji:
  
  • W oknie dialogowym wybierz token personalizacji do automatycznego wypełnienia formularza.
  • 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.
    
    

• 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 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.
• Powtórz tę czynność dla wszystkich tokenów personalizacji, 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.
  
  

Tworzenie adresu 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 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 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 (&).
• 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}}