Chcesz wiedzieć, jak utworzyć formularz kontaktowy w Elementorze?
Strona kontaktowa to jedna z najważniejszych stron serwisu. Jest często używany jako parametr, niezależnie od tego, czy witryna jest zatwierdzona. Elementor jest dostarczany z natywnym widżetem — widżetem formularza — umożliwiającym dodanie formularza do strony. W tym artykule dowiesz się, jak to zrobić.
Sam widżet Formularz jest dostępny tylko w Elementor Pro. Co oznacza, że jeśli nadal korzystasz z darmowej wersji, musisz przejść na wersję pro. Za pomocą widżetu Formularz można nie tylko utworzyć plik formularz kontaktowy, ale można go również używać do tworzenia innych rodzajów formularzy, w tym formularza rejestracji poczty elektronicznej, formularza rejestracji użytkownika, formularz przesyłania plikówItd ...
Jak utworzyć formularz kontaktowy w Elementorze
Kiedy tworzysz formularz kontaktowy Korzystając z widżetu Formularz Elementora, możesz ustawić lokalizację, do której zostaną przesłane dane formularza. Czy to na Twoim koncie e-mail, czy w domyślnym menedżerze przesyłania formularzy Elementora.
W tym artykule przejdziemy od razu do dodania widżetu Formularz do pola edycji Elementora. Po prostu dodaj widżet Formularz z panelu widżetów do pola edycji w następujący sposób:
Jak widać, widżet Formularz automatycznie tworzy formularz składający się z trzech pól.
Czytaj także: Jak dodać siatkę cen w Elementorze
Aby edytować istniejące pole, możesz je po prostu otworzyć. Możesz zmienić typ pola, zastąpić domyślną etykietę i symbol zastępczy oraz ustawić je jako pole wymagane, jeśli chcesz.
Aby usunąć istniejące pole, wystarczy kliknąć na X pola, które chcesz usunąć.
Aby dodać nowe pole, wystarczy kliknąć przycisk DODAJ ELEMENT. Sam widżet Formularz obsługuje dwadzieścia typów pól.
Definiowanie akcji formularza
Jak wspomnieliśmy wcześniej, możesz wysłać dane formularza (przesłane informacje) na swoje konto e-mail lub do wbudowanego formularza przesyłania formularza Elementor. Aby ustawić miejsce docelowe, możesz otworzyć blok Po przesłaniu działań pod zakładką Treść z panelu ustawień.
Zobacz także: Jak stworzyć zaokrąglony obraz w Elementorze
Wybierz akcję, którą chcesz zdefiniować w dostępnym polu (możesz dodać wiele akcji). W tym przykładzie wybieramy E-mail.
Jeśli ustawisz również akcję formularza na e-mail, możesz otworzyć blok E-mail zdefiniowanie adresu e-mail, na który mają być przesyłane dane formularza. Jak widać, jeśli chcesz, możesz również ustawić temat.
Domyślnie Elementor zawiera zawartość wszystkich pól w formularzu. Jeśli chcesz uwzględnić tylko treść z określonych pól, możesz wkleić w polu skróty preferowanych pól. Wiadomość.
Na przykład poniższe ustawienie wyśle tylko zawartość pola wiadomości.
Aby uzyskać skrócony kod pola, możesz kliknąć zakładkę ZAAWANSOWANE w powiązanym polu bloku Pola formularza.
Definicja wiadomości
Gdy dane formularza zostaną pomyślnie przesłane, odwiedzający zobaczą komunikat pod formularzem. Podobnie, zobaczą również komunikat o błędzie, gdy dane formularza nie zostaną przesłane.
Zobacz także: Jak utworzyć sekcję członka zespołu za pomocą Elementora
Możesz zastąpić te domyślne wiadomości, a także dwie inne wiadomości z bloku Dodatkowe opcje pod zakładką Treść z panelu ustawień. Aktywuj Niestandardowe wiadomości aby zastąpić komunikaty domyślne.
Dostosowywanie formularza
Po zakończeniu wprowadzania podstawowych ustawień w settings zakładka Treść z panelu ustawień możesz przejść do Styl aby dostosować formularz. Jest tu pięć bloków, które możesz otworzyć.
Forma
Możesz otworzyć ten blok, aby zdefiniować odstęp między kolumnami i wierszami formularza, odstępy między etykietami, typografię (rodzina czcionek, rozmiar czcionki, styl czcionki itp.) etykiety formularza oraz kolor tekstu tego ostatniego.
- Pole
Możesz otworzyć ten blok, aby zdefiniować typografię tekstu pola, a także kolor, kolor tła pól formularza, rozmiar, kolor obramowania i promień obramowania pól formularza.
- przyciski
Możesz otworzyć ten blok, aby dostosować przycisk przesyłania. Możesz ustawić takie rzeczy, jak typografia tekstu przycisku, a także kolor, kolor tła, promień obramowania, rozmiar obramowania, kolor obramowania i wypełnienie tekstu. Aby ustawić rozmiar przycisku, możesz to zrobić z bloku przyciski sous na karcie Treść.
- Wiadomości
Możesz otworzyć ten blok, aby zdefiniować typografię, a także kolor tekstu wiadomości.
- Cel
Możesz otworzyć ten blok tylko wtedy, gdy chcesz utworzyć formularz wieloetapowy.
Po zakończeniu dostosowywania formularza oraz strony możesz opublikować swoją stronę.
Potencjalny błąd
Jeden z typowych błędów, gdy ustawisz akcję formularza na E-mail jest to, że formularz nie jest wysyłany. Zamiast tego zobaczysz następujący komunikat.
Elementor i większość wtyczek do formularzy kontaktowych - w tym Contact Form 7 - używają domyślnej funkcji dostarczania poczty WordPress o nazwie wp_mail. Ta funkcja zależy od funkcji Wyślij maila który zależy od PHP do działania.
Czytaj także: Jak dodać suwak referencji w Elementorze
Niestety wszyscy dostawcyhosting nie włączaj tej funkcji Wyślij maila PHP. Jeśli tak, Twój formularz nie zostanie wysłany. Zamiast tego otrzymasz komunikat o błędzie podobny do powyższego.
Aby rozwiązać ten problem, możesz zainstalować i skonfigurować niestandardową usługę dostarczania poczty na swoim WordPressie. Alternatywnie, jeśli to możliwe, możesz poprosić swojego dostawcę usług hostingowych o włączenie tej funkcji Wyślij maila PHP.
W końcu
Elementor to jedna z najbardziej wszechstronnych wtyczek do tworzenia stron. Zawiera szereg elementów projektu (zwanych widżetami), które umożliwiają łatwe dodawanie elementów do strony, w tym formularz kontaktowy.
Chociaż możesz użyć widżetu Formularz do stworzenia formularza kontaktowego od podstaw z własnym projektem, Elementor oferuje również szablony formularzy, których możesz użyć. Możesz nawet utwórz stronę kontaktową (oczywiście wraz z formularzem kontaktowym) z szablonu.
Pobierz Elementor Pro teraz!
Wnioski
Tutaj jest ! To tyle w tym artykule, który pokazuje, jak utworzyć formularz kontaktowy w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
