1. Strona główna
  2. Pomoc
  3. Jak dodać / zmienić komunikaty po wysłaniu formularza?

Jak dodać / zmienić komunikaty po wysłaniu formularza?

POMOC W TWORZENIU STRONY INTERNETOWEJ

Ostatnia aktualizacja: 2022-02-24

Formularze kontaktowe dostępne są dla witryn z planem BASIC, PRO lub SHOP.

Po napisaniu i wysłaniu formularza przez Użytkownika na stronie pokazywany jest komunikat. Masz możliwość zmiany komunikatów pokazywanych na stronie.

Przykładowy komunikat sukcesu:

komunikat sukcesu formularz
komunikat sukcesu formularz<br>

Przykładowy komunikat niepowodzenia:

komunikat niepowodzenia formularz
komunikat niepowodzenia formularz

Jak zmienić treść komunikatów?

Możesz zmienić teksty w komunikatach po wysłaniu formularza na własne.

1. Przejdź do Kreatora stron i wybierz stronę z formularzem.

2. Kliknij w formularz i otwórz Inspektor z jego ustawieniami.

3. W ustawieniach formularza w zakładce "Treść" wpisz odpowiednie treści w polach "Komunikat sukcesu" i "Komunikat niepowodzenia".

komunikaty po wysłaniu formularza
komunikaty po wysłaniu formularza<br>

4. Zapisz i opublikuj stronę.

Jak zmienić kolor komunikatów?

Komunikaty pojawiają się domyślnie na zielonym tle - w przypadku sukcesu lub czerwonym tle - w przypadku niepowodzenia. Aby zmienić kolory tła wejdź w ustawieniach formularza do zakładki "Styl" i zmień kolor pól "Kolor tła komunikatu sukcesu" oraz "Kolor tła komunikatu niepowodzenia". Pamiętaj, że kolor tekstu jest domyślnie biały więc tło powinno być odpowiednio ciemne aby zachować kontrast tekstu i tła.

Te ustawienia są zwykle wystarczające do ładnego zaprezentowania komunikatów. Jeżeli chcesz dokonać bardziej szczegółowych zmian np. zmienić kolor tekstu, dodać ramki, zaokrąglenia itp. to możesz skorzystać z bardziej zaawansowanych ustawień dodając własne style CSS do kodu strony.

  • Pole sukcesu ma klasę .submit-success
  • Pole niepowodzenia ma klasę .submit-error

1. Wejdź do Kreatora stron.

2. Wybierz stronę, na której jest formularz.

3. Kliknij śrubkę w górnej nawigacji aby wejść do ustawień strony.

Ustawienia strony → Dodatkowe → Dodatkowe style CSS

4. Wklej swoje style CSS z odpowiednimi wartościami kolorów. Np.

.submit-success { background: #4ea1de; color: #fff; border-radius: 5px; } .submit-success { background: #ad1850; color: #fff; border-radius: 5px; }

5. Zapisz i opublikuj witrynę.

Jak przekierować użytkownika na inną stronę po wysłaniu formularza?

Możesz zastosować zaawansowane ustawienia formularza aby przekierować użytkownika na inną stronę w witrynie po wysłaniu formularza. Domyślnie po wysłaniu formularza użytkownik otrzymuje komunikat sukcesu lub komunikat niepowodzenia i zostaje na tej samej stronie. Jeżeli chcesz aby po pomyślnym wysłaniu formularza został przekierowany na inną stronę w witrynie to wykonaj poniższe kroki:

1. Utwórz w kreatorze nową stronę, na którą chcesz przekierować użytkownika.

Zadbaj o ładny wygląd strony (dodaj nawigację, stopkę i sekcję z komunikatem podziękowania). Ustaw unikalny URL strony np. /powodzenie albo /dziekujemy

2. Zapisz i opublikuj witrynę.

3. Przejdź do kolekcji FORMULARZE. W ustawieniach formularza dodaj adres nowej strony w dodatkowych parametrach formularza.

przekierowanie po wysłaniu formularza
przekierowanie po wysłaniu formularza<br>

Format zapisu powinien być tak jak poniżej, w jednej linii wpisz polecenie redirect_url, a obok URL strony (bez domeny). Przykład:

redirect_url: /dziekujemy

4. Zapisz ustawienia formularza.

Stwórz własną stronę internetową w kreatorze stron www Najszybsza.

Jak możemy Ci pomóc?

© 2020-2024 Strona zbudowana i hostowana w Najszybsza.pl