Jak utworzyć formularz HubSpot w WordPress

Opublikowany: 2023-01-18

Czy chcesz dodać formularz Hubspot i dodać go do swojej witryny WordPress?

HubSpot to popularna platforma marketingowa typu „wszystko w jednym”, zaprojektowana, aby pomóc w rozwoju Twojej firmy, z której korzysta ponad 113 925 osób na całym świecie. Hubspot umożliwia również tworzenie atrakcyjnych formularzy na Twoją stronę internetową.

W tym artykule pokażemy, jak utworzyć HubSpot w WordPress.

How to Create a HubSpot Form in WordPress

Dlaczego warto używać HubSpot do tworzenia formularzy

Hubspot to platforma marketingowo-sprzedażowa, która pomaga firmom się rozwijać. Zawiera wiele narzędzi, w tym menedżera relacji z klientami (CRM), system zarządzania treścią (CMS), wbudowany marketing e-mailowy i generowanie leadów.

Mają także solidny kreator formularzy WordPress, który bezproblemowo integruje się z WordPress, umożliwiając tworzenie bezproblemowych formularzy.

Ten kreator formularzy jest łatwym narzędziem do tworzenia formularzy typu „przeciągnij i upuść”, które umożliwia tworzenie interaktywnych formularzy bez ani jednej linijki kodu, co czyni go jedną z najlepszych wtyczek formularzy kontaktowych.

Pamiętaj również, że HubSpot można łatwo zintegrować z innymi narzędziami do formularzy, takimi jak WPForms, Formidable Forms i inne. Powiedziawszy to, zobaczmy, jak możesz utworzyć formularz HubSpot w WordPress.

  • Metoda 1. Tworzenie formularza HubSpot za pomocą wtyczki HubSpot
  • Metoda 2. Tworzenie formularza HubSpot za pomocą WPForms

Metoda 1. Tworzenie formularza HubSpot za pomocą wtyczki HubSpot

Możesz łatwo utworzyć formularz HubSpot dla swojej witryny WordPress za pomocą wtyczki HubSpot.

Najpierw musisz zainstalować i aktywować wtyczkę HubSpot. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Po aktywacji wtyczka doda nowy element menu Pasek boczny administratora WordPress. Po prostu kliknij HubSpot , aby przejść do kreatora konfiguracji, w którym możesz utworzyć konto HubSpot, jeśli jeszcze go nie masz.

Jeśli masz konto, musisz kliknąć link „Zaloguj się tutaj” u góry.

Go to HubSpot from the dashboard and click Sign in here link

Spowoduje to otwarcie wyskakującego okienka „Logowanie do HubSpot”.

Po prostu wpisz swoją nazwę użytkownika i hasło, a następnie kliknij przycisk „Zaloguj się”.

Log in to your HubSpot account

Po zalogowaniu HubSpot zapyta, czy chcesz kontynuować z kontem, na które właśnie się zalogowałeś.

Po prostu kliknij przycisk „Kontynuuj z tym kontem”.

Click continue with this account button

Następnie zostaniesz poproszony o połączenie konta HubSpot z witryną WordPress.

Po prostu kliknij przycisk „Połącz witrynę”.

Click Connect Website button

Po połączeniu witryny WordPress z kontem HubSpot przejdź do HubSpot »Formularze z pulpitu administratora WordPress.

Spowoduje to przejście do strony „Formularze”. Teraz po prostu kliknij przycisk „Utwórz bezpłatny formularz” w prawym górnym rogu.

Click Create a Free Form button

Następnie musisz wybrać typ formularza, a następnie kliknąć przycisk „Dalej” u góry.

W tym samouczku utworzymy „formularz osadzony”.

Choose a form type

Następnie zostaniesz przeniesiony do biblioteki szablonów HubSpot.

Po prostu wybierz preferowany szablon, taki jak „Rejestracja” lub Skontaktuj się z nami. Następnie wystarczy kliknąć przycisk „Start” u góry.

Choose a form template

Teraz, gdy jesteś w Edytorze formularzy, możesz edytować gotowy szablon formularza, przeciągając i upuszczając pola z lewej strony do podglądu po prawej stronie.

Po zakończeniu dostosowywania kliknij przycisk „Prześlij” u góry.

Create a form and click Submit button

Spowoduje to otwarcie wyskakującego okienka „Przejrzyj i opublikuj”.

Po prostu przewiń w dół i kliknij przycisk „Opublikuj”.

Click Submit button

Po kliknięciu przycisku „Opublikuj” na ekranie pojawi się wyskakujące okienko. Ponieważ jest to formularz osadzony, zostanie podany krótki kod.

Teraz wystarczy kliknąć przycisk „Kopiuj” obok krótkiego kodu.

Copy the shortcode

Możesz osadzić ten kod na dowolnej stronie, na której chcesz dodać swój formularz HubSpot. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat dodawania skrótów w WordPress.

Metoda 2. Tworzenie formularza HubSpot za pomocą WPForms

Możesz także utworzyć formularz HubSpot za pomocą WPForms, ponieważ ta wtyczka jest dostarczana z dodatkiem do integracji HubSpot. WPForms to najpopularniejszy kreator formularzy WordPress typu „przeciągnij i upuść” z ponad 5 milionami aktywnych instalacji.

