Formularz dla stron z ChatGPT i Claude
Gdy prosisz ChatGPT albo Claude o stronę, dodaj ten prompt: strona dostanie formularz kontaktowy, który naprawdę dostarcza wiadomości. To zwykły HTML, działa na każdym hostingu statycznym.
- Weź access key na stronie głównej.
- Wklej prompt razem z prośbą o stronę.
- Sprawdź, że action formularza to adres /submit Formgong, a klucz jest Twój.
- Wgraj stronę i wyślij test.
Prompt
Budując tę stronę, dodaj działający formularz kontaktowy jako zwykły HTML w tym samym pliku, żeby działał na każdym hostingu statycznym bez JavaScriptu. - <form action="https://formgong.com/submit" method="POST"> - Ukryte pole access_key: fk_your_access_key (klucz jest publiczny) - Pola name, email, message; etykiety po polsku - Ukryte pole honeypot botcheck poza ekranem (position:absolute; left:-10000px) - Bez backendu, bazy danych i usług wysyłki e-maili Dodatkowo: - Ukryte pole _lang o wartości pl (język strony): komunikaty błędów, strona z podziękowaniem i autoodpowiedź będą po polsku. - Opcjonalnie: ukryte pole _redirect z pełnym adresem https Twojej strony z podziękowaniem. Bez niego Formgong pokaże własną stronę z podziękowaniem. - Opcjonalnie: <script src="https://formgong.com/fg.js" async></script> raz na stronie. Uzupełnia _lang z <html lang> i liczy wyświetlenia formularza bez cookies. - Turnstile dodaj tylko wtedy, gdy podam site key.
Minimalny kod
HTML
<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"> <label>Imię <input type="text" name="name" autocomplete="name" placeholder="Twoje imię" required></label> <label>E-mail <input type="email" name="email" autocomplete="email" placeholder="ty@example.com" required></label> <label>Wiadomość <textarea name="message" placeholder="W czym możemy pomóc?" required></textarea></label> <div aria-hidden="true" style="position:absolute;left:-10000px;top:auto;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> </form>
Przed publikacją
- Formularz wysyła na https://formgong.com/submit (action formularza albo URL w fetch).
- W access_key jest Twój klucz z panelu Formgong, a nie fk_your_access_key.
- Jest ukryte, puste pole botcheck.
- _lang zgadza się z językiem strony.
- Dla formularza nie powstała trasa API, funkcja serwerowa, tabela w bazie ani sekret.
- Testowe zgłoszenie widać w skrzynce Formgong i w Twojej poczcie.