Tutoriál: kontaktný formulár za 15 minút
V tomto tutoriáli pridáte na svoj web kontaktný formulár. Keď ho návštevník odošle:
- vy dostanete správu do schránky a tlačidlom Odpovedať odpoviete priamo návštevníkovi,
- návštevník dostane krátky e-mail „ďakujeme, vašu správu sme prijali“,
- boty sa zastavia skôr, ako vás niečo budú stáť.
Nemusíte písať ani prevádzkovať žiadny server. Formulár komunikuje s Frontmailom priamo z prehliadača pomocou vášho verejného kľúča; Frontmail skontroluje, odkiaľ požiadavka prišla, vyrenderuje vašu šablónu a odošle e-mail cez váš vlastný e-mailový účet alebo poskytovateľa.
Čo budete potrebovať
Section titled “Čo budete potrebovať”- Účet vo Frontmaile. Zaregistrujte sa na app.frontmail.dev – tarif Free stačí. Potvrďte svoju e-mailovú adresu, inak sa môžete rozhliadnuť, ale nie posielať.
- E-mailový účet, z ktorého budete posielať. Akákoľvek schránka so SMTP (Seznam, Zoho, váš webhosting…), účet Gmail alebo Outlook, prípadne API poskytovateľ ako Resend alebo Postmark.
- Web, na ktorom môžete upravovať HTML. Stačí statická stránka. Na lokálne testovanie poslúži
aj vývojový server na
localhost. - Približne 15 minút.
Každý krok je krátky a končí odkazom na ďalší.
1. Pripojte e-mailovú službuPovedzte Frontmailu, ktorý účet alebo poskytovateľ bude odosielať vaše e-maily.
2. Vytvorte šablónu pre formulárZačnite z galérie, skontrolujte príjemcu a pozrite si náhľad so vzorovými údajmi.
3. Pridajte automatickú odpoveďDruhá šablóna, ktorá návštevníkovi poďakuje, prepojená s prvou.
4. Povoľte svoj webObmedzte verejný kľúč na svoju doménu a zapnite CAPTCHA.
5. Vytvorte formulárČisté HTML a k tomu SDK pre prehliadač z CDN.
6. Otestujte a sledujte doručeniePošlite bezplatný test, odošlite skutočný formulár a sledujte ho v Histórii.
Ponáhľate sa? Rýchly štart zhŕňa rovnaký postup na jednej stránke, bez vysvetlení.