Zaczynaj #

Metform pozwala z łatwością utworzyć długi formularz. Teraz łatwo twórz wieloetapowe formularze WordPress, korzystając z dowolnych widżetów.

Obejrzyj przewodnik wideo, jak dodać wieloetapowy formularz Elementor:

Możesz też postępować zgodnie z instrukcjami krok po kroku poniżej, aby dodać wieloetapowy formularz WordPress:

Krok -> 1  #

Szukaj Metform widget i przeciągnij go do obszaru umieszczania widgetów.

Krok -> 2  #

Kliknij na  Edytuj formularz przycisk po lewej stronie otwierający okno umożliwiające utworzenie formularza.

Krok -> 3 #

Wybierać Nowy aby utworzyć nowy formularz. Daj na Tytuł. Teraz możesz wybrać pusty szablon i kliknąć Edytuj formularz

Krok -> 4  #

Kliknij przycisk ze znakiem „plus”, aby dodać nową sekcję.

Krok -> 5  #

Teraz zbuduj swój formularz, korzystając z dowolnych widżetów

Krok -> 6  #

Przeciągnij i upuść Następny krok widżet przycisku.

Krok -> 7  #

Aby nazwać sekcję. Kliknij sześć kropek, aby przejść do ustawień sekcji. Następnie idź do układ ⇒ wieloetapowy. Tutaj zmień tytuł karty wieloetapowej i dodaj ikonę Jeśli chcesz. Możesz dodać ikonę z biblioteki lub przesłać nową.

Krok -> 8 #

Aby dodać nowy krok/fazę formularza, przejdź ponownie do nowej sekcji, klikając znak +. 

Uwaga: Pamiętaj, że dla nowej zakładki/kroku formularza musisz rozpocząć nową sekcję (nie sekcję wewnętrzną).

Krok -> 9 #

Teraz ponownie przeciągnij i upuść widżety, aby zbudować drugi krok. Po tym dodaj przyciski Poprzedni i Następny. Następnie wykonaj krok 7 aby nadać tej sekcji/zakładce odpowiednią nazwę i ikonę

Krok -> 10  #

Powtórz kroki 7,8 i 9, aby utworzyć kolejny krok formularza. Ale tym razem dodaj przycisk przesyłania zamiast przycisku Dalej aby wypełnić wieloetapowy formularz Elementora.

Krok -> 11 #

Na koniec kliknij aktualizację i zamknij, aby zapisać wieloetapowy projekt formularza i wrócić do ustawień.

Krok -> 12 #

Teraz czas włączyć funkcję wieloetapową. Aby to zrobić, przejdź do opcji Przejdź do treści ⇒ Ustawienia wieloetapowe i edytuj następujące ustawienia:

• Włącz wieloetapowość: Włącz tę opcję, aby włączyć opcję wieloetapową. 
• Wysokość kontenera w formie adaptacyjnej: Opcja ta sprawi, że formularz przyjmie wysokość bieżącego kroku.
• Wyświetl nawigację wieloetapową:  Możesz wyłączyć tę opcję, jeśli nie chcesz wyświetlać opcji nawigacji na górze.
• Włącz przewijanie do góry: Włącz tę opcję, aby przewinąć do góry.
• Wyrównanie:  Tutaj możesz ustawić wyrównanie wieloetapowej nawigacji do lewej, prawej lub środkowej strony.
• Typografia: W trybie wieloetapowym możesz zmienić rodzinę, wagę, transformację, wysokość linii itp.
• Wyściółka:  Ustaw lewe, prawe, górne i dolne wypełnienie formularza wieloetapowego.
• Margines: Dostosuj lewe, prawe, górne i dolne wypełnienie formularza wieloetapowego.
• Tekst
  • Normalna: Tutaj możesz edytować kolor, kolor tła, typ obramowania, rozmiar ikon, odstępy między ikonami i rozmiar ikon dla trybu normalnego.
  • Aktywny: Wybierz kolor, kolor tła, typ obramowania, rozmiar ikon, odstępy między ikonami i rozmiar ikon dla trybu aktywnego.
  • Unosić się: Edytuj kolor, kolor tła, typ obramowania, rozmiar ikon, odstępy między ikonami i rozmiar ikon dla trybu najechania myszką.

Krok -> 13 #

Na koniec kliknij aktualizację, aby zapisać.

Oto przykładowy formularz wieloetapowy stworzony przez Metfrom: