Twórz i projektuj formularze za pomocą widżetu Elementor Form

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 za pomocą 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.

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 marketingu e-mailowego 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 szukasz?

Podczas pracy w edytorze Elementor Pola formularza są dodawane i edytowane w zakładce 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 możesz 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.

Hansona F.

Ostatnie posty

Jak używać nagłówków i stopek w Elementorze

Nagłówki i stopki witryny internetowej są niezbędnymi elementami. W większości przypadków nagłówek zapewnia nawigację…

6 stycznia 2022 r

Porównanie motywów WordPress: Astra vs OceanWP

Dwa najpopularniejsze motywy WordPress na rynku to Astra i OceanWP. Profesjonalny…

2 stycznia 2022 r

Porównanie motywów wiadomości WordPress: Gazeta vs. Astry

Stworzenie doskonałej witryny z wiadomościami nie wymaga zostania projektantem stron internetowych. My…

25 października 2021 r

Utwórz witrynę internetową związaną z wiadomościami za pomocą motywu gazety

Motyw gazety jest jednym z najważniejszych motywów WordPress zaprojektowanych przez tagDiv, firmę…

18 października 2021 r

Jak zbudować eCommerce za pomocą kreatora Avada WooCommerce

Jeśli chodzi o konfigurację sklepu internetowego, WooCommerce jest najczęściej wybieraną plugin . To…

4 października 2021 r

Jak używać lepkiego nagłówka i efektów przewijania w Elementorze

Nagłówek jest zazwyczaj pierwszą rzeczą, którą widzi osoba odwiedzająca Twoją witrynę…

21 września 2021 r