Formularz kontaktowy w WebWave z autoodpowiedzią

Wbudowany formularz WebWave: co już potrafi

Element Formularz w WebWave pozwala wybrać typy pól, w „Ustawieniach formularza” wpisać kilku odbiorców (każdy adres w nowej linii), a przez Ustawienia → Integracje włączyć Google reCAPTCHA v3. Jeśli formularz ma pole e-mail, odpowiedź na zgłoszenie trafi do nadawcy.

Na tablicy pomysłów WebWave użytkownicy proszą m.in. o mail z potwierdzeniem dla osoby wysyłającej formularz. Jeśli potrzebujesz właśnie tego albo archiwum zgłoszeń, użyj Formgong. Jeśli wbudowany formularz Ci wystarcza, zostań przy nim.

Jak dodać formularz Formgong w WebWave

1. Załóż darmowe konto w Formgong i skopiuj klucz dostępu formularza.
2. W edytorze WebWave dodaj z lewego panelu element „Dowolny HTML, CSS, JS”.
3. Kliknij element dwukrotnie albo wybierz „Edytuj zawartość”, wklej kod poniżej i zamień fk_your_access_key na swój klucz.
4. Zatwierdź przyciskiem „Zamień kod”, dopasuj rozmiar elementu i opublikuj stronę.
5. Wyślij testowe zgłoszenie z opublikowanej strony.

<style>
  .fg-form label { display: block; margin: 0 0 12px; }
  .fg-form input:not([type="checkbox"]), .fg-form textarea { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; padding: 10px; font: inherit; }
  .fg-form textarea { min-height: 120px; }
  .fg-form small { display: block; margin-top: 10px; opacity: .75; }
</style>
<form class="fg-form" action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="pl">
  <input type="hidden" name="_subject" value="Nowa wiadomość ze strony WebWave">
  <label>Imię <input type="text" name="name" autocomplete="name" required></label>
  <label>E-mail <input type="email" name="email" autocomplete="email" required></label>
  <label>Telefon <input type="tel" name="phone" autocomplete="tel"></label>
  <label>Wiadomość <textarea name="message" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden">
    <label>Pozostaw to pole puste<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
  </div>
  <button type="submit">Wyślij</button>
  <small>Wysyłając formularz, przekazujesz nam swoje dane, abyśmy mogli odpowiedzieć. Szczegóły: <a href="/polityka-prywatnosci">polityka prywatności</a>.</small>
</form>

WebWave zaznacza w pomocy, że nie gwarantuje działania zewnętrznego kodu. Ten formularz to zwykły HTML z krótkim blokiem stylów, bez zewnętrznych skryptów. Nie sprawdziliśmy, czy element „Dowolny HTML, CSS, JS” jest dostępny na każdym planie WebWave, więc zobacz to w swoim panelu.

Automatyczna odpowiedź dla klienta

W ustawieniach formularza w Formgong włącz autoodpowiedź. Osoba, która wysłała formularz, dostanie mail z potwierdzeniem w języku strony (tu: po polsku, dzięki polu _lang). Autoodpowiedź jest dostępna na każdym planie; na planie Free do 20 dziennie na formularz i 50 na konto.

Spam i RODO

• Ukryte pole honeypot działa zawsze, a Cloudflare Turnstile możesz włączyć także na planie Free.
• Zgłoszenia są przechowywane w UE, a adres IP tylko jako skrót. Wzór klauzuli informacyjnej znajdziesz w poradniku formularz kontaktowy a RODO.

Czego Formgong nie robi

• Nie kieruje zgłoszeń do różnych adresów zależnie od wybranego tematu. Wszyscy odbiorcy (do 5, na planie Business do 20) dostają każde zgłoszenie. Jeśli potrzebujesz osobnych skrzynek dla działów, utwórz osobne formularze.
• Nie zmienia sklepu ani koszyka WebWave: dotyczy tylko formularza, który wstawisz.