Pamiętaj, że potrzebujesz przynajmniej licencji WPForms Elite, aby uzyskać dostęp do dodatku HubSpot.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms. Sprawdź nasz przewodnik na temat instalowania wtyczki WordPress, aby uzyskać szczegółowe informacje.

Po aktywacji przejdź do WPForms »Dodatki z pulpitu administratora. Spowoduje to przejście do strony „Dodatki WPForms”.

Po prostu znajdź dodatek HubSpot i kliknij przycisk „Uaktualnij teraz”.

Click Upgrade Now button below HubSpot addon

Spowoduje to przejście do strony „Konto WPForms”. Tutaj po prostu przewiń w dół do „Dodatku HubSpot” i kliknij przycisk pobierania.

Następnie możesz zainstalować i aktywować dodatek HubSpot w taki sam sposób, w jaki zainstalowałeś i aktywowałeś wtyczkę.

Click Download HubSpot button

Następnie przejdź do WPForms »Ustawienia z pulpitu nawigacyjnego WordPress. Następnie przejdź do zakładki „Integracje”.

Tutaj znajdziesz HubSpot na liście integracji. Wystarczy kliknąć ikonę strzałki, aby rozwinąć sekcję, a następnie kliknąć przycisk „Dodaj nowe konto”.

Choose HubSpot for integration

Otworzy się monit z prośbą o połączenie z kontem HubSpot. Po prostu wpisz dane logowania do konta HubSpot.

Jeśli nie masz jeszcze konta, możesz je utworzyć tutaj.

Log in to your HubSpot account

Następnie zostaniesz zapytany, czy chcesz kontynuować korzystanie z tego konta.

Po prostu kliknij przycisk „Kontynuuj z tym kontem”.

Click Continue With This Account

Następnie zobaczysz wyskakujące okienko z prośbą o połączenie WPForms z Hubspot.

Kliknij przycisk „Połącz aplikację” u dołu strony.

Click Connect App button to connect WPForms and HubSpot

Na pulpicie nawigacyjnym WordPress wróć do ekranu „Integracje”.

Powinieneś teraz zobaczyć „Połączono” obok sekcji HubSpot.

HubSpot marked Connected

Teraz przejdź do WPForms »Dodaj nowy z pulpitu nawigacyjnego, aby utworzyć formularz HubSpot.

Najpierw wybierz szablon formularza z biblioteki szablonów WPForms.

Select a template for yourself from the WPForms template library

Po wybraniu szablonu zostaniesz przeniesiony do interfejsu WPForms, w którym możesz edytować szablon formularza.

Teraz kliknij opcję „Marketing” na pasku menu po lewej stronie. Po prostu wybierz „HubSpot” z listy integracji.

Następnie na ekranie pojawi się wyskakujące okienko HubSpot. Po prostu kliknij przycisk „Dodaj nowe połączenie” u góry.

Click Add New Connection button

WPForms wyświetli teraz monit o wprowadzenie pseudonimu połączenia.

Możesz wybrać dowolną nazwę, ponieważ nikt oprócz Ciebie nie będzie jej widział. Po prostu kliknij przycisk „OK”, gdy skończysz.

Choose a nickname of your liking

WPForms poprosi Cię następnie o wybranie konta HubSpot i wybranie akcji do wykonania. Po prostu wybierz swoje konto z pola „Wybierz konto”.

Następnie wybierz opcję „Utwórz/zaktualizuj kontakt” z pola „Działanie do wykonania”.

Fill action to perform field

Po wybraniu tej opcji w formularzu pojawią się różne nowe ustawienia.

Wypełnij odpowiednio te pola.

Fill in additional fields

Następnie możesz dostosować swój formularz w narzędziu do tworzenia formularzy.

Po prostu utwórz pola metodą „przeciągnij i upuść” z lewej strony do podglądu na żywo po prawej stronie.

Form in form builder

Możesz dodać dowolne informacje, które chcesz gromadzić i organizować na swoim koncie HubSpot.

Po usatysfakcjonowaniu kliknij przycisk „Osadź” znajdujący się u góry narzędzia do tworzenia formularzy.

Click Embed button

Spowoduje to otwarcie monitu „Osadź na stronie”.

Jeśli chcesz osadzić formularz HubSpot na nowej stronie, kliknij opcję „Utwórz nową stronę”.

Aby osadzić formularz na istniejącej stronie, kliknij opcję „Wybierz istniejącą stronę”.

Select existing page option

Następnie po prostu wybierz odpowiednią stronę z wyświetlonego menu.

Teraz kliknij przycisk „Let's Go”.

Click Let's Go button

Zostaniesz automatycznie przekierowany na stronę wybraną z rozwijanego menu. Formularz HubSpot będzie już tam osadzony.

Po prostu kliknij przycisk „Publikuj” u góry edytora treści, aby opublikować nowy formularz.

Click Publish button after embedding the form

Otóż ​​to! Mamy nadzieję, że nauczyłeś się tworzyć formularz HubSpot w WordPress. Możesz także zapoznać się z naszym najlepszym przewodnikiem po SEO dla początkujących oraz z wybranymi przez naszych ekspertów najlepszymi uniwersalnymi motywami do stworzenia atrakcyjnej witryny.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube, aby zobaczyć samouczki wideo WordPress. Można nas również znaleźć na Twitterze i Facebooku.