Anleitungen

99 Anleitungen

  1. Launch

    So erstellst du eine Warteliste für ein neues SaaS

    Baue eine Pre-Launch-Warteliste auf deiner eigenen Landingpage: das Formular, Spamschutz, Duplikate, Bestätigungs-E-Mails und ein sauberer Export am Launch-Tag.Preet SutharGründer, Ikiform
  2. Kontakt

    Kontaktformular auf einer statischen Site ohne Backend einbauen

    Bau ein funktionierendes Kontaktformular in eine statische Site ohne Server ein: wohin der POST geht, Spam, Antworten per E-Mail und Code für jeden Host und jedes Framework.Preet SutharGründer, Ikiform
  3. Kontakt

    HTML-Formulareinsendungen an deine E-Mail senden

    Bekomm jede Formulareinsendung ohne Mailserver in dein Postfach: warum mailto: und PHPs mail() scheitern und ein Setup, das Spam filtert und dich antworten lässt.Preet SutharGründer, Ikiform
  1. Spam

    So stoppst du Spam über dein Kontaktformular

    Stopp Kontaktformular-Spam mit Schichten, die echte Menschen nichts kosten: Honeypot, Timing, Inhaltsbewertung, Rate-Limits und eine Menschlichkeitsprüfung nur bei Bedarf.Preet Suthar
  2. Website-Baukästen

    Wenn die Formulare deines Website-Baukastens nicht mehr reichen

    Wenn Formulare in Webflow, Netlify, Carrd oder Framer an ein Limit oder eine fehlende Funktion stoßen, behalte dein Formular und richte es auf ein Formular-Backend aus.Preet Suthar
  3. Feedback

    Feedback-Formular zu deiner Website oder App hinzufügen

    Setze ein Feedback-Formular auf jede Seite oder in deine App: eine Bewertung, ein Kommentar, die Herkunftsseite, Spamfilter und Alerts bei niedrigen Werten.Preet Suthar
  4. Kontakt

    Ein Lead-Formular bauen, das dich schnell erreicht

    Ein Lead-Formular auf deiner eigenen Site, das dich per E-Mail mit Reply-To benachrichtigt, den Team-Chat anpingt und dein CRM füttert, damit du antwortest, solange der Lead noch da ist.Preet Suthar
  5. Launch

    Newsletter-Anmeldeformular ohne das Embed von Mailchimp

    Baue ein Newsletter-Anmeldeformular mit eigenem Markup, speichere die Einwilligung, blocke Bot-Anmeldungen und gib jeden Abonnenten an Kit, MailerLite, beehiiv oder ein anderes Tool weiter.Preet Suthar
  6. Entwickler

    So funktioniert das Absenden eines HTML-Formulars

    Was ein Browser beim Absenden eines Formulars tut: welche Felder er sendet, wie er sie kodiert, was der Server antworten sollte und wie Ikiform antwortet.Preet Suthar
  7. Launch

    Eventanmeldungen und RSVP-Formulare auf deiner eigenen Website

    Nimm Zusagen auf deiner eigenen Eventseite entgegen: Formular, Begleitpersonen-Limit, ehrliche Teilnehmerzahl, Schließen bei voller Kapazität und Check-in-Liste, ohne Ticketing-App.Preet Suthar
  8. Entwickler

    Webhook-Signaturen von Formularen prüfen

    Prüfe, ob ein Formular-Webhook wirklich von Ikiform kommt: das HMAC-SHA256-Schema von Standard Webhooks, ein Testvektor, Raw Bodys, Zeitstempel und Secret-Rotation.Preet Suthar
  9. Launch

    So baust du eine Pre-Launch-E-Mail-Liste für einen Product-Hunt-Launch

    Sammle Wochen vor Product Hunt eine Launch-Liste, markiere jede Anmeldung nach Kanal und sende die Launch-E-Mail in zwei Wellen, abgestimmt auf den Reset nach Pacific Time.Preet Suthar
  10. Launch

    So baust du ein Beta-Anmeldeformular, das Bewerber vorab prüft

    Ein Beta-Bewerbungsformular mit Auswahlfragen, die der Server durchsetzt, und ein Skript, das Bewerber bewertet und jede Kohorte aus der Liste auswählt.Preet Suthar
  11. Launch

    So baust du vor dem App-Store-Launch eine Wartelisten-Seite für eine mobile App

    Eine Pre-Launch-Warteliste für eine iOS- oder Android-App, die fragt, welches Handy jemand nutzt, iPhone-Tester zu TestFlight schickt und einen Play-Closed-Test füllt.Preet Suthar
  12. Launch

    So baust du eine Next.js-Warteliste mit einer Server Action

    Eine Warteliste mit dem Next.js App Router: eine Server Action, die Anmeldungen mit Secret Key weiterleitet, useActionState, ein optimistisches Danke und ein Limit pro Besucher.Preet Suthar
  13. Launch

    So fügst du einer Framer-Site eine Warteliste hinzu

    Zwei Wege, auf Framer Wartelisten-Anmeldungen zu sammeln: Framers Formular mit einem Webhook an Ikiform oder eine Code-Komponente, die Limits pro Besucher und Spamprüfungen behält.Preet Suthar
  14. Launch

    So fügst du einer Webflow-Site ein Wartelisten-Formular hinzu

    Richte einen Webflow Form Block auf Ikiform aus, markiere Anmeldungen mit einem versteckten Feld nach Quelle und behalte mit einem kurzen Skript Webflows Erfolgszustand für jedes Formular.Preet Suthar
  15. Launch

    So fügst du einer Carrd-Site eine Warteliste hinzu

    Sammle Wartelisten-Anmeldungen auf einer Carrd-Seite: ein Send-to-URL-Formular auf Pro Plus mit UTM-Tracking oder ein eingebettetes HTML-Formular mit Honeypot auf Pro Standard.Preet Suthar
  16. Launch

    So fügst du jeder Landingpage ein Wartelisten-Formular in reinem HTML hinzu

    Eine komplette Wartelisten-Seite in reinem HTML ohne Build, die ohne JavaScript funktioniert, nach dem Laden ein Danke inline zeigt und bei Bedarf zurückfällt.Preet Suthar
  17. Launch

    Eine Warteliste in Astro bauen

    Eine Astro-Warteliste auf einer statischen Landingpage: Eine Action leitet jede Anmeldung weiter, ein Skript ruft sie auf, und eine On-Demand-Seite fängt Posts ohne JavaScript ab.Preet Suthar
  18. Launch

    Eine Warteliste in TanStack Start bauen

    Eine TanStack-Start-Warteliste: Eine Server-Route beantwortet sowohl einen einfachen Formular-Post als auch fetch, und validateSearch trägt Quelle und Ergebnis in der URL.Preet Suthar
  19. Launch

    Eine Warteliste in React Router bauen

    Eine React-Router-Warteliste im Footer jeder Seite: Ein Fetcher sendet an eine Route-Action, markiert jede Anmeldung mit ihrer Seite und funktioniert ohne JavaScript.Preet Suthar
  20. Launch

    Eine Warteliste in SvelteKit bauen

    Eine SvelteKit-3-Warteliste: Ein Hook behält das erste ?ref= in einem Cookie, eine benannte Form-Action leitet die Anmeldung weiter, und wiederkehrende Besucher sehen, dass sie dabei sind.Preet Suthar
  21. Launch

    Eine Warteliste in Nuxt bauen

    Eine Nuxt-Warteliste auf einer vorgerenderten Landingpage: Eine Nitro-Route nimmt $fetch und einfache Formular-Posts an, prüft sie mit Zod und leitet ohne JavaScript weiter.Preet Suthar
  22. Kontakt

    Ein Kontaktformular in eine GitHub-Pages-Site einbauen

    GitHub Pages kann keinen Servercode ausführen, also bekommt ein Formular-POST 405 Not Allowed; sende an ein Formular-Backend und setze Weiterleitungen für Projekt-Sites richtig.Preet Suthar
  23. Kontakt

    Den 405-Fehler bei einem auf Vercel gehosteten Kontaktformular beheben

    Eine statische Seite auf Vercel beantwortet einen Formular-POST mit 405 Method Not Allowed; hier steht, warum, und wie du das Formular stattdessen an ein Backend sendest.Preet Suthar
  24. Kontakt

    Ein Kontaktformular auf Netlify ohne Netlify Forms einbauen

    Betreib ein Kontaktformular auf einer Netlify-Site ohne Netlify Forms: keine Erkennung beim Build, JSON-Posts aus React und ein eigenes Formular für Deploy Previews.Preet Suthar
  25. Kontakt

    Ein Kontaktformular in eine Cloudflare-Pages-Site einbauen

    Bau ein Kontaktformular in Cloudflare Pages ein, ohne eine Function zu schreiben: an ein Formular-Backend senden, Header in _headers setzen und eigene Turnstile-Schlüssel nutzen.Preet Suthar
  26. Kontakt

    Ein Kontaktformular in eine statische Website auf Amazon S3 einbauen

    S3-Website-Endpunkte akzeptieren nur GET und HEAD über einfaches HTTP, also sende das Kontaktformular an ein Formular-Backend und setze Weiterleitungen mit CloudFront richtig.Preet Suthar
  27. Kontakt

    Ein Kontaktformular in deine Portfolio-Website einbauen

    Ein Portfolio-Kontaktformular mit den Fragen, die du im ersten Gespräch stellen würdest: Projekt, Budget, Zeitplan und ein Link, ohne Server und mit Antworten aus deinem Postfach.Preet Suthar
  28. Kontakt

    Ein HTML-Formular ohne PHP an E-Mail senden

    Ersetze ein contact.php-Skript, das mail() aufruft, durch ein Formular, das an einen gehosteten Endpunkt sendet, mit deinen Feldnamen, deiner Dankeseite und Antworten.Preet Suthar
  29. Kontakt

    Ein Website-Formular an Gmail senden (und warum mailto: scheitert)

    Bekomm Formulareinsendungen in Gmail ohne mailto:-Links, App-Passwörter oder Apps Script, dann beschrifte sie, halte sie aus dem Spam heraus und antworte aus Gmail.Preet Suthar
  30. Kontakt

    Ein Formular an mehrere E-Mail-Adressen senden

    Mail ein Formular an dein ganzes Team oder leite jede Nachricht nach Thema an die richtige Person, ohne dass das Formular selbst bestimmt, wer die Mail bekommt.Preet Suthar
  31. Kontakt

    Formulareinsendungen direkt aus deinem Postfach beantworten

    Sorg dafür, dass Antworten auf eine Formular-Benachrichtigung an die Person gehen, die das Formular ausgefüllt hat: welche Feldnamen funktionieren, wann _replyto nötig ist und warum Antworten fehlgehen.Preet Suthar
  32. Kontakt

    Eine EmailJS-Alternative, die Schlüssel vom Client fernhält

    Lös ein Kontaktformular von EmailJS: warum E-Mail-Schlüssel im Browser ein Risiko sind, was sich im Code ändert und worauf du verzichtest, etwa die automatische Antwort.Preet Suthar
  33. Kontakt

    Ein Next.js-Kontaktformular, das E-Mails sendet

    Zwei Wege, ein Next.js-Formular per Server Action zu mailen: selbst mit Resend oder Nodemailer senden oder an ein Formular-Backend weiterleiten, ehrlich verglichen.Preet Suthar
  34. Spam

    So fügst du ein Honeypot-Feld hinzu, das Bots ausfüllen und Menschen nicht

    Füge jedem Formular einen Honeypot hinzu, der Bots abfängt, ohne Screenreader, Tastatur oder Autofill zu stören, mit der Serverprüfung für jeden Stack.Preet Suthar
  35. Spam

    So fügst du Cloudflare Turnstile zu einem HTML-Formular hinzu

    Füge Cloudflare Turnstile zu einem einfachen HTML-Formular hinzu: das Widget, serverseitiges siteverify, Testschlüssel und ein Weg ganz ohne eigene Schlüssel oder Server.Preet Suthar
  36. Spam

    So stoppst du Formular-Spam ohne Captcha

    Stopp den meisten Formular-Spam ganz ohne Captcha: Honeypot, signierte Render-Zeit, Inhaltsbewertung und Rate-Limit, zusammen statt einzeln eingesetzt.Preet Suthar
  37. Spam

    reCAPTCHA-Alternativen für Website-Formulare

    Vergleiche reCAPTCHA-Alternativen für Formulare, von Turnstile und hCaptcha bis Proof-of-Work und ganz ohne Captcha, und wechsle mit einer kleinen, sicheren Änderung.Preet Suthar
  38. Spam

    So begrenzt du Formulareinsendungen per Rate-Limit

    Begrenze Formulareinsendungen pro Besucher mit einem gemeinsamen Speicher, antworte mit 429 und Retry-After und sperre keine Büros aus, die sich eine IP teilen.Preet Suthar
  39. Spam

    So stoppst du Spam über das Kontaktformular einer statischen Site

    Stopp Spam in einem Formular einer statischen Site, obwohl sie kein Geheimnis verwahren und keine Posts zählen kann, mit einem Honeypot-Partial, einem sicheren Skript und serverseitigen Prüfungen.Preet Suthar
  40. Spam

    So stoppst du Spam in Webflow-Formularen

    Schütze ein Webflow-Formular, das an ein Formular-Backend sendet und bei dem Webflows eigene Spam-Einstellungen nie greifen, mit einem Off-Screen-Honeypot und einer Menschlichkeitsprüfung.Preet Suthar
  41. Spam

    Spamschutz für Next.js-Formulare mit Turnstile

    Schütze ein Next.js-Formular vor Spam: Honeypot, Turnstile in einer Server Action geprüft, ein Limit pro IP auf Vercel, Netlify oder Cloudflare und eine passende CSP.Preet Suthar
  42. Spam

    Spamschutz für Astro-Formulare mit Turnstile

    Schütze ein Astro-Formular mit einer Action vor Spam: Honeypot, Turnstile mit astro:env-Secrets geprüft, ein Limit pro IP und die eingebaute CSP von Astro.Preet Suthar
  43. Spam

    Spamschutz für TanStack-Start-Formulare mit Turnstile

    Schütze ein TanStack-Start-Formular vor Spam: Function Middleware für die Client-IP, ein Token Bucket, Turnstile in einer Serverfunktion verifiziert und eine CSP.Preet Suthar
  44. Spam

    Spamschutz für React-Router-Formulare mit Turnstile

    Schütze ein React-Router-Formular vor Spam: eine Route-Action mit Turnstile, ein Workers-Rate-Limit nach cf-connecting-ip, ein .server-Modul und ein CSP-Header.Preet Suthar
  45. Spam

    Spamschutz für SvelteKit-Formulare mit Turnstile

    Schütze ein SvelteKit-Formular vor Spam: eine Form-Action mit getClientAddress, ein Limit pro IP, Turnstile hinter use:enhance und eine CSP, die es erlaubt.Preet Suthar
  46. Spam

    Spamschutz für Nuxt-Formulare mit Turnstile

    Schütze ein Nuxt-Formular vor Spam: eine Nitro-Server-Route mit Turnstile, ein Limit pro IP in Nitro Storage, Secrets in runtimeConfig und eine CSP über routeRules.Preet Suthar
  47. Website-Baukästen

    Webflow-Formularlimit: was es ist und wie du darüber hinauskommst

    Der kostenlose Starter-Tarif von Webflow hört nach 50 Formulareinsendungen pro Site auf zu sammeln, und exportierte Sites bekommen gar keine. Richte den Form Block deshalb auf Ikiform aus.Preet Suthar
  48. Website-Baukästen

    Netlify-Forms-Limit: was bei 100 Einsendungen passiert und wie du rauskommst

    Legacy-Tarife von Netlify messen Formulareinsendungen pro Site und stufen dich automatisch hoch, und Credit-Tarife können die Site pausieren. Verlege das Formular deshalb auf ein Backend.Preet Suthar
  49. Website-Baukästen

    Carrd-Formulare: Einsendungen an ein Formular-Backend senden

    Das Kontaktformular von Carrd schickt dir nur E-Mails, und eigene Formulare brauchen Pro Plus. Nutze deshalb Send to URL in Plus oder ein HTML-Embed in Standard, um jede Einsendung zu speichern.Preet Suthar
  50. Website-Baukästen

    Framer-Formulare: wann ein Formular-Backend sinnvoll ist und wie

    Framer-Formulare senden bereits an E-Mail, Sheets oder einen Webhook; ergänze Ikiform als Webhook für gespeicherte, gefilterte Einsendungen, Team-Benachrichtigungen und weitere Ziele.Preet Suthar
  51. Feedback

    Bug-Report-Formular hinzufügen, das Seite, Browser und Schritte erfasst

    Ein Bug-Report-Formular, das nach Schritten und Schweregrad fragt und URL, Browser, Viewport und letzte Fehler von der Seite selbst ergänzen lässt.Preet Suthar
  52. Feedback

    Feature-Wünsche sammeln, die du zählen, gewichten und beantworten kannst

    Ein Formular für Feature-Wünsche, das nach dem Problem statt nach der Lösung fragt, Wünsche nach Thema speichert, Personen statt Zeilen zählt und sie beim Release anschreibt.Preet Suthar
  53. Feedback

    Schwebendes Feedback-Widget für deine React-App bauen

    Ein schwebender Feedback-Button für eine React-App, der ein kleines Panel öffnet, Ansicht, App-Version und Konto mit jeder Antwort sendet und nie einen Entwurf verliert.Preet Suthar
  54. Feedback

    Feedback von Beta-Testern Build für Build sammeln

    Ein Beta-Feedback-Formular mit einem persönlichen Link pro Tester und Build, zwei Bewertungsskalen und einer Wochenübersicht, die zeigt, ob jeder Build besser wurde.Preet Suthar
  55. Feedback

    NPS-Umfrage auf deiner eigenen Site durchführen, vom E-Mail-Link bis zum Wert

    Führe eine NPS-Umfrage mit einem Wert von 0 bis 10 in der E-Mail durch, mit einer Folgefrage auf deiner eigenen Seite, die sich mit dem Wert ändert, und einem Skript, das den NPS berechnet.Preet Suthar
  56. Feedback

    Kündigungsumfrage zum Kündigungsablauf deines SaaS hinzufügen

    Frag im Kündigungsablauf deines SaaS, warum Kunden kündigen, halte Überspringen einen Klick entfernt, speichere den Grund in Stripe und Ikiform und verzögere die Kündigung nie.Preet Suthar
  57. Feedback

    Feedback-Formular in der App mit Next.js bauen

    Ein Feedback-Formular in einer Next.js-App: eine Server Action, die die Session liest, die Seite aus dem Request nimmt und eine Bewertung mit dem Nutzer weiterleitet.Preet Suthar
  58. Feedback

    Feedback-Formular in der App mit Astro bauen

    Ein Feedback-Formular in einer Astro-App: eine Action, die den Nutzer aus den Middleware-Locals, die Seite aus dem Request und die Ansicht aus dem Routenmuster nimmt.Preet Suthar
  59. Feedback

    Feedback-Formular in der App mit TanStack Start bauen

    Ein Feedback-Formular in einer TanStack-Start-App: eine POST-Server-Funktion mit Session-Middleware, die Routen-ID als Kontext und die Seite aus den Request-Headern.Preet Suthar
  60. Feedback

    Feedback-Formular in der App mit React Router bauen

    Ein Feedback-Formular mit React Router 8: Die Action einer Resource Route liest die Cookie-Session, ein Fetcher sendet aus dem Layout, und ein Post ohne JS leitet zurück.Preet Suthar
  61. Feedback

    Feedback-Formular in der App mit SvelteKit bauen

    Ein Feedback-Formular in einer SvelteKit-App: Ein Layout-Formular sendet an eine Form Action, die auf dem Server den Nutzer aus locals und die Seite aus dem Request ergänzt.Preet Suthar
  62. Feedback

    Feedback-Formular in der App mit Nuxt bauen

    Ein Feedback-Formular in einer Nuxt-App: eine Server-Route, die die Nutzer-Session liest, die Seite aus dem Referer nimmt und auch ohne geladenes JavaScript funktioniert.Preet Suthar
  63. Kontakt

    Ein Formular für Demo-Anfragen bauen, das den Termin bucht

    Ein Formular zum Demo-Buchen, das den Lead speichert und den Besucher dann mit vorausgefülltem Namen und E-Mail zu Cal.com oder Calendly schickt.Preet Suthar
  64. Kontakt

    Formular für Angebotsanfragen ohne Datei-Uploads bauen

    Ein Formular für Angebotsanfragen, das Briefings als geteilte Links statt als Uploads sammelt, jeder Anfrage ein Fälligkeitsdatum gibt und linklastige Leads aus dem Spam hält.Preet Suthar
  65. Kontakt

    Formular für Beratungsanfragen für ein Dienstleistungsunternehmen bauen

    Ein Formular für Beratungsanfragen für Steuerberater, Anwälte, Coaches und Praxen, das fragt, wie und wann angerufen werden soll, und heikle Details für das Gespräch lässt.Preet Suthar
  66. Kontakt

    Formular für Projektanfragen für Agenturen und Freelancer bauen

    Ein Formular für neue Projekte für Studios und Freelancer, das Anfragen nach Budget und Zeitpunkt in heiß, warm und unpassend sortiert, bevor jemand das Briefing liest.Preet Suthar
  67. Kontakt

    Leads aus Formularen an HubSpot oder Pipedrive senden

    Bilde jeden signierten Ikiform-Webhook auf HubSpots Kontakt-Upsert oder die Personen- und Lead-Aufrufe von Pipedrive ab, ohne doppelte Kontakte bei einer wiederholten Zustellung.Preet Suthar
  68. Kontakt

    Qualifizierendes Lead-Formular mit Next.js bauen

    Ein Lead-Formular für den Next.js App Router, das in einer Server Action mit Zod validiert, UTMs des ersten Kontakts in einem Cookie hält und qualifizierte Leads in deinen Kalender schickt.Preet Suthar
  69. Kontakt

    Qualifizierendes Lead-Formular mit Astro bauen

    Ein Lead-Formular auf Basis von Astro Actions: Validierung mit Zod, UTMs des ersten Kontakts auf einer statischen Site, eine On-Demand-Kontaktseite und eine Weiterleitung zu deinem Terminplaner.Preet Suthar
  70. Kontakt

    Qualifizierendes Lead-Formular mit TanStack Start bauen

    Ein Lead-Formular mit TanStack Start: globale Request-Middleware für UTMs des ersten Kontakts, eine Server-Funktion mit Zod und ein geworfener Redirect zu deinem Terminplaner.Preet Suthar
  71. Kontakt

    Qualifizierendes Lead-Formular mit React Router bauen

    Ein Lead-Formular mit React Router im Framework-Modus: Root-Middleware mit signiertem Cookie für den ersten Kontakt, eine validierende Routen-Action und eine Weiterleitung zu deinem Terminplaner.Preet Suthar
  72. Kontakt

    Qualifizierendes Lead-Formular mit SvelteKit bauen

    Ein Lead-Formular mit SvelteKit: Der handle-Hook hält UTMs des ersten Kontakts fest, eine Form Action validiert mit Valibot, und redirect() schickt qualifizierte Leads in einen Kalender.Preet Suthar
  73. Kontakt

    Qualifizierendes Lead-Formular mit Nuxt bauen

    Ein Lead-Formular mit Nuxt: Server-Middleware hält UTMs des ersten Kontakts fest, eine mit Zod validierte Server-Route bedient fetch und einfache Posts, und gute Leads buchen einen Termin.Preet Suthar
  74. Launch

    Double-Opt-in für ein selbst gebautes Newsletter-Formular

    Ikiform sendet keine Bestätigungs-E-Mails, also läuft Double-Opt-in in deinem E-Mail-Tool: Ein Relay legt jede Anmeldung als unbestätigt an, und das Tool sendet den Link.Preet Suthar
  75. Launch

    E-Mail-Anmeldeformular auf einer statischen Site, ohne Server

    Füge einer statischen Site mit Hugo, Jekyll, Eleventy oder Astro ein Newsletter-Formular hinzu, halte den API-Key des E-Mail-Tools aus der Seite heraus und bestätige im Tool.Preet Suthar
  76. Launch

    Anmeldungen aus deinem eigenen Newsletter-Formular an Kit senden

    Verbinde dein eigenes Newsletter-Formular mit Kit, über ein Relay, das den Abonnenten anlegt, ihn für die Incentive-E-Mail einem Kit-Formular hinzufügt und die Platzierung taggt.Preet Suthar
  77. Launch

    Anmeldungen aus deinem eigenen Newsletter-Formular an MailerLite senden

    Verbinde dein eigenes Anmeldeformular mit MailerLite: Ein Relay fügt neue Leser für das Double Opt-in unbestätigt hinzu und bittet einen Abonnenten nie zweimal um Bestätigung.Preet Suthar
  78. Launch

    Anmeldungen aus deinem eigenen Newsletter-Formular an beehiiv senden

    Verbinde dein eigenes Anmeldeformular mit beehiiv: Ein Relay legt jedes Abo mit aktivem Double Opt-in an, mit der Platzierung als UTM-Quelle und der Seite als Referrer.Preet Suthar
  79. Launch

    Newsletter-Anmeldeformular mit Next.js bauen

    Ein Newsletter-Formular im Footer mit Next.js: eine Server Action mit Einwilligungsprüfung und Turnstile, die an Ikiform sendet, plus ein Route Handler, der Leser zu Kit hinzufügt.Preet Suthar
  80. Launch

    Newsletter-Anmeldeformular mit Astro bauen

    Ein Newsletter-Formular mit Astro, das auf vorgerenderten Seiten bleibt: Eine Astro Action prüft die Einwilligung und sendet an Ikiform, und ein Endpunkt fügt Leser zu MailerLite hinzu.Preet Suthar
  81. Launch

    Newsletter-Anmeldeformular mit TanStack Start bauen

    Ein Newsletter-Formular mit TanStack Start: eine Server-Funktion für Anmeldungen auf der Seite, eine Server-Route als Fallback ohne JavaScript und echte Anmeldungen, die an beehiiv gehen.Preet Suthar
  82. Launch

    Newsletter-Anmeldeformular mit React Router bauen

    Ein Newsletter-Formular im Footer mit React Router: useFetcher sendet an eine Route /newsletter, die auch ohne JavaScript funktioniert, und eine Resource Route beliefert MailerLite.Preet Suthar
  83. Launch

    Newsletter-Anmeldeformular mit SvelteKit bauen

    Ein Newsletter-Formular mit SvelteKit 3 im Layout: eine Form Action mit Einwilligung und IP-Limit, use:enhance, das auf der Seite bleibt, und eine Webhook-Route für Kit.Preet Suthar
  84. Launch

    Newsletter-Anmeldeformular mit Nuxt bauen

    Ein Newsletter-Formular mit Nuxt, das mit oder ohne JavaScript funktioniert: Eine Server-Route mit Turnstile-Prüfung sendet an Ikiform, und eine Nitro-Route beliefert beehiiv.Preet Suthar
  85. Entwickler

    Ein HTML-Formular ohne Neuladen der Seite absenden

    Sende ein Formular mit fetch und FormData, damit der Besucher auf der Seite bleibt, mit Feldfehlern, Ladezustand, Wiederholungen und einem Fallback, wenn Skripte versagen.Preet Suthar
  86. Entwickler

    Nach dem Absenden auf eine Dankeseite weiterleiten

    Schick Besucher nach dem Absenden auf deine eigene Dankeseite: die 303-Weiterleitung, das Feld _redirect, welche Domains erlaubt sind und was Neuladen bewirkt.Preet Suthar
  87. Entwickler

    Das action-Attribut von HTML-Formularen erklärt

    Was das action-Attribut eines Formulars tut, wie relative und leere Werte aufgelöst werden, wie formaction ein Formular an zwei Ziele schickt und warum statische Hosts mit 405 antworten.Preet Suthar
  88. Entwickler

    HTML-Formularvalidierung im Browser und auf dem Server

    Validiere ein Formular mit required, type, pattern und min, gestalte Fehler mit :user-invalid und setze dieselben Regeln mit Felddefinitionen auf dem Server durch.Preet Suthar
  89. Launch

    Hochzeits-RSVP-Formular auf deiner eigenen Hochzeitswebsite

    Ein RSVP-Formular für eine selbst gebaute Hochzeitswebsite: eine Antwort pro Einladung, ein Menü pro Gast, eine Frist und eine Liste, wer noch nicht geantwortet hat.Preet Suthar
  90. Launch

    Eventanmeldung ohne Eventbrite, für kostenlose Community-Events

    Nimm Anmeldungen für ein kostenloses Community-Event auf deiner eigenen Site entgegen: Sessionwahl, Bestätigungsmail aus deinem eigenen Tool, Raumzahlen und Check-in-Liste.Preet Suthar
  91. Launch

    Anmeldeformular für Helfer mit Schichten, für Events und Festivals

    Ein Anmeldeformular für Helfer, in dem man Schichten wählt, mit Telefonnummer für den Tag, und ein Skript, das unterbesetzte Schichten zeigt und den Dienstplan erstellt.Preet Suthar
  92. Entwickler

    Webhook-Signaturen in Node.js prüfen

    Prüfe Webhook-Signaturen von Ikiform in Node.js: Raw Bodys in Express und Fastify, das SDK, das Paket standardwebhooks und eine getestete Version mit node:crypto.Preet Suthar
  93. Entwickler

    Webhook-Signaturen in Python prüfen

    Prüfe Webhook-Signaturen von Ikiform in Flask, FastAPI und Django, mit dem Paket standardwebhooks oder der Standardbibliothek, plus einem Test mit pytest.Preet Suthar
  94. Entwickler

    Webhook-Signaturen in Go verifizieren

    Verifiziere Ikiform-Webhook-Signaturen in Go mit net/http: Lies den Body einmal, prüf ihn mit crypto/hmac, teste ihn oder nutze die Standard-Webhooks-Bibliothek.Preet Suthar
  95. Entwickler

    Webhook-Signaturen in PHP und Laravel verifizieren

    Verifiziere Ikiform-Webhook-Signaturen in reinem PHP mit hash_hmac und hash_equals und in Laravel mit der Standard-Webhooks-Bibliothek und einer CSRF-Ausnahme.Preet Suthar
  96. Entwickler

    Webhook-Signaturen in Ruby und Rails verifizieren

    Verifiziere Ikiform-Webhook-Signaturen in Sinatra mit OpenSSL und einem Minitest-Test und in Rails mit dem Gem standardwebhooks und request.raw_post.Preet Suthar