Formularze Elementor: Jak stworzyć formularz kontaktowy Elementor

Opublikowany: 2022-06-07

Elementor to jeden z najpopularniejszych programów do tworzenia stron o wysokich funkcjach i rozbudowanych funkcjach. Ale może cię zaskoczyć, że nie mają wielofunkcyjnego kreatora formularzy na swoim pulpicie nawigacyjnym. To, co oferuje Elementor Form, jest bardzo proste i proste. Jeśli chcesz korzystać z bardziej zaawansowanych opcji, takich jak przyjmowanie płatności lub przeprowadzanie ankiet, nadal potrzebujesz dedykowanej wtyczki do tworzenia formularzy. Ponadto, aby zarządzać przesyłaniem formularzy, musisz zainstalować dodatkową wtyczkę do zarządzania wpisami w Elementorze. W tym artykule dowiemy się, jak stworzyć najlepszy formularz kontaktowy Elementor i zarządzać danymi za pomocą tej samej wtyczki.

Fluent Forms to najbardziej przyjazny dla początkujących kreator formularzy. Pobierz teraz i zacznij tworzyć piękne formy ZA DARMO !!!

Jak stworzyć formularz Elementora

Pokażemy Ci dwie metody tworzenia formularza kontaktowego Elementor, które pomogą Ci wybrać zgodnie z potrzebami.

Utwórz formularz kontaktowy z Elementor Pro
Najlepszy sposób na utworzenie formularza kontaktowego Elementor (za darmo)

Utwórz formularz kontaktowy z Elementor Pro

Jeśli chcesz utworzyć formularz za pomocą Elementora, musisz kupić Elementor pro. Z licencją pro możesz uzyskać dostęp do widżetu formularza i zaprojektować formularz w kreatorze stron Elementor. Będziesz mieć również dostęp do ogromnej liczby szablonów formularzy. Co więcej, będziesz mieć wiele fajnych funkcji, które mogą zmienić Twoją witrynę.

Kroki tworzenia formularza kontaktowego z Elementorem –

1. Dodawanie formularza Elementora do swojej strony

Aby dodać formularz do strony, musisz otworzyć stronę lub dodać nową, a następnie kliknąć edytuj za pomocą Elementora. Teraz wyszukaj Formularze na pasku widżetów po lewej stronie. Jeśli nie masz licencji pro, nie możesz korzystać z tej funkcji.

Teraz przeciągnij i upuść widżet na stronę, na której chcesz utworzyć formularz Elementor. Na Twojej stronie pojawi się podstawowy formularz kontaktowy.

2. Dodawanie różnych pól do formularza Elementora

Możesz zobaczyć, że formularz Elementor ma wiele funkcji na rękawie. Wystarczy w kilka minut zbadać i stworzyć żądane formularze. A co z tym, że potrzebujesz innych pól i opcji, a nie tych wstępnie wypełnionych. Możesz dodać 18+ pól do swoich formularzy Elementora, a są to –

Tekst
E-mail
Obszar tekstowy
URL
Tel
Radio
Wybierz
Pole wyboru
Przyjęcie
Numer
Data
Czas
Udostępnianie pliku
Hasło
HTML
Ukryty
reCAPTCHA
Garnek miodu

To dobra liczba typów pól do zabawy. Za pomocą tego narzędzia do tworzenia formularzy możesz tworzyć różne formularze. Teraz musisz dostosować ustawienia i zaprojektować formularz, aby był olśniewający.

3. Konfiguracja przesyłania formularza

Po przesłaniu formularza możesz skonfigurować katalog e-maili i dane, które chcesz uzyskać po przesłaniu formularza. To nie jest nauka o rakietach. Możesz skonfigurować wszystkie opcje, takie jak –

Do
Temat
Wiadomość
Z emaila
Z nazwy
Odpowiedzieć do
CC
UDW

Wszystkie opcje wysłania e-maila.

4. Zaprojektuj formularz Elementora

Istnieje kilka opcji projektowania formularza. Od zmiany szerokości kolumn po zmianę koloru tła formularza, od skonfigurowania symbolu zastępczego po zmianę typografii — możesz robić z formularzem, co tylko chcesz.

Przejdź do opcji Styl, aby nadać swojej formie niepowtarzalny wygląd.

Dlaczego forma Elementora to dla Ciebie za mało

Przede wszystkim nie możesz korzystać ze wszystkich opcji zwykłej wtyczki do tworzenia formularzy w formularzach Elementora. Oferuje jednak tylko podstawy. Jeśli spróbujesz tworzyć różne formularze i analizować dane, będziesz potrzebować innego kreatora formularzy w swoim stosie technologicznym WordPress.

Po drugie, brak wbudowanych funkcji do zarządzania zgłoszeniami. Aby to zrobić, musisz zainstalować inną wtyczkę. Co nie jest optymalnym krokiem dla Twojej witryny. Musisz wybrać wtyczkę do tworzenia formularzy, która oferuje różne pola, funkcje i integracje, a także usługę zarządzania danymi, aby analizować potencjalnych klientów.

Po trzecie, Elementor jest dostarczany z widżetem shortcode, który pomaga zintegrować dowolne wtyczki WordPress, które mają opcję shortcode. Chociaż możesz użyć widżetu shortcode Elementora, aby dodać formularze, nie możesz dostosować formularza za pomocą Elementora. Dlatego musisz wybrać narzędzie do tworzenia formularzy, które można edytować w układzie Elementora, ponieważ oferują niezbędne dodatki.

Najlepszy sposób na utworzenie formularza kontaktowego Elementor (za darmo)

Formularze są jednym z kluczowych elementów każdej strony internetowej. Od przechwytywania leadów po przeprowadzanie ankiet, od przyjmowania płatności po tworzenie quizów, nowoczesny kreator formularzy powinien mieć te opcje w swoim pakiecie.

Ponadto powinieneś być w stanie dostosować formularz w układzie Elementora, aby nadać mu żywy i atrakcyjny wygląd. Wiele kreatorów formularzy ma funkcję shortcode, ale nie można ich edytować bez pakietu Elementor.

Fluent Forms zapewnia pełną elastyczność edytowania i dostosowywania formularzy w kreatorze stron Elementor. Widżet Formularze dla Elementora zawiera wiele opcji do zmiany koloru i typografii dla każdego pola w formularzu. Możesz stylizować ogólną zawartość tekstową formularza zgodnie z własnym wyborem.

Możesz wybrać kolor czcionki, rozmiar, typ i wiele innych opcji formularza swojej witryny, które idealnie pasują do wyglądu witryny.
Możesz mieć dostęp do opcji typografii dla każdej treści tekstowej formularza.
Dostępne są również opcje kolorów dla wszystkich pól formularza.
Ponadto określone opcje kolorów i typografii dla etykiet formularzy, komunikatów o błędach i komunikatów o sukcesie

Możesz również uzyskać dostęp do wszystkich tych podstawowych funkcji Fluent Forms –

Ponad 50 pól wprowadzania i ponad 70 gotowych szablonów do zabawy
Zaadresuj autouzupełnianie i autouzupełnianie metodą „przeciągnij i upuść”
Wielowarstwowa ochrona przed spamem
Wizualizacja i analiza danych według potrzeb
Przesyłanie plików i zarządzanie danymi
Formy konwersacyjne
Moduł quizu
Logika warunkowa
Funkcja strony docelowej

Teraz, gdy znasz już zalety korzystania z formularzy Fluent Forms, stwórzmy formularze kontaktowe Elementora w migiem.

Jak dodać formularz kontaktowy Elementora

Najprostszym sposobem na skonfigurowanie formularza kontaktowego Elementora jest użycie Fluent Forms. Nie musisz instalować różnych dodatków osobno, tak jak inne narzędzia do tworzenia formularzy, ani dostosowywać formularza poza Elementorem.

Oto kroki, aby utworzyć formularze kontaktowe Elementora za pomocą formularzy Fluent Forms

Zainstaluj i aktywuj Fluent Forms Pro

Instalacja Fluent Form jest podobna do instalacji innych wtyczek WordPress. Możesz zainstalować i aktywować go z pulpitu WordPress lub pobrać z WordPress.org, jeśli chcesz.

