Samouczek: formularz kontaktowy w 15 minut
W tym samouczku dodasz do swojej strony formularz kontaktowy. Gdy odwiedzający go wyśle:
- ty dostaniesz wiadomość do skrzynki, a kliknięcie Odpowiedz trafi prosto do odwiedzającego,
- odwiedzający dostanie krótki e-mail „dzięki, mamy twoją wiadomość”,
- boty zostaną zatrzymane, zanim cokolwiek cię kosztują.
Nie musisz pisać ani utrzymywać żadnego serwera. Formularz rozmawia z Frontmailem prosto z przeglądarki za pomocą twojego klucza publicznego; Frontmail sprawdza, skąd przyszło żądanie, renderuje szablon i wysyła e-mail przez twoje własne konto pocztowe albo dostawcę.
Czego potrzebujesz
Dział zatytułowany „Czego potrzebujesz”- Konta we Frontmailu. Załóż je na app.frontmail.dev – wystarczy plan Free. Potwierdź adres e-mail, inaczej możesz się rozglądać, ale nie wysyłać.
- Konta pocztowego, z którego będziesz wysyłać. Dowolna skrzynka SMTP (Seznam, Zoho, twój hosting…), konto Gmail albo Outlook, ewentualnie dostawca z API, np. Resend lub Postmark.
- Strony, na której możesz edytować HTML. Wystarczy statyczna strona. Do testów lokalnych nada się
też serwer deweloperski na
localhost. - Około 15 minut.
Każdy krok jest krótki i kończy się linkiem do następnego.
1. Podłącz usługę e-mailPowiedz Frontmailowi, które konto lub który dostawca wysyła twoje e-maile.
2. Utwórz szablon kontaktowyZacznij od galerii, sprawdź odbiorcę i obejrzyj podgląd z przykładowymi danymi.
3. Dodaj automatyczną odpowiedźDrugi szablon, który dziękuje odwiedzającemu, powiązany z pierwszym.
4. Dopuść swoją stronęOgranicz klucz publiczny do swojej domeny i włącz CAPTCHA.
5. Zbuduj formularzCzysty HTML plus SDK dla przeglądarki z CDN.
6. Przetestuj i śledź doręczenieWyślij bezpłatny test, wyślij prawdziwy formularz i obserwuj go w Historii.
Spieszysz się? Szybki start opisuje ten sam proces na jednej stronie, bez wyjaśnień.