was successfully added to your cart.

Jak stworzyć formularz kontaktowy w DIVI

Pierwszym krokiem jest stworzenie specjalnej sekcji, w której umieścimy formularz. W tym celu musimy kliknąć w napis „Sekcja specjalna” w sekcji, pod którą ma znaleźć się nasz formularz.

formularz1

Wybieramy układ kolumn.

formularz2

Tak wygląda nasz układ:

formularz3

Teraz wstawimy kolumnę:

formularz4

Układ przedstawia się następująco:

formularz5

Teraz dodajemy moduł, my wstawimy sobie krótką notatkę, która będzie się wyświetlała obok naszego formularza kontaktowego. Można tutaj wstawić zdjęcie, tekst w zależności od potrzeb.

formularz6

Uzupełniamy od razu uzupełniamy tytuł notatki.

formularz7

Dodajemy treść i jak już wszystko uzupełniliśmy, klikamy „Zapisz i zamknij”.

formularz8

Układ prezentuje się w następujący sposób:

formularz9

Zajmiemy się teraz dodaniem formularza. Wstawiamy moduł, którym jest formularz kontaktowy.

formularz10

Pojawią się nam ustawienia ogólne formularza. Możemy dodawać kolejne pola poprzez kliknięcie w kwadrat z plusem („Dodaj nowy Pole”).

formularz11

Tworząc formularz kontaktowy używamy maila, na który mają przychodzić wiadomości od użytkowników strony.

form1

We wzorze wiadomości dobrze by było gdybyśmy też sobie opisali pola, żebyśmy wiedzieli czego dana informacja dotyczy, np. mamy w formularzu pole email i w tym polu osoba, która wysyła do nas wiadomość korzystając z formularza wpisuje swój adres e-mail. Aby było wiadome, że e-mail to e-mail a nie np. imię czy nazwisko, to sobie opisujemy tą informację jako „e-mail: „ a w podwójnych znakach % oznaczających początek i koniec nazwy tego pola wpisujemy właśnie tą nazwę, z której pobieramy dane, czyli odnośnie naszego omawianego maila będziemy mieli: %%email%%.

form2

Jeżeli wszystko mamy już gotowe, klikamy „Zapisz i wyjdź”.

formularz12

Pamiętajmy też o tym aby zaktualizować naszą stronę.

zapisz1

Jeżeli strona jest jeszcze nie Opublikowana to w takim przypadku trzeba Zapisać szkic, aby nie utracić stworzonej pracy.

zapisz2

Zapraszamy do zapoznania się z innymi poradnikami znajdującymi się na naszej stronie!

http://www.mediaelements.pl/obsluga/