Każda strona internetowa musi zawierać formularz kontaktowy! Formularze kontaktowe są przydatne do różnych celów, bez względu na rodzaj posiadanej witryny. Mogą generować leady, budować połączenia i relacje, pozwalać użytkownikom zgłaszać problemy z Twoją witryną i wszystko pomiędzy.
Nie trzeba być ekspertem technicznym, aby tworzyć formularze kontaktowe w WordPressie. Kreator stron Elementor sprawia, że tworzenie pięknych stron internetowych jest łatwiejsze niż kiedykolwiek.
Aby zademonstrować, jak tworzyć formularze kontaktowe za pomocą Elementora, omówimy różne opcje i wszystko, co trzeba wiedzieć o formularzach kontaktowych w Elementorze.
Elementor od dłuższego czasu zawiera widżet formularzy, co oznacza, że nie musisz już iść nigdzie indziej, aby tworzyć formularze dla swojej witryny WordPress, co jest błogosławieństwem!
W przeszłości mogłeś napotkać trudności podczas tworzenia formularzy z niektórymi dostępnymi plugin . Proces projektowania i konfigurowania formularzy może być czasochłonny i frustrujący. Na szczęście dla nas wszystkich widżet Elementor Form jest prosty w obsłudze.
- Jaki jest najlepszy sposób na stworzenie formularza w Elementorze?
- Jak stworzyć formularz Elementora
- Formowanie elementów Elementora w uporządkowany sposób
- Rodzaje pól w formularzu
- Rodzaje pól w formularzu Elementora
- Szerokość kolumny formularza
- Formularze w Elementorze do stylizacji
- Działania na formularzu
- Tworzenie szablonu wiadomości do formularza kontaktowego w Elementor
- Wniosek
Zanim zaczniemy z kreatorem formularzy Elementor, rzućmy okiem na niektóre z jego najważniejszych funkcji.
Jedną z najbardziej wyróżniających się funkcji na początek jest to, że jest w pełni zintegrowany z interfejsem Elementora, co oznacza, że masz dostęp do wielu opcji projektu/stylu/układu dostępnych w Elementorze. Nie wierzę, że znajdziesz samodzielną plugin formularza z systemem projektowania, który jest tak solidny jak ten.
Stamtąd możesz utworzyć do 18 różnych typów pól:
- Tekst E-mail Pole tekstowe Pole tekstowe
- Adres URL i numer telefonu są następujące:
- Przyciski radiowe to rodzaj przycisku radiowego.
- Wybierz z listy (rozwijanej)
- Pola wyboru są używane w listach kontrolnych.
- Jest tylko jedno pole wyboru (akceptacja)
- reCAPTCHA
- Honeypoty to rodzaj pojemnika, w którym znajduje się miód (zapobiega spamowi)
Możesz także podzielić formularze na wiele stron, aby utworzyć formularze wieloetapowe, co jest korzystne w przypadku aplikacji o długich formularzach.
Elementor Pro ma ponad 12 integracji z popularnymi usługami e-mail marketingu i systemami zarządzania relacjami z klientami, które pomogą Ci w pełni wykorzystać Twoje formularze. Istnieje również integracja catchall z Zapier, która umożliwia łączenie się z dowolnym z tysięcy narzędzi dostępnych na platformie Zapier, jeśli Twoje narzędzie nie znajduje się na liście.
Jest też kilka innych intrygujących alternatyw. Dla ex amp le, gdy ktoś wypełnia formularz, możesz otrzymywać powiadomienia za pośrednictwem Slack lub niezgody.
Mówiąc o powiadomieniach, możesz również spersonalizować powiadomienia e-mail, które otrzymujesz, oraz powiadomienia e-mail, które otrzymują przesyłający formularze. Po przesłaniu formularza możesz przekierować ich do utworzonej przez siebie niestandardowej strony z podziękowaniem.
Jaki jest najlepszy sposób na stworzenie formularza w Elementorze?
Zaczniemy od otwarcia edytora Elementora, a następnie przeciągnięcia i upuszczenia widżetu formularza do lokalizacji, w której chcemy zbudować nasz formularz.
Jak stworzyć formularz Elementora
Jak wszystko inne w Elementorze, proces tworzenia formularzy odbywa się wizualnie. Nie jest konieczne używanie dodatkowej plugin ani nie jest konieczne, aby działać jako backend Twojej witryny.
Formowanie elementów Elementora w uporządkowany sposób
Po utworzeniu formularza pierwszym krokiem jest uporządkowanie zawartych w nim informacji. Jakich pól potrzebujesz i jakie powinny być typy pól? Czego szukasz?
Podczas pracy w edytorze Elementor pola formularza są dodawane i edytowane z karty Treść. Jak widać w ex amp le poniżej, formularze zawierają kilka domyślną pola. Wybierając opcję Dodaj element z menu rozwijanego, możesz tworzyć nowe pola.
Powielanie pola jest również możliwe poprzez wybranie ikony, która wygląda jak dwa dokumenty, jeden przed drugim i kliknięcie na nią.
Rodzaje pól w formularzu
Dostępnych jest wiele typów pól formularza, od prostych pól tekstowych po hasła, ReCaptcha i pola honeypot.
Aby zmienić zachowanie pola formularza, najpierw wybierz pole, a następnie polub menu rozwijane Typ, aby wyświetlić dostępne różne typy pól.
Rodzaje pól w formularzu Elementora
Szerokość kolumny formularza
Ta funkcja umożliwia użycie dwóch pól formularza w tym samym wierszu, dostosowując ustawienie Szerokość kolumny. Zmień szerokość okna, wybierając je z rozwijanego selektora i wybierając 50 procent. Warto zauważyć, że jeśli zrobisz to z dwoma kolejnymi polami formularza, zauważysz, że pojawiają się one razem w tej samej linii.
Formularze w Elementorze do stylizacji
Stylizuj swoje formularze w Elementorze w taki sam sposób, jak stylizujesz inne widżety, przechodząc do panelu Styl znajdującego się w interfejsie edycji Elementora.
Sam formularz, pola, przyciski, wszelkie kroki, komunikaty o błędach i komunikaty potwierdzające można dostosować.
Dla tych, którzy już znają Elementor, nie muszą się wiele więcej nauczyć w stylizacji formularzy Elementor.
Działania na formularzu
Po naszej dyskusji na temat tworzenia formularza w Elementorze, spójrzmy na konfigurację tego, co dzieje się po przesłaniu formularza; odbywa się to za pomocą działań formularza lub jak są one określane w Elementorze, Działania po przesłaniu.
Po przesłaniu formularza system często wysyła wiadomość e-mail i przekierowuje użytkownika na inną stronę internetową. Możesz oczywiście umieścić w Formularzach dowolną liczbę działań i łączyć je w dowolny sposób. Jak można się spodziewać, istnieje określone pole selektora bez kodowania.
Każda z dodanych akcji pojawi się jako osobna opcja zakładki w menu głównym. Obecnie mamy możliwość kartę na e-mail, ale gdybym to przekierowanie w polu Dodaj Działanie pola, chciałbym też zobaczyć przekierowanie w moich opcji zakładki, jak pokazano na ex amp le poniżej.
Na zakończenie zademonstruję, jak skonfigurować formularz, aby akceptować zgłoszenia za pośrednictwem poczty e-mail, najczęściej zadawane pytanie dotyczące formularzy.
Po wybraniu opcji E-mail z zakładki Treść w edytorze zostanie wyświetlony ekran pokazany poniżej; w tym miejscu możesz spersonalizować e-mail nadawcy i e-mail z odpowiedzią, a także dodać DW lub UDW do każdego, kto powinien otrzymać kopię zgłoszeń z Formularza.
Tworzenie szablonu wiadomości do formularza kontaktowego w Elementor
Wiele osób jest zaskoczonych, gdy dowiaduje się, że edytor formularzy Elementora jest potężniejszy niż na pierwszy rzut oka, a jedną z bardziej zaawansowanych funkcji jest możliwość dostosowania wiadomości dla każdego formularza.
Możliwe jest dostosowanie komunikatów formularza, aby zapewnić bardziej spersonalizowany proces informacji zwrotnej użytkownikowi końcowemu, który wypełnił formularz, zamiast brzmieć jak nudny robot. Ale konkretnie, jakie wiadomości możesz dostosować do formularza kontaktowego Elementor, są następujące:
Aby rozpocząć, musisz najpierw włączyć niestandardowe wiadomości, wybierając "Dodatkowe opcje" z menu rozwijanego, a następnie przełączając przełącznik "Niestandardowe wiadomości" na "Tak".
Personalizacja widżetu formularza kontaktowego Elementor poprzez dodanie niestandardowych wiadomości
Jak widać, istnieją cztery różne komunikaty, które możesz dostosować, w tym te wymienione poniżej:
Komunikat o powodzeniu jest wyświetlany użytkownikowi końcowemu po przesłaniu formularza i sprawdzeniu, czy formularz został poprawnie wypełniony (np. brak brakujących wymaganych pól itp.).
Komunikat o błędzie — komunikat wyświetlany użytkownikowi końcowemu w przypadku wystąpienia nieznanego błędu podczas przesyłania Formularza.
Komunikat wymagany — pojawia się, gdy wymagane pole formularza nie jest wypełnione, formularz jest przesłany, a formularz nie jest wypełniony.
Gdy coś w przesłanym formularzu jest nieprawidłowe i nie można go wysłać, użytkownikowi końcowemu wyświetlany jest komunikat Nieprawidłowa wiadomość.
Możliwość edytowania wiadomości pozwala być kreatywnym i dziwacznym lub bardziej formalnym i biznesowym, jeśli prowadzisz witrynę firmową. Najlepsze jest to, że można je całkowicie edytować, więc możesz robić, co chcesz!
Wniosek
Widżet formularza Elementor, bezproblemowe jest skonstruowanie formularza kontaktowego. Jest wyposażony w intuicyjny kreator formularzy kontaktowych typu „przeciągnij i upuść” oraz mnóstwo opcji dostosowywania, które odróżniają go od innych plugin formularzy kontaktowych dostępnych na rynku. Możesz łatwo dostosować jego stylistykę i kolorystykę do wyglądu i stylu Twojej firmy. Dołączone są również różne inne atrakcyjne widżety, ponad 300 profesjonalnych szablonów i narzędzie do tworzenia wyskakujących okienek w jednym wygodnym pakiecie. Ten w pełni funkcjonalny program do tworzenia stron WordPress zawiera wszystkie niezbędne widżety i funkcje, dzięki czemu nie musisz kupować dodatkowych programów do tworzenia stron, aby dalej dostosowywać swoją witrynę. Ponadto pozwala na integrację ponad 30 usług marketingowych, dzięki czemu jest jedną z najchętniej kupowanych plugin na rynku.
