Ugrás a fő tartalomhoz

Űrlap statikus oldalra? Web3Forms útmutató

· 3 perc olvasás
Tolvaj Sándor
Tolvaj Sándor
Webes tanácsadó | 20+ év | Webdesign, support, WP karbantartás | HTML, CSS, JS, WordPress, Astro, Tailwind

Egyszerű, biztonságos kapcsolatfelvétel backend nélkül​

Egy modern weboldal nem lehet meg űrlap nélkül. Legyen szó kapcsolatfelvételről, jelentkezésről vagy kérdőívről, előbb-utóbb szembejön a kérdés: mivel gyűjtsük be az adatokat?

A Web3Forms erre ad egy minimalista, mégis profi választ. Egy HTML űrlap, egy endpoint - és azonnal ott az email a postaládádban. Nincs adatbázis, nincs API-fejlesztés, nincs bonyodalom.

Kinek való a Web3Forms?​

💼 Vállalkozóknak​

  • Ha szeretnél gyorsan egy működő kapcsolatfelvételi űrlapot az oldaladra.
  • Ha fontos a GDPR-kompatibilitás - az adatok nem kerülnek tárolásra, csak továbbításra.
  • Ha ragaszkodsz a saját arculathoz, és nem akarsz külső űrlapokat beágyazni.

💻 Fejlesztőknek​

  • Ha statikus oldalt vagy frontend-only SPA-t fejlesztesz (pl. Astro, Next.js, Eleventy).
  • Ha nem akarsz külön PHP, Node.js vagy más backend logikát írni csak űrlaphoz.
  • Ha szeretnél webhookokat, Google Sheets integrációt vagy egyedi redirectet (PRO csomaggal).

Hogyan működik?​

A Web3Forms egyetlen POST endpointtal dolgozik.
Elég egy szabványos HTML <form> elem, néhány kötelező mező (pl. access_key, redirect), és már működik is:

<form action="https://api.web3forms.com/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE" />
  <input type="text" name="name" required />
  <input type="email" name="email" required />
  <textarea name="message" required></textarea>
  <button type="submit">Küldés</button>
</form>

Főbb előnyök​

  • Nincs backend - működik bármilyen statikus oldalon.
  • Azonnali email értesítés - nincs szükség SMTP beállításra sem.
  • Adatbiztonság és GDPR - nem tárol adatot, csak továbbít.
  • Spamvédelem - honeypot, hCaptcha, és PRO-ban reCaptcha v3.
  • Teljes dizájnkontroll - a form a te HTML kódod, nem iframe.

Ha többre van szükség: Web3Forms PRO​

Az ingyenes csomag sokaknak bőven elég. De ha:

  • Webhookot használnál (pl. MailerLite, CRM),
  • Fájlfeltöltés kellene,
  • Google Sheets-be mentenéd az adatokat,
  • Vagy csak saját domainedről engedélyeznél küldést,

akkor érdemes a PRO verziót választani - havidíjas modellben, fejlesztőbarát módon.

Mik az alternatívák?​

Ha nem a Web3Forms mellett döntesz, akkor még ezek jöhetnek szóba:

  • Formspree - hasonló működés, de több korláttal az ingyenes verzióban.
  • Netlify Forms - ha Netlifyon hostolsz, ez jó választás lehet.
  • Getform - fejlettebb API, viszont ingyenes csomagban limitált.
  • Google Forms - jól jöhet strukturált kérdőívre vagy listák gyűjtésére, de kevésbé illeszkedik dizájnba, és adatvédelmi aggályosabb lehet.
  • Typeform - élményalapú, látványos űrlapélményt ad; kiváló kérdőívekhez, de nem mindig illeszkedik natívan a weboldalad arculatába.
  • Egyedi fejlesztés (pl. PHP, Node.js, SMTP) - teljes kontrollt ad, de idő- és karbantartásigényes, és saját biztonsági megoldásokat is megkövetel.

Mikor ne Web3Forms-t használj?​

  • Ha sok adatot kell rendszerezetten gyűjteni, és azokat hosszú távon listázni.
  • Ha komplex kérdéslogikát, feltételeket vagy fájlfeltöltést használsz - bár ez utóbbi a PRO verzióval megoldható.
  • Ha már eleve Google Workspace-t használsz, és nem zavar a dizájn kompromisszum.

Összefoglalás​

A Web3Forms ideális választás, ha:

  • Gyorsan kell működő kapcsolatfelvétel a weboldaladra,
  • Nem akarsz backendet vagy bonyolult kódot,
  • Fontos az adatvédelem és az arculati konzisztencia.

Ha szeretnéd, szívesen segítek az űrlap beállításában, spamvédelem aktiválásában, egyedi redirect oldalakban és bármiben, ami a témával kapcsolatos kihívása a vállalkozásodnak.

👉 További infó: web3forms.com