W artykule:
Chcesz zbudować formularz kontaktowy AJAX w WordPress?
AJAX contact forms pozwala użytkownikom na przesłanie formularza bez przeładowywania strony. Pozwala to zwiększyć zaangażowanie użytkowników, jednocześnie oferując użytkownikom lepsze wrażenia z przesyłania formularzy.
Jest to przydatne, gdy prowadzisz witrynę e-commerce i chcesz zbierać opinie użytkowników bez odwracania uwagi użytkowników.
Możesz również użyć tej samej funkcji AJAX dla innych niestandardowych formularzy na swojej stronie internetowej. Na przykład niestandardowy formularz logowania użytkownika pozwoli użytkownikom logować się bez dodatkowego ładowania strony.
W tym artykule pokażemy, jak łatwo zbudować formularz kontaktowy WordPress AJAX z instrukcjami krok po kroku.
Co To jest Ajax i dlaczego używać go do formularzy?
Ajax, skrót od Asynchronous Javascript i XML, jest techniką programowania JavaScript, która pozwala programistom przesyłać dane bez przeładowywania strony.
Jest najczęściej używany w formularzach internetowych, umożliwiając użytkownikom przesyłanie danych formularzy bez przeładowywania strony. Dzięki temu przesyłanie formularzy jest łatwe i szybkie, co poprawia ogólne wrażenia użytkownika.
Aplikacje internetowe, takie jak Gmail i Facebook, szeroko wykorzystują tę technikę, aby utrzymać zaangażowanie użytkowników, jednocześnie sprawiając, że wszystko działa bezproblemowo w tle.
Możesz również użyć Ajax dla swoich formularzy WordPress. Pozwoli to zaoszczędzić użytkownikom niepotrzebnego przeładowania strony i utrzyma ich zaangażowanie na stronie, którą aktualnie przeglądają.
Mając to na uwadze, przyjrzyjmy się, jak łatwo utworzyć formularz kontaktowy WordPress Ajax w 4 prostych krokach.
1. Zainstaluj Wtyczkę WPForms
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
WPForms to najlepsza wtyczka do tworzenia formularzy WordPress na rynku. To pozwala na łatwe tworzenie formularzy Ajax powered aswell.
Po aktywacji musisz odwiedzić WPForms ” Ustawienia strona, aby wprowadzić klucz licencyjny.
Po wprowadzeniu klucza licencyjnego będziesz mógł otrzymywać automatyczne aktualizacje i instalować dodatki.
Jesteś teraz skonfigurowany do tworzenia pięknych formularzy ajax w WordPress.
2. Stwórz Swój Pierwszy Formularz
Stwórzmy twój pierwszy formularz.
Po prostu odwiedź WPForms ” Dodaj Nowy strona w obszarze administracyjnym WordPress. Zostaniesz poproszony o podanie tytułu formularza i wybranie szablonu jako punktu wyjścia.
Ze względu na ten tutorial, będziemy tworzyć formularz kontaktowy. Możesz jednak utworzyć dowolny inny rodzaj formularza, którego potrzebujesz.
WPForms załaduje teraz formularz z podstawowymi polami już do niego dodanymi. Możesz po prostu wskazać i kliknąć dowolne pole formularza, aby je edytować.
Możesz również dodać nowe pole formularza z lewej kolumny, klikając je. Nowe pole pojawi się na dole formularza tuż nad przyciskiem wyślij.
Możesz łatwo przeciągać i upuszczać pola formularza, aby przesuwać je w górę i w dół formularza.
Po zakończeniu edycji formularza możesz przejść do następnego kroku.
3. Włącz Funkcję Przesyłania Formularzy Ajax
WPForms domyślnie nie włącza przesyłania formularzy Ajax. Trzeba będzie ręcznie włączyć go dla formularza.
Wystarczy przejść do zakładki Ustawienia w kreatorze formularzy i zaznaczyć pole obok opcji „Włącz przesyłanie formularzy AJAX”.
Zaznaczenie tego pola spowoduje włączenie funkcji Ajax dla tego formularza.
Teraz skonfigurujmy, co dzieje się po przesłaniu formularza.
Najpierw przejdź do zakładki „potwierdzenie” w Ustawieniach. W tym miejscu użytkownik informuje swoich użytkowników, że otrzymał ich zgłoszenie.
WPForms pozwala to robić na różne sposoby. Możesz na przykład przekierować użytkowników do adresu URL, pokazać im określoną stronę lub po prostu wyświetlić wiadomość na ekranie.
Ponieważ włączyliśmy funkcję Ajax dla formularza, przekierowanie użytkowników na inną stronę nie pozwoli na utworzenie formularza Ajax.
Musisz wybrać opcję wiadomość i edytować wiadomość z potwierdzeniem. Możesz użyć paska narzędzi formatowania w edytorze lub dodać link lub dwa, aby powiedzieć użytkownikom, gdzie mają iść dalej.
Następnie możesz skonfigurować sposób, w jaki chcesz otrzymywać powiadomienia o przesłaniu formularza.
Przejdź do zakładki powiadomienia w Ustawieniach formularza i skonfiguruj ustawienia powiadomień e-mail.
Po zakończeniu możesz zapisać formularz i wyjść z kreatora formularzy.
4. Dodaj swój formularz Ajax Enabled w WordPress
WPForms ułatwia dodawanie formularzy do postów, stron i widżetów paska bocznego WordPress.
Wystarczy edytować post lub stronę, na której chcesz dodać formularz i wstawić blok WPForms do obszaru treści.
Następnie musisz wybrać właśnie utworzony formularz z ustawień bloku. WPForms natychmiast załaduje podgląd na żywo formularza w edytorze treści.
Możesz teraz zapisać lub opublikować swoją zawartość, a następnie odwiedzić swoją stronę internetową, aby przetestować funkcjonalność formularza ajax.
Możesz również dodać swój formularz do widżetu paska bocznego w WordPress. Aby to zrobić, przejdź do Wygląd ” Widgety strona i dodaj widżet WPForms do paska bocznego.
Wybierz formularz utworzony wcześniej i kliknij przycisk Zapisz, aby zapisać ustawienia widżetu. Możesz teraz odwiedzić swoją stronę internetową, aby zobaczyć formularz zasilany Ajax w akcji.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak stworzyć formularz kontaktowy WordPress Ajax dla Twojej witryny. Możesz również zobaczyć nasz przewodnik, Jak utworzyć wyskakujące okienko formularza kontaktowego w WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
