Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak utworzyć formularz HubSpot w WordPress (2 proste metody)

Jeśli kiedykolwiek próbowałeś dodać formularz HubSpot do swojej witryny WordPress i utknąłeś, nie jesteś sam. Jest to w rzeczywistości jeden z najczęstszych problemów, o których słyszymy od czytelników – i na szczęście istnieje prosty sposób, aby to zrobić.

Narzędzie do tworzenia formularzy HubSpot to potężne narzędzie do pozyskiwania leadów i synchronizowania ich z Twoim CRM. Ale jeśli próbowałeś połączyć je z WordPress, wiesz, że na początku może to być nieco mylące.

W tym przewodniku przeprowadzimy Cię przez 2 proste metody dodawania formularzy HubSpot do Twojej witryny WordPress — bez konieczności kodowania.

Przetestowaliśmy te kroki na niezliczonych stronach internetowych i działają one za każdym razem — niezależnie od tego, czy dopiero zaczynasz przygodę z HubSpot, czy szukasz lepszego sposobu zarządzania formularzami. 🙌

Jak utworzyć formularz HubSpot w WordPress

Dlaczego warto używać HubSpot do tworzenia formularzy?

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

HubSpot oferuje również potężny kreator formularzy WordPress, który płynnie integruje się z WordPress, umożliwiając tworzenie formularzy bezproblemowo. Podobnie jak większość kreatorów formularzy, możesz łatwo tworzyć niestandardowe formularze dla swojej witryny bez żadnej wiedzy technicznej.

Jeśli już korzystasz z aplikacji HubSpot CRM, każdy odwiedzający, który wypełni Twój formularz, zostanie automatycznie dodany do Twojej bazy danych. W ten sposób możesz pielęgnować ich za pomocą kampanii e-mailowych i spersonalizowanych wiadomości.

Ten kreator formularzy to łatwy w obsłudze kreator metodą przeciągnij i upuść, który umożliwia tworzenie interaktywnych formularzy bez ani jednej linii kodu, co czyni go jednym z najlepszych wtyczek do formularzy kontaktowych.

Pamiętaj również, że HubSpot może łatwo integrować się z innymi narzędziami do tworzenia formularzy, takimi jak WPForms, Formidable Forms i inne.

HubSpot to bardzo popularne oprogramowanie. Jest szansa, że możesz połączyć je z niemal każdym narzędziem dla małych firm, takim jak usługi e-mail marketingu, oprogramowanie do automatyzacji marketingu i inne systemy.

Mając to na uwadze, zobaczmy, jak utworzyć formularz HubSpot w WordPress:

Metoda 1: Tworzenie formularza HubSpot za pomocą wtyczki HubSpot

Możesz łatwo utworzyć formularz HubSpot dla swojej witryny WordPress, korzystając z wtyczki HubSpot.

Najpierw musisz zainstalować i aktywować wtyczkę HubSpot. Więcej szczegółów znajdziesz w naszym przewodniku jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka doda nowy element menu na pasku bocznym administratora WordPress. Kliknij po prostu HubSpot, aby przejść do kreatora konfiguracji, gdzie możesz utworzyć konto HubSpot, jeśli jeszcze go nie masz.

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

pulpit HubSpot

Spowoduje to otwarcie okna podręcznego „Logowanie do HubSpot”.

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

hubspot login

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

Po prostu kliknij przycisk „Kontynuuj z tym kontem”.

kontynuuj z tym kontem hubspot

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

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

połącz witrynę z hubspot

Po połączeniu strony WordPress z kontem HubSpot, przejdź do HubSpot » Formularze z pulpitu administracyjnego WordPress.

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

utwórz darmowy formularz HubSpot

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

W tym samouczku stworzymy „Formularz osadzony”.

Wybierz typ formularza

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

Po prostu wybierz preferowany szablon, taki jak „Rejestracja” lub „Kontakt z nami”. Następnie kliknij przycisk „Start” na górze.

Wybierz szablon formularza

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.

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

Utwórz formularz i kliknij przycisk Prześlij

Spowoduje to otwarcie okna podręcznego „Przegląd i publikacja”.

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

Kliknij przycisk Prześlij

Następnie na ekranie pojawi się wyskakujące okienko. Ponieważ jest to formularz osadzony, zostanie podany krótki kod.

Teraz po prostu kliknij przycisk „Kopiuj” obok krótkiego kodu.

Skopiuj krótki kod

Możesz osadzić ten kod na dowolnej stronie, na której chcesz dodać swój formularz HubSpot. Więcej informacji znajdziesz w naszym przewodniku jak dodawać skróty w WordPress.

Metoda 2: Tworzenie formularza HubSpot za pomocą WPForms

