W tym artykule dowiesz się, jak stworzyć formularz za pomocą darmowego Elementora.
Chociaż widżet Formularz jest dostępny tylko w Elementorze Pro, nie oznacza to, że nie można utworzyć formularza w darmowej wersji Elementora.
Jeśli chcesz dodać formularz do strony, którą tworzysz za pomocą darmowej wersji Elementora, możesz skorzystać z dwóch metod, które omówimy w tym artykule.
Elementor, niezależnie od tego, czy jest to wersja pro, czy darmowa, zawiera dwa widżety, których można użyć do utworzenia formularza. Są to widżety HTML i Shortcode. Za pomocą widżetu HTML możesz osadzić formularz HTML, podczas gdy widżet Shortcode umożliwia osadzenie formularza z wtyczek formularzy, które używają krótkiego kodu, takich jak Formularz kontaktowy 7.
Utwórz formularz za pomocą darmowej wersji Elementora za pomocą widżetu HTML
Ta metoda wymaga umiejętności HTML do utworzenia formularza. Lub możesz pobrać szablon formularza HTML z Internetu. W3docs ma ponad 60 Szablony formularzy HTML które możesz pobrać za darmo.
Aby rozpocząć, utwórz nową stronę i edytuj ją za pomocą Elementora (Strony – > Dodaj). Oczywiście możesz także zmodyfikować istniejącą stronę. Jeśli chcesz utworzyć formularz na nowej stronie, pamiętaj, aby ustawić układ formularza, klikając ikonę koła zębatego w lewym dolnym panelu.
Dodaj nową sekcję, klikając przycisk plusa w obszarze edycji i dodaj formularz HTML, przeciągając go z lewego panelu do obszaru edycji. Umieść go w wybranym miejscu. Następnie przejdź do lewego panelu i wklej kod HTML formularza w polu Kod HTML pod zakładką Treść.
Opublikuj/zaktualizuj stronę po zakończeniu jej edytowania.
Zobacz także: Jak używać widżetów/szablonów Elementora jako bloków Gutenberga
Rzecz. Jeśli Twój formularz HTML używa zewnętrznego CSS, obrazów lub JavaScript do stylizacji, pamiętaj o przesłaniu folderów zawierających kod CSS, obrazy i JavaScript do głównego katalogu swojej witryny.
Utwórz formularz na Elementorze za darmo, korzystając z formularza kontaktowego 7
Jeśli nie masz żadnych umiejętności HTML i nie chcesz używać szablonu formularza HTML, możesz utworzyć formularz w darmowej wersji Elementora za pomocą wtyczki Formularz kontaktowy 7. W rzeczywistości istnieje wiele innych wtyczek formularzy. Polecamy Formularz kontaktowy 7 ponieważ jest to najpopularniejsza wtyczka formularzy do WordPressa i całkowicie darmowa.
Najpierw zainstaluj wtyczkę Formularz kontaktowy 7. Aby to zrobić, przejdź do Rozszerzenia – > Dodaj. Wpisz „formularz kontaktowy 7” w polu wyszukiwania i kliknij przycisk zainstalować teraz kiedy już to znajdziesz.
Aktywuj wtyczkę natychmiast po zainstalowaniu.
Formularz kontaktowy 7 zawiera domyślny formularz (a formularz kontaktowy ). Możesz go użyć, jeśli chcesz. Jeśli zamiast tego chcesz utworzyć nowy formularz, możesz przejść do Kontakt – > Dodaj. Nadaj swojemu formularzowi nazwę, aby móc go łatwo zidentyfikować w przyszłości.
Domyślnie Twój formularz będzie składał się z czterech pól: imię i nazwisko, adres e-mail, temat i wiadomość.
Jeśli chcesz dodać nowe pole, umieść wskaźnik w miejscu, w którym chcesz dodać nowe pole (możesz umieścić go pod lub nad istniejącym polem). Dodaj etykietę dla nowego pola formularza w formacie <label> votre label préféré </label>.
Umieść wskaźnik tuż za etykietą i wybierz pole na karcie pola. Możesz dodać nowy podział wiersza, aby nowe pole było czystsze niż inne istniejące pola.
Wypełnij pola i kliknij Wstawić tag (możesz zostawić wszystko jako domyślne).
Formularz kontaktowy 7 wyśle zgłoszenia przesłane za pośrednictwem formularza na adres e-mail. Możesz ustawić adres e-mail z zakładki E-mail.
Możesz przejść do zakładki Wiadomości jeśli chcesz zastąpić domyślne komunikaty. Możesz dostosować komunikat, który pojawia się, gdy odwiedzający pomyślnie prześlą formularz lub komunikat o błędzie, gdy formularz nie zostanie przesłany itp.
Kliknij przycisk Enregistrer po zakończeniu edycji formularza i skopiowaniu krótkiego kodu.
Aby dodać właśnie utworzony formularz do swojej strony w Elementorze, utwórz nową stronę i edytuj ją za pomocą Elementora lub edytuj istniejącą stronę.
Czytaj także: Jak wyłączyć wyskakujące okienko Elementora na smartfonach
Dodaj nową sekcję, aby umieścić formularz i dodaj plik Widżet krótkiego kodu. Po dodaniu widżetu Shortcode przejdź do lewego panelu i wklej skopiowany shortcode w polu Krótki kod pod zakładką Treść.
Opublikuj/zaktualizuj swoją stronę po zakończeniu jej edytowania.
Formularz kontaktowy 7 używa formatu stylu WordPress którego używasz. Możesz nadać styl formularzowi Contact Form 7, ale wymagane są umiejętności CSS. Możesz także zobaczyć ten artykuł pod adresem Jak dostosować formularz Contact Form 7 za pomocą Essential Addons i Elementor.
Pobierz Elementor Pro teraz !!!
Wnioski
Więc ! To wszystko w tym artykule, który pokazuje, jak utworzyć formularz za pomocą bezpłatnego Elementora. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj im 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.
...
