Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

HubSpot to popularna platforma marketingowa i CRM typu „wszystko w jednym”, zaprojektowana, aby pomóc ci rozwinąć twój biznes. Dzięki kreatorowi formularzy HubSpot możesz zacząć przekształcać odwiedzających witrynę internetową w dostosowanych potencjalnych klientów, zbierać informacje o klientach i zwiększać zaangażowanie.

Tworząc różne formularze za pomocą HubSpot na naszych testowych witrynach internetowych, zdobyliśmy wiedzę z pierwszej ręki na temat jego skuteczności, przyjaznego dla użytkownika interfejsu i potężnych funkcji.

W tym artykule pokażemy, jak utworzyć formularz HubSpot w WordPress. Nasze instrukcje krok po kroku zostały zaprojektowane tak, aby były przyjazne dla początkujących i nie wymagały żadnej wiedzy z zakresu kodowania.

How to Create a HubSpot Form in WordPress

Dlaczego warto używać HubSpot do tworzenia formularzy?

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

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

Jeśli korzystasz już z aplikacji CRM HubSpot, każdy odwiedzający, który wypełni Twój formularz, zostanie automatycznie dodany do Twojej bazy danych. W ten sposób będziesz mógł prowadzić z nimi kampanie e-mail i spersonalizowane wiadomości.

Ten kreator formularzy to łatwy kreator typu „przeciągnij i upuść”, który włącza tworzenie interaktywnych formularzy bez jednej linii kodu, co czyni go jedną z najlepszych wtyczek do formularzy kontaktowych.

Należy również pamiętać, że HubSpot może również łatwo integrować się z innymi narzędziami do tworzenia formularzy, takimi jak WPForms, Formidable Forms i inne. HubSpot to bardzo popularne oprogramowanie. Zamierzasz połączyć go z dowolnym 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 można utworzyć formularz HubSpot w WordPress:

Metoda 1: Tworzenie formularza HubSpot przy użyciu wtyczki HubSpot

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

Najpierw należy zainstalować i włączyć wtyczkę HubSpot. Więcej szczegółów można znaleźć w naszym przewodniku na temat instalacji wtyczki WordPress.

Po włączaniu wtyczka doda nowy element menu na panelu bocznym administratora WordPress. Wystarczy kliknąć HubSpot, aby przejść do kreatora konfiguracji, w którym można utworzyć konto HubSpot, jeśli jeszcze go nie masz.

Jeśli posiadasz konto, musisz kliknąć odnośnik „Zaloguj się tutaj” znajdujący się u góry.

hubspot dashboard

Spowoduje to otwarcie wyskakującego okienka „HubSpot Login”.

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

hubspot login

Po zalogowaniu się HubSpot zapyta, czy chcesz kontynuować korzystanie z konta, za pomocą którego właśnie się logowałeś.

Wystarczy kliknąć przycisk „Kontynuuj z tym kontem”.

continue with this account hubspot

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

Wystarczy kliknąć przycisk „Połącz witrynę internetową”.

connect website to hubspot

Po połączeniu witryny internetowej WordPress z twoim kontem HubSpot, przejdź do HubSpot ” Forms z kokpitu administracyjnego WordPress.

Spowoduje to przejście do strony „Formularze”. Teraz wystarczy kliknąć przycisk „Utwórz darmowy formularz” w prawym górnym rogu.

create a free form hubspot

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

W tym poradniku będziemy tworzyć „Osadzony formularz”.

Choose a form type

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

Po prostu wybierz twój preferowany szablon, taki jak „Rejestracja” lub „Skontaktuj się z nami”. Następnie kliknij przycisk „Rozpocznij” 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 konfiguratora wystarczy kliknąć przycisk „Prześlij” u góry.

Create a form and click Submit button

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

Wystarczy przewinąć w dół i kliknąć przycisk „Opublikuj”.

Click Submit button

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

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

Copy the shortcode

Możesz osadzać 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 krótkich kodów w WordPress.