Możesz również utworzyć formularz HubSpot za pomocą WPForms, który zawiera dodatek integracji z HubSpot. WPForms to najpopularniejszy kreator formularzy WordPress metodą przeciągnij i upuść, z ponad 6 milionami aktywnych instalacji.

W rzeczywistości używamy WPForms do naszego formularza kontaktowego, formularza zgłoszenia migracji witryny i corocznych ankiet czytelników WPBeginner; dlatego gorąco polecamy tę wtyczkę. Aby dowiedzieć się więcej o wtyczce, zapoznaj się z naszą pełną recenzją WPForms!

Uwaga: Będziesz potrzebować co najmniej planu Elite , aby uzyskać dostęp do dodatku HubSpot.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WPForms. Zapoznaj się z naszym szczegółowym przewodnikiem jak zainstalować wtyczkę WordPress.

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

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

Kliknij przycisk Uaktualnij teraz poniżej dodatku HubSpot

Spowoduje to przejście do strony „Twoje 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ę.

Kliknij przycisk Pobierz HubSpot

Następnie przejdź do WPForms » Ustawienia z poziomu panelu 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”.

Wybierz HubSpot do integracji

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

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

zaloguj się na swoje konto HubSpot

Następnie zostaniesz zapytany, czy chcesz kontynuować z tym kontem.

Po prostu kliknij przycisk „Kontynuuj z tym kontem”.

Kliknij Kontynuuj z tym kontem

Następnie pojawi się wyskakujące okienko z prośbą o połączenie WPForms z Hubspotem.

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

połącz wpforms i hubspot

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

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

HubSpot oznaczony jako Połączony

Teraz przejdź do WPForms » Dodaj nowy z panelu, aby utworzyć swój formularz HubSpot.

Najpierw wybierz szablon formularza z biblioteki szablonów WPForms.

Wybierz dla siebie szablon z biblioteki szablonów WPForms

Następnie zostaniesz przeniesiony do interfejsu WPForms, gdzie 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.

Kliknij przycisk Dodaj nowe połączenie

WPForms poprosi Cię teraz o podanie nazwy połączenia.

Możesz wybrać dowolną nazwę, ponieważ nikt jej nie zobaczy oprócz Ciebie. Po zakończeniu kliknij przycisk „OK”.

Wybierz pseudonim według własnego uznania

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 „Akcja do wykonania”.

dodaj akcję do wykonania w hubspot

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

Wypełnij te pola odpowiednio. Ponieważ chcemy wysyłać kontakty z formularza generowania leadów do HubSpot, wybierzemy opcję „Utwórz/Zaktualizuj kontakt”.

Wszystkie te pola, takie jak imiona, adresy e-mail i status potencjalnych klientów, zostaną zaktualizowane w bazie danych HubSpot.

wypełnij pola formularza

Następnie będziesz gotowy do dostosowania swojego formularza w kreatorze formularzy.

Po prostu przeciągnij i upuść pola z lewej strony do podglądu na żywo po prawej.

Formularz w kreatorze formularzy

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

Po zakończeniu kliknij przycisk „Osadź” znajdujący się na górze kreatora formularzy.

osadź formularz hubspot

Spowoduje to otwarcie okna dialogowego „Osadź na stronie”.

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

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

Wybierz opcję istniejącej strony

Następnie po prostu wybierz odpowiednią stronę z rozwijanej listy, która się pojawi.

Teraz kliknij przycisk „Zacznij”.

Kliknij przycisk Zacznij

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

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

Kliknij przycisk Publikuj po osadzeniu formularza

Dodatkowa wskazówka: Skonfiguruj analitykę HubSpot do śledzenia formularzy HubSpot

Tworzenie formularza to tylko pierwszy krok — jeśli chcesz rozwijać swojego bloga WordPress lub witrynę, ważne jest, aby zrozumieć, jak działają Twoje formularze.

Dzięki wbudowanym analizom HubSpot możesz śledzić zgłoszenia formularzy. Pomaga to zobaczyć, które formularze działają dobrze, a które wymagają poprawy.

Śledzenie zgłoszeń formularzy w HubSpot

Śledzenie wydajności formularzy ułatwia również wykrywanie punktów rezygnacji i zmniejszanie porzucania formularzy.

Szczegółowe informacje znajdziesz w naszym przewodniku jak skonfigurować HubSpot Analytics w WordPress.

To wszystko! Mamy nadzieję, że dowiedziałeś się, jak utworzyć formularz HubSpot w WordPress. Możesz również zapoznać się z naszym ostatecznym przewodnikiem po formularzach WordPress oraz naszym porównaniem Contact Form 7 i WPForms, aby znaleźć najlepszą opcję dla swojej witryny.

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

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

Komentarze

  1. Gratulacje, masz okazję być pierwszym komentującym tego artykułu.
    Masz pytanie lub sugestię? Zostaw komentarz, aby rozpocząć dyskusję.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.