Przewodnik po formularzu kontaktowym Ultimate Elementor

Każdy właściciel sieci chce budować dobre i długoterminowe relacje ze swoimi klientami i potencjalnymi klientami. W tym miejscu pojawia się formularz kontaktowy. Dodanie formularzy kontaktowych do Twojej witryny jest wysoce zalecane, ponieważ pomaga potencjalnym klientom dotrzeć do Ciebie i pomaga zbierać dane o odwiedzających Twoją witrynę.

Bez wątpienia użytkownicy WordPressa mają dostęp do mnóstwa wtyczek do formularzy kontaktowych i wielu funkcji. Dzięki temu tworzenie formularzy jest łatwe i bezproblemowe dla użytkowników. A jeśli możesz również tworzyć formularze za pomocą widżetu Formularz kontaktowy Elementor?

Jak tworzyć formularze kontaktowe za pomocą Elementora

Widżet Formularz kontaktowy Elementor umożliwia personalizację i dodanie dowolnego typu formularza kontaktowego do witryny w ciągu kilku minut. Zawiera wszystkie niezbędne funkcje i pola, aby umożliwić bezproblemową interakcję z Twoją witryną. Należy zauważyć, że formularze kontaktowe są cechą wersji Pro Elementora.

Oznacza to, że musisz przejść na Elementor Pro, aby tworzyć formularze. Teraz, gdy ustaliliśmy ten fakt, przyjrzyjmy się prostym krokom tworzenia formularza kontaktowego za pomocą Elementora.

Przewodnik krok po kroku dotyczący korzystania z Elementora do tworzenia formularza kontaktowego

Formularze kontaktowe możesz dodać do swojej witryny na dwa sposoby. Istnieje płatna metoda, która wymaga zainstalowania zarówno widżetów Elementor, jak i Elementor Pro. Istnieje również darmowa metoda, która wymaga zainstalowania wtyczki innej firmy. W tym przewodniku skupimy się na Elementor Pro.

Krok pierwszy: Znajdź widżet formularza kontaktowego Elementor spośród wielu widżetów dostępnych na Twojej stronie Elementor. Kliknij, aby otworzyć stronę, na której chcesz dołączyć formularz kontaktowy.

Dzięki opcji przeciągania i upuszczania możesz łatwo dodawać widżety na stronie w Elementorze, ale ten post dotyczy kompleksowego procesu tworzenia formularza kontaktowego za pomocą widżetu formularza kontaktowego w Elementor Pro.

Krok drugi: Formularz kontaktowy Elementora zawiera wstępnie wypełnione pola dla podstawowych obszarów, takich jak imię i nazwisko, e-mail i wiadomość. Następnym krokiem jest dostosowanie domyślnego formularza, aby pasował do tego, co chcesz. Aby to zrobić, przejdź do sekcji Treść w ustawieniach formularza i dodaj „Pole formularza.

W polu Nazwa formularza nadaj mu tytuł. Następnie kliknij pola formularza. Tutaj możesz dodać tyle pól, ile chcesz. Możesz powielać i usuwać podczas tworzenia pól.

Znajdziesz tu wiele opcji pól, których możesz użyć, w tym tekst, e-mail, adres URL, pole wyboru, obszar tekstowy, telefon, wybierz, radio, akceptację, numer, HTML, ukryte, hasło, Honeypot, reCAPTCHA i reCAPTCHA V3. .

Możesz poeksperymentować z funkcjami, aby zobaczyć, co działa i co możesz dodać do formularza kontaktowego. Karta Zaawansowane pozwala poznać więcej opcji dostosowywania formularza. Sprawdź to również, aby zobaczyć, czy spodobają Ci się funkcje, które są w nim nieodłączne.

Krok trzeci: Dostosuj i zaprojektuj przycisk Prześlij w oparciu o to, co chcesz. Ma różne pola, które możesz dostosować i dostosować do swoich potrzeb, w tym rozmiar, szerokość kolumny, tekst przycisku, identyfikator przycisku, ikonę i wyrównanie. Zapoznaj się z tymi funkcjami, aby dodać stylu i stylu do swojego formularza kontaktowego.

Krok czwarty: skonfiguruj menu „Działania po przesłaniu” Zwykle, gdy użytkownik przesyła formularz w witrynie, chcesz, aby odwiedzający witrynę otrzymali jakąś formę opinii lub odpowiedzi, aby pokazać, że formularz został przesłany. To nie jest automatyczne. Musisz skonfigurować sekcję „Działania po przesłaniu”, aby uzyskać to, czego potrzebujesz.

Kliknij sekcję „Działania po przesłaniu” w formularzu i kliknij pole „Dodaj działanie”. Zobaczysz różne opcje, takie jak między innymi Email Webhook, Discord, Popup, ActiveCampaign, GetResponse i Slack. Wybierz dowolną z opcji, aby dodać działania po przesłaniu.

Na przykład, jeśli wybierzesz akcję Email, formularz kontaktowy doda zakładkę dla Email. Możesz skonfigurować wiadomość e-mail, która będzie wysyłana do użytkownika, który wysłał Ci wiadomość e-mail za pośrednictwem formularza kontaktowego. Wypełnij opcje i ustaw warunki, aby dostosować akcję formularza.

Należy zauważyć, że Elementor oferuje wiele opcji działań, które możesz zbadać. Z drugiej strony możesz rozważyć inne usługi innych firm, aby uczynić go bardziej płynnym. Niektóre z usług innych firm, które możesz eksplorować, obejmują między innymi Hubspot, Mailchimp, Drip, Convertkit i Slack. Wszystko to są wbudowane integracje w Elementorze, dzięki czemu są łatwo dostępne i używane.

Krok piąty: Ten krok pozwala dostosować wiadomość do użytkowników, gdy coś się stanie podczas wypełniania formularza. Na przykład, gdy pomyślnie prześlą formularz lub wystąpi błąd, powinni otrzymać wiadomość.

Aby to skonfigurować, kliknij „Dodatkowe opcje” i wybierz Tak lub Nie dla „Niestandardowych wiadomości”. Edytuj domyślne cztery wiadomości tak, aby wyświetlały się one użytkownikom. Te komunikaty to komunikat o sukcesie, komunikat o błędzie, komunikat wymagany i komunikat nieprawidłowy.

Krok szósty: Styl i dostosuj swój formularz kontaktowy Elementor, aby wyglądał wyjątkowo i nie był nudny. Elementor oferuje niestandardowe opcje stylizacji, których możesz użyć. Aby to zrobić, kliknij kartę „Styl” i przejrzyj dostępne opcje i ustawienia. Możesz użyć dowolnego z nich, aby zmienić pełny styl formularza kontaktowego.

Krok 7: Pomyślnie skonfigurowałeś swój formularz kontaktowy Elementor, a następnym i ostatnim etapem jest jego opublikowanie. W tym celu kliknij przycisk „Aktualizuj” znajdujący się w dolnej części formularza.

Spowoduje to opublikowanie formularza i udostępnienie strony dla odwiedzających Twoją witrynę. Możesz zacząć zbierać dane i leady od subskrybentów Twojej witryny.

Wniosek

Rodzaj formularza kontaktowego, który chcesz zaprojektować, określi funkcje, z których będziesz korzystać w Elementorze. Jednak ten post dostarczył podstaw tworzenia formularza za pomocą tego narzędzia. Jak wspomniano, dostęp do funkcji Formularz kontaktowy można uzyskać tylko w wersji Pro Elementora. Zakup wersji pro tego narzędzia kosztuje około 49 USD. Dostępne funkcje są warte każdego wydanego za to grosza.