HubSpot Baza wiedzy

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

Autor: HubSpot Support | Oct 18, 2021 4:24:31 PM

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:

  • .
  • 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

Po utworzeniu adresu URL ze statycznym ciągiem zapytania można użyć go jako linku w treści, takiej jak wiadomości e-mail i strony. Kontakt, który kliknie link, zobaczy formularz na stronie automatycznie wypełniony wstępnie zdefiniowanymi wartościami w ciągu zapytania. Oto przykład i podział adresu URL z poprawnie sformatowanymi statycznymi ciągami zapytań:

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.

Uwaga:

  • Dynamiczne ciągi zapytań z tokenami personalizacji będą działać poprawnie tylko wtedy, gdy adres URL jest kierowany do strony hostowanej przez HubSpot z formularzem HubSpot.
  • Ta funkcja nie będzie działać, jeśli adres URL zostanie przekierowany do samodzielnej strony formularza HubSpot.
  • Adres URL z dynamicznymi ciągami zapytań musi być również umieszczony w treści HubSpot lub na zewnętrznej stronie z kodem śledzenia HubSpot.

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:

  • 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}}