Metoda 2: Tworzenie formularza HubSpot przy użyciu WPForms

Możesz również utworzyć formularz HubSpot za pomocą WPForms, który jest dostarczany z dodatkiem integracyjnym HubSpot. WPForms to najpopularniejszy kreator formularzy WordPress typu „przeciągnij i upuść”, z ponad 6 milionami włączonych aktywnych instalacji.

Uwaga: Aby uzyskać dostęp do dodatku HubSpot, wymagany jest co najmniej plan Elite.

Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i włączanie wtyczki WPForms. Zapoznaj się z naszym szczegółowym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu, przejdź do WPForms ” Addons z kokpitu administratora. Spowoduje to przejście do strony „WPForms Addons”.

Wystarczy zlokalizować dodatek HubSpot i kliknąć przycisk „Uaktualnij teraz”.

Click Upgrade Now button below HubSpot addon

Spowoduje to przejście do Twojej strony „Konto WPForms”. Tutaj wystarczy przewinąć w dół do „HubSpot Addon” i kliknąć przycisk pobierania.

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

Click Download HubSpot button

Następnie przejdź do WPForms ” Ustawienia z kokpitu WordPress. Następnie przejdź do karty „Integracje”.

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

Choose HubSpot for integration

Zostanie wyświetlony monit z prośbą o połączenie z twoim kontem HubSpot. Wystarczy wpisać dane uwierzytelniające do konta HubSpot.

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

log into your hubspot account

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

Wystarczy kliknąć przycisk „Kontynuuj z tym kontem”.

Click Continue With This Account

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

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

connect wpforms and hubspot

Na twoim kokpicie WordPress powróć do ekranu „Integracje”.

Powinieneś teraz zobaczyć „Connected” obok sekcji HubSpot.

HubSpot marked Connected

Teraz przejdź do WPForms ” Utwórz nowy z kokpitu, aby utworzyć twój formularz HubSpot.

Najpierw wybierz szablon formularza z biblioteki szablonów WPForms.

Select a template for yourself from the WPForms template library

Następnie zostaniesz przeniesiony do interfejsu WPForms, gdzie możesz edytować szablon formularza.

Teraz kliknij opcję „Marketing” na pasku menu po lewej stronie. Wystarczy wybrać „HubSpot” z listy integracji.

Na ekranie pojawi się wyskakujące okienko HubSpot. Wystarczy kliknąć przycisk „Utwórz nowe połączenie” u góry.

Click Add New Connection button

WPForms wyświetli teraz monit o wpisz pseudonim dla połączenia.

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

Choose a nickname of your liking

Następnie WPForms poprosi Cię o wybranie Twojego konta HubSpot i wybranie działania do wykonania. Wystarczy wybrać twoje konto z pola „Wybierz konto”.

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

add action to perform in hubspot

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

Wypełnij odpowiednio te pola. Ponieważ chcemy wysłać kontakty z twojego formularza generowania leadów do HubSpot, wybierzemy opcję „Create/Update Contact”.

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

fill in form fields

Następnie możesz dostosować swój formularz w kreatorze formularzy.

Wystarczy utworzyć 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 zakończeniu kliknij przycisk „Osadzanie” znajdujący się w górnej części kreatora formularzy.

embed hubspot form

Spowoduje to wyświetlenie monitu „Osadzanie na stronie”.

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

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

Select existing page option

Następnie wystarczy wybrać odpowiednią stronę z rozwijanego menu, które się pojawi.

Teraz kliknij przycisk „Let’s Go”.

Click Let's Go button

Zostaniesz automatycznie przekierowany na stronę, którą wybrałeś z rozwijanego menu. Formularz HubSpot będzie już tam osadzany.

Wystarczy kliknąć przycisk „Opublikuj” w górnej części edytora treści, aby Twój nowy formularz został uruchomiony.

Click Publish button after embedding the form

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

Komentarze

  1. Gratulacje, masz okazję być pierwszym komentującym ten artykuł.
    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 naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.