Dodawanie formularzy HubSpot do stron i postów WordPress (starsze wersje)

Po pomyślnym zainstalowaniu wtyczki HubSpot - Funkcje systemu CRM HubSpot, Email Marketing, Czat na żywo, Formularze i Analityka, możesz dodać starsze formularze HubSpot do swoich stron i postów WordPress.

Uwaga: ten artykuł jest przeznaczony wyłącznie dla istniejących formularzy utworzonych przy użyciu starszego edytora. Obecnie nie jest możliwe osadzenie formularzy HubSpot utworzonych przy użyciu zaktualizowanego edytora formularzy na stronach lub postach WordPress. Dowiedz się więcej o korzystaniu ze zaktualizowanego edytora formularzy do tworzenia formularzy i zarządzania nimi.

W WordPress możesz dodać swoje starsze formularze HubSpot za pomocą edytora klasycznego lub edytora Gutenberg.

Przed rozpoczęciem

Przed rozpoczęciem należy zwrócić uwagę na następujące kwestie:

• Jeśli osadzasz formularz w witrynie WordPress, może być konieczne zastosowanie dodatkowych deklaracji CSS w zewnętrznym arkuszu stylów , aby formularz był responsywny.
• Jeśli zauważysz, że Twój formularz nie działa w WordPress lub kod osadzania jest zmieniany podczas wyświetlania strony na żywo, może być konieczne wstawienie formularza za pomocą wtyczki , aby upewnić się, że kod osadzania pozostanie nienaruszony.
• Jeśli korzystasz z innej wtyczki do formularzy, takiej jak Kontakt Form 7 lub Ninja Forms, możesz zbierać zgłoszenia w HubSpot. Zapoznaj się z tabelą obsługiwanych formularzy, a następnie dowiedz się, jak korzystać z zebranych formularze innych niż HubSpot.
• Jeśli korzystasz z obsługiwanego formularza Zebrane formularze w WordPress, ale nie widzisz danych przesyłania formularza w HubSpot, być może masz zainstalowaną inną wtyczkę WordPress, która koliduje z wtyczką HubSpot-WordPress. Wyłącz tę wtyczkę lub zapoznaj się z często zadawanymi pytaniami, aby uzyskać dodatkowe informacje na temat rozwiązywania problemów.

Classic Editor

Aby osadzić starszy formularz HubSpot na swoich stronach i postach WordPress za pomocą klasycznego edytora:

• Z poziomu konta WordPress, w menu na lewym pasku bocznym, przejdź do HubSpot > Formularze.
• Najedź kursorem na formularz, który chcesz dodać do swojej witryny i kliknij opcję Osadź. Możesz również utworzyć nowy formularz HubSpot, klikając Utwórz formularz.
• Kliknij krótki kod WordPress, a następnie kliknij Kopiuj, aby skopiować kod osadzania.
• Przejdź do strony lub postu WordPress, a następnie wklej krótki kod do edytora strony.
  
• Po opublikowaniu strony, aby wyświetlić przesyłanie formularza w WordPress:
  • Z poziomu konta WordPress, w menu na lewym pasku bocznym, przejdź do HubSpot > Formularze.
  • Najedź kursorem na formularz. Następnie kliknij menu rozwijane Akcje i wybierz opcję Wyświetl zgłoszenia. Dowiedz się więcej o analizowaniu przesyłania formularza.

Edytor Gutenberg

Jeśli korzystasz z najnowszej wersji Gutenberga, która usuwa wbudowany JavaScript, użyj wtyczki Inline JS Block for Gutenberg, aby zamiast tego osadzić starsze formularze i wezwania do działania HubSpot Embed na swojej stronie.

Aby osadzić starszy formularz HubSpot na swoich stronach i postach WordPress za pomocą edytora Gutenberg:

• Na swoim koncie WordPress przejdź do strony lub postu.
• Kliknij ikonę plusa na pasku narzędzi. Wyszukaj blok formularza HubSpot i kliknij go, aby dodać go do treści.
  
  

• W bloku można wybrać istniejący formularz lub utworzyć nowy formularz:
  • Aby wybrać istniejący formularz, kliknij menu rozwijane Wybierz istniejący formularz i wybierz formularz.
  • Aby utworzyć nowy formularz, przejdź do HubSpot > Formularze w menu na lewym pasku bocznym i kliknij Utwórz formularz.
    
    

• Po opublikowaniu strony, aby wyświetlić przesyłanie formularza w WordPress:
  • Z poziomu konta WordPress, w menu na lewym pasku bocznym, przejdź do HubSpot > Formularze.
  • Najedź kursorem na formularz. Następnie kliknij menu rozwijane Akcje i wybierz opcję Wyświetl zgłoszenia. Dowiedz się więcej o analizowaniu przesyłania formularza.