Aby zainstalować z pulpitu WordPress, przejdź do panelu administracyjnego WordPress i kliknij Wtyczki → Dodaj nowy. Teraz wyszukaj Fluent Forms, kliknij Zainstaluj, a następnie Aktywuj wtyczkę.

Aby pobrać z WordPress.org, kliknij ten link Fluent Forms i pobierz. Teraz przejdź do panelu administracyjnego WordPress i kliknij opcję Dodaj nowy z wtyczek. Teraz prześlij plik .zip i wyszukaj Fluent Forms na liście zainstalowanych wtyczek, kliknij Aktywuj.

Chociaż Fluent Forms ma ogromną liczbę pól i funkcji w darmowej wersji, musisz uaktualnić do wersji pro, aby uzyskać dostęp do wszystkich funkcji Fluent Forms. Zobacz tutaj funkcje Fluent Forms Pro i bezpłatne.

Uaktualnienie do wersji Pro jest dość proste, kliknij link, aby dowiedzieć się, jak uaktualnić do Fluent Forms Pro.

Utwórz formularz kontaktowy Elementora

Dzięki Fluent Forms możesz tworzyć piękne i kreatywne formy w ciągu kilku minut. Aby utworzyć formularz kontaktowy Elementot, przejdź do pulpitu WordPress i najedź na Fluent Forms po lewej stronie. Kliknij opcję Nowy formularz.

Pojawi się nowa strona, kliknij Nowy pusty formularz, a zostaniesz przekierowany do interfejsu edytora formularzy.

Dodaj pola według własnego uznania, aby utworzyć formularz kontaktowy dla swojej witryny. Dodaliśmy opcję Imię, E-mail, Temat i Twoja wiadomość do naszego prostego formularza kontaktowego Elementor.

Dostosowanie, takie jak pozostawienie i pozycjonowanie etykiety, jest bardzo proste w Fluent Forms. Możesz również skonfigurować logikę warunkową w swoich polach, aby utworzyć bardziej zaawansowany formularz. Ale ponieważ utrzymujemy to w prostocie, nie potrzebujemy żadnych innych pól do wypełnienia formularza. Długie formularze mogą być przytłaczające dla użytkowników, możesz użyć formularza wieloetapowego lub formularza konwersacyjnego, aby uniknąć porzucania formularza.

Teraz zapisz formularz i skopiuj krótki kod. Możesz użyć funkcji shortcode Fluent Forms, która działa ze wszystkimi dostępnymi programami do tworzenia stron, w tym Elementor, Oxygen, Divi, Visual Composer i tak dalej. Ta funkcja zapewnia bezpośrednią obsługę widżetów Elementora w formularzu, aby użyć jednej wtyczki mniej.

Dostosuj formularze według własnego uznania, a uzyskasz dostęp do wielu opcji Elemetora. Od wyrównywania tekstu wejściowego po zmianę rozmiaru i kształtu pól wejściowych, od dodawania klasycznych i gradientowych kolorów tła po zmianę typografii. Z formularzami Elementora możesz robić, co chcesz.

Końcowe przemyślenia

Nieważne, czy używasz form do zabawy, czy do biznesu, ładna i dopracowana forma zawsze przyciąga ludzi. Kreator stron Elementor zawiera wszystko oprócz wielofunkcyjnego natywnego kreatora formularzy. Dzięki Fluent Forms możesz mieć wszystko i zaprojektować żądany kontakt z Elementorem.

Co więcej, możesz opublikować swój formularz na innej stronie lub w blogu, gdziekolwiek chcesz. Wypróbuj różne układy i projekty, wypróbuj różne opcje pól i stwórz formularze Elementor według własnego wyboru. Mamy nadzieję, że ten artykuł dał Ci wskazówki dotyczące tworzenia formularza kontaktowego Elementora dla Twojej witryny WordPress.

Uzyskaj płynne formularze Pro

Jeśli masz jakieś pytania, skomentuj poniżej. Daj nam znać, jak możemy ulepszyć naszą wtyczkę i śledź nas na naszych platformach społecznościowych.