Chcesz wiedzieć, jak stworzyć forma w kilku krokach z Elementor ?
Znasz TypeForm? Jest twórcą formularze popularna platforma internetowa znana ze swojego interaktywnego stylu. W Typeform możesz utworzyć plik forma wieloetapowa interaktywna gra online do szerokiego zakresu celów.
Jeśli masz witrynę opartą na WordPressie obsługiwaną przez Elementor, możesz bez wysiłku zintegrować swoje formularze Typeform przy użyciu Essential Addons.
Zobacz także: Jak dodać siatkę cen w Elementorze
Ale od wersji 2.9, Elementor sam w sobie ma funkcję, której możesz użyć do tworzenia formularze w kilku etapach. W tym artykule pokażemy Ci, jak to zrobić za pomocąElementor.
Un forma wieloetapowy sam w sobie jest świetnym pomysłem na zaoszczędzenie miejsca w projekcie (niezależnie od tego, czy jest to strona, czy szablon kreatora motywów). Pozwala skrócić długą formę do prostszej formy.
Jak stworzyć formularz wieloetapowy w Elementorze
Zanim zaczniesz, upewnij się, że zaktualizowałeś swój Elementor do wersji pro na wypadek, gdyby tak się nie stało, ponieważ widżet Formularz (widżet Elementor do tworzenia formularzy) jest dostępny tylko w wersji pro.
Czytaj także: Jak utworzyć formularz kontaktowy w Elementorze
W tym artykule od razu przejdziemy do dodawania widżetu Formularz. Wieloetapowy formularz, który zamierzamy stworzyć, składa się z trzech kroków w następujący sposób:
- Krok 1: Imię i płeć
- Krok 2: Telefon i e-mail
- Krok 3: Przycisk radiowy
Najpierw przeciągnij widżet Formularz do pola edycji Elementora.
Przejdź do panelu ustawień po lewej stronie, aby dokonać ustawień. W bloku Pola formularza sous zakładka Treść, zdefiniuj pola zgodnie ze swoimi potrzebami. W naszym przypadku pola wyglądają następująco:
- Nick
- Genre
- Telefon
- Hobby
Po zakończeniu dodawania i definiowania potrzebnych pól formularza dodaj kolejne pole i ustaw typ pola na Ewolucja krok po kroku.
Zobacz także: Jak stworzyć zaokrąglony obraz w Elementorze
Ten krok automatycznie dodaje nowe pole na górze i nowe pole na dole. Możesz ustawić etykietę górnego pola na coś w stylu krok 1.
Następnie przeciągnij dolne pole i umieść je tuż nad polem z drugiego kroku (w tym przypadku pole Telefon).
Dodaj kolejne pole i ustaw typ pola na kroku. Przeciągnij go i umieść tuż nad polem w trzecim kroku (w tym przypadku pole Hobby).
Tutaj. Możesz wyświetlić podgląd wyniku przed dostosowaniem formularza. Domyślnie typ kroku jest ustawiony na numer i tekst.
Możesz edytować z bloku Parametry kroku pod zakładką Zawartość.
Możesz uzyskać dostęp do zakładki Styl aby dostosować formularz. Istnieje 5 bloków regulacyjnych, które można otworzyć.
- Forma : możesz otworzyć ten blok, aby zdefiniować przestrzeń między kolumnami i wierszami formularza, typografię (rodzina czcionek, rozmiar czcionki, styl czcionki itp.) etykiet formularza i kolor tekstu tego ostatniego .
- Łąka : Możesz otworzyć ten blok, aby zdefiniować typografię pól formularza, kolor tekstu pól, tło, szerokość obramowania, kolor obramowania i promień obramowania.
- Przycisk: Możesz otworzyć ten blok, aby dostosować przyciski. Niezależnie od tego, czy jest to przycisk wysyłania, poprzedni lub następny. Możesz zdefiniować takie elementy jak typografia tekstu, kolor tekstu, kolor tła itp.
- Wiadomość: Możesz otworzyć ten blok, aby zdefiniować typografię wiadomości, a także kolor tekstu.
- Kroki: Możesz otworzyć ten blok, aby zdefiniować typografię kroków, kolor, szerokość separatora, przestrzeń separatora itp ...
Po zakończeniu edycji szablonu możesz go opublikować lub zaktualizować.
Czytaj także: Jak utworzyć sekcję członka zespołu za pomocą Elementora
Jeśli chcesz wstawić właśnie utworzony formularz do strony Gutenberga (a może chcesz wstawić go do posta na blogu), możesz zapisać widżet Formularz jako widżet globalny. Następnie możesz zaimportować widżet za pomocą wtyczki Bloki Elementora dla Gutenberga.
Pobierz Elementor Pro teraz!
Wnioski
Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak stworzyć wieloetapowy formularz za pomocą Elementora. 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.
...
