Każda strona internetowa musi zawierać formularz kontaktowy! Formularze kontaktowe są przydatne do różnych celów, niezależnie od rodzaju posiadanej witryny. Mogą generować potencjalnych klientów, budować połączenia i relacje, umożliwiać użytkownikom zgłaszanie problemów z Twoją witryną i robić wszystko pomiędzy.
Aby tworzyć formularze kontaktowe w WordPress, nie trzeba być ekspertem technicznym. Kreator stron Elementor sprawia, że tworzenie pięknych stron internetowych jest łatwiejsze niż kiedykolwiek.
Aby zademonstrować, jak tworzyć formularze kontaktowe w Elementorze, omówimy różne opcje i wszystko, co trzeba wiedzieć o formularzach kontaktowych w Elementorze.
Elementor już od jakiegoś czasu zawiera widżet Formularz, co oznacza, że nie musisz już nigdzie indziej tworzyć formularzy dla swojej witryny WordPress, co jest błogosławieństwem!
W przeszłości mogłeś napotkać trudności podczas tworzenia formularzy przy użyciu niektórych dostępnych plugin . Proces projektowania i konfigurowania formularzy może być czasochłonny i frustrujący. Na szczęście dla nas wszystkich obsługa widgetu Elementor Form jest prosta.
- Jaki jest najlepszy sposób na utworzenie formularza w Elementorze?
- Jak utworzyć formularz Elementora
- Tworzenie 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 w formularzu kontaktowym w Elementorze
- Wniosek
Zanim zaczniemy korzystać z kreatora formularzy Elementor, rzućmy okiem na niektóre z jego najważniejszych funkcji.
Na początek jedną z najbardziej wyróżniających się funkcji jest to, że jest ona w pełni zintegrowana z interfejsem Elementora, co oznacza, że masz dostęp do wielu opcji projektowania/stylu/układu dostępnych w Elementorze. Nie sądzę, że znajdziesz samodzielną plugin formularza z systemem projektowania, który będzie tak solidny jak ten.
W tym miejscu możesz utworzyć do 18 różnych typów pól:
- Tekst Email Obszar tekstowy Obszar tekstowy
- Adres URL i numer telefonu są następujące:
- Przyciski opcji to rodzaj przycisku opcji.
- 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 długich formularzy.
Elementor Pro ma ponad 12 integracji z popularnymi usługami e-mail marketingu i systemami zarządzania relacjami z klientami, aby pomóc Ci w pełni wykorzystać swoje formularze. Dostępna jest również zintegrowana integracja z Zapierem, która umożliwia połączenie się z dowolnym z tysięcy narzędzi dostępnych na platformie Zapier, jeśli Twojego narzędzia nie ma na liście.
Jest jeszcze kilka innych ciekawych alternatyw. Na amp , gdy ktoś wypełni Twój formularz, możesz otrzymywać powiadomienia za pośrednictwem Slacka lub Discorda.
A skoro mowa o powiadomieniach, możesz także spersonalizować powiadomienia e-mail, które otrzymujesz, oraz powiadomienia e-mail otrzymywane przez osoby przesyłające formularze. Po przesłaniu formularza możesz przekierować ich na niestandardową stronę z podziękowaniami, którą utworzysz.
Jaki jest najlepszy sposób na utworzenie formularza w Elementorze?
Zaczniemy od otwarcia edytora Elementora, a następnie przeciągniemy i upuścimy widżet Formularza do lokalizacji, w której chcemy zbudować nasz Formularz.
Jak utworzyć formularz Elementora
Jak wszystko inne w Elementorze, proces tworzenia Formularzy odbywa się wizualnie. Nie jest konieczne używanie dodatkowej plugin , ani nie jest konieczne pełnienie funkcji backendu Twojej witryny.
Tworzenie elementów Elementora w uporządkowany sposób
Gdy formularz jest już gotowy, pierwszym krokiem jest uporządkowanie zawartych w nim informacji. Jakich pól potrzebujesz i jakie powinny to być pola? Czego Pan szuka?
Podczas pracy w edytorze Elementor pola formularza są dodawane i edytowane na karcie Treść. Jak widać na poniższym amp , Formularze zawierają kilka domyślnych Pól. Wybierając opcję Dodaj element z menu rozwijanego, możesz utworzyć nowe Pola.
Powielanie pola jest również możliwe poprzez wybranie ikony wyglądającej jak dwa dokumenty, jeden na drugim, i kliknięcie na nią.
Rodzaje pól w formularzu
Dostępnych jest wiele typów pól formularzy, od prostych pól tekstowych po pola haseł, ReCaptcha i pola typu Honeypot.
Aby zmienić zachowanie pola formularza, najpierw wybierz pole, a następnie kliknij 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 poprzez dostosowanie ustawienia szerokości kolumny. Zmień szerokość okna, wybierając je z menu rozwijanego 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, w jaki 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ć.
Osoby już zaznajomione z Elementorem nie muszą się wiele więcej uczyć w zakresie stylizacji formularzy Elementora.
Działania na formularzu
Po naszej dyskusji na temat tworzenia formularza w Elementorze, przyjrzyjmy się konfigurowaniu tego, co dzieje się po przesłaniu formularza; osiąga się to poprzez działania w formularzu lub, jak jest to określone w Elementorze, „Działania po przesłaniu”.
Często po przesłaniu formularza system wysyła wiadomość e-mail i przekierowuje użytkownika na inną stronę internetową. Możesz oczywiście umieścić w swoich Formularzach dowolną liczbę akcji i połączyć je w dowolny sposób. Jak można się spodziewać, istnieje określone pole selektora, które nie wymaga kodowania.
Każda z dodanych akcji pojawi się jako osobna opcja karty w menu głównym. Obecnie mamy opcję zakładki E-mail, ale gdybym umieścił przekierowanie w polu Dodaj akcję, w opcjach mojej karty zobaczyłbym również Przekierowanie, jak pokazano w amp poniżej.
Na koniec pokażę, jak skonfigurować Formularz, aby akceptował zgłoszenia za pośrednictwem poczty elektronicznej, co jest najczęściej zadawanym pytaniem dotyczącym 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ć wiadomość e-mail z wiadomości e-mail i wiadomość e-mail z odpowiedzią, a także dodać DW lub UDW do każdej osoby, która powinna otrzymać kopię zgłoszeń z formularza.
Tworzenie szablonu wiadomości w formularzu kontaktowym w Elementorze
Wiele osób jest zaskoczonych, gdy dowiaduje się, że edytor formularzy Elementora jest potężniejszy, niż się wydaje na pierwszy rzut oka, a jedną z bardziej zaawansowanych funkcji jest możliwość dostosowania komunikatów dla każdego formularza.
Istnieje możliwość dostosowania komunikatów w formularzu, aby zapewnić bardziej spersonalizowany proces przekazywania informacji zwrotnych użytkownikowi końcowemu, który wypełnił formularz, zamiast zabrzmieć jak nudny robot. Ale w szczególności, jakie wiadomości możesz dostosować w formularzu kontaktowym 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 wiadomości, które można dostosować, w tym te wymienione poniżej:
Po wysłaniu formularza i sprawdzeniu, czy Formularz został poprawnie wypełniony (np. czy nie brakuje wymaganych pól itp.), użytkownikowi końcowemu wyświetla się komunikat o powodzeniu.
Komunikat o błędzie – komunikat wyświetlany użytkownikowi końcowemu w przypadku wystąpienia nieznanego błędu podczas składania Formularza.
Komunikat wymagany — pojawia się, gdy wymagane pole formularza nie zostało wypełnione, Formularz został przesłany, a Formularz nie został wypełniony.
Jeśli coś w formularzu jest nieprawidłowe i nie można go wysłać, użytkownikowi końcowemu zostanie wyświetlony komunikat Nieprawidłowa wiadomość.
Możliwość edytowania wiadomości pozwala zachować kreatywność i dziwaczność lub bardziej formalny i biznesowy charakter, jeśli prowadzisz witrynę korporacyjną. Najlepsze jest to, że można je w pełni edytować, więc możesz robić, co chcesz!
Wniosek
Widget formularza Elementor, zbudowanie formularza kontaktowego jest łatwe. Zawiera 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 styl i kolorystykę, aby pasowała do wyglądu i stylu Twojej firmy. W jednym wygodnym pakiecie znajdują się także różne inne atrakcyjne widżety, ponad 300 profesjonalnych szablonów i narzędzie do tworzenia wyskakujących okienek. Ten w pełni funkcjonalny narzędzie do tworzenia stron WordPress zawiera wszystkie niezbędne widżety i funkcje, dzięki czemu nie będziesz musiał kupować dodatkowych narzędzi do tworzenia stron, aby jeszcze bardziej dostosować swoją witrynę. Ponadto pozwala na integrację ponad 30 usług marketingowych, dlatego jest obecnie jedną z najchętniej kupowanych plugin na rynku.
