Wie man Formularübermittlungen direkt an Telegram und andere wichtige Chat-Plattformen empfängt

Statische Websites sind heutzutage sehr beliebt. Sie sind einfach, leicht zu warten und super schnell. Eine normale statische Website, die auf einem CDN gehostet wird, kann 10-mal schneller in der Zeit bis zum ersten Byte sein als eine Website, die mit einem CMS oder Framework gebaut wurde. Eine statische Website ist auch zuverlässig, da sie nicht von der Datenbank und anderen Diensten abhängt. Und wir können uns auch weniger um das Deployment kümmern und einfach eine statische Website kostenlos auf Github Pages veröffentlichen oder einen der unzähligen Hosting-Anbieter weltweit nutzen.

Es ist also keine Überraschung, dass es heutzutage eine Vielzahl von Online-Plattformen gibt, auf denen jeder eine statische Website erstellen kann, ohne zu wissen, wie man programmiert, sowie viele tolle statische Seiten-Generatoren für Programmierer.

Ihr größter Vorteil — statisch zu sein — wird jedoch zu einem Problem, wenn man etwas Dynamisches tun möchte, wie das Einrichten eines einfachen Kontaktformulars.

Neulich fragte mich meine Freundin, die als Unternehmerin arbeitet und die meiste Zeit allein tätig ist, ob ich ihr ein Kontaktformular zu ihrer statischen Website hinzufügen könnte. Es war ihr wichtig, so schnell wie möglich über neue Leads informiert zu werden. Außerdem ist sie normalerweise den Großteil des Tages von ihrem Laptop weg. Unter diesen Bedingungen schien eine Benachrichtigung über die Telegram-Mobile-App die ideale Lösung für sie zu sein.

Wir haben für sie schnell einen Workflow mit dem form2chat.io Dienst erstellt. Das Hauptziel dieser App ist es, den Menschen zu ermöglichen, jedes Webseiten-Formular mit einer Chat-Plattform ihrer Wahl zu verbinden: Telegram, Messenger, Viber oder Slack. Es gibt auch weitere Funktionen, zum Beispiel automatische Antworten auf Einreichungen mit benutzerdefinierten E-Mail-Vorlagen, Webhooks, Dateiuploads und mehr. Die vollständige Liste kann hier gefunden werden.

Das Endergebnis sah so aus:

Demo eines serverlosen Kontaktformulars mit der form2chat.io-App.

Hier ist eine Schritt-für-Schritt-Anleitung, wie Sie eine ähnliche Lösung zu jeder anderen statischen Website hinzufügen können.

1. Melden Sie sich bei form2chat.io an und erhalten Sie die Endpunkt-URL

Melden Sie sich einfach an, geben Sie einen Namen für Ihren ersten Endpunkt ein und klicken Sie, um die URL zu kopieren.

So erhalten Sie eine Endpunkt-URL

2. Aktualisieren Sie Ihr Kontaktformular mit der erhaltenen URL

<form method="post" action="https://form2chat.io/f/asdfasdf">
  <input type="text" name="name" placeholder="Name">

  <input type="text" name="contact" placeholder="E-Mail oder andere Kontaktmethode">

  <textarea name="message" placeholder="Nachricht"></textarea>

  <input type="submit" value="Nachricht senden">
</form>

Aktualisieren Sie das Attribut „action“ Ihres Formulars mit der form2chat.io Endpunkt-URL:

3. Richten Sie die Telegram-Integration ein

  1. Gehen Sie zur Integrationen Seite auf form2chat.io.
  2. Wählen Sie „Telegram“ aus.
  3. Kopieren Sie den Bestätigungscode, öffnen Sie den Chat mit unserem Bot in Ihrer Telegram-App und senden Sie einfach den Bestätigungscode an den Bot. Das war's!

So konfigurieren Sie die Telegram-Integration.

4. Sie sind startbereit!

Sie werden nun neue Formularübermittlungen in Ihrem Telegram-Konto erhalten. Sie können auch jede Übermittlung im Eingabedashboard überprüfen, filtern und Kommentare hinzufügen.

Es gibt auch eine Basisanalyseseite mit Diagrammen zu den über die Zeit gesendeten Übermittlungen sowie Details zu Geräten und Browsern Ihrer Leads.

Bonus: Anti-Spam-Schutz

Spam-Schutz Einstellungen.

Niemand mag Spam. Um sicherzustellen, dass nur Übermittlungen von Menschen in Ihrem Posteingang landen, konfigurieren Sie den Anti-Spam-Schutz in den Einstellungen Ihres Formulars:

  1. Besuchen Sie die Einstellungsseite des Formulars.
  2. Klicken Sie auf den Tab „Spam-Schutz“.
  3. Aktivieren Sie das Kontrollkästchen „ReCaptcha-Validierung erforderlich“.
  4. Konfigurieren Sie die akzeptable ReCaptcha-Punktzahl. 1.0 ist sehr wahrscheinlich eine gute Interaktion, 0.0 ist sehr wahrscheinlich ein Bot. Die Standardempfehlung von ReCaptcha liegt bei 0.5.
  5. Besuchen Sie die Dokumentationsseite und fügen Sie die erforderlichen benutzerdefinierten Skripte zu Ihrer Website hinzu.

Das ist im Grunde alles. Form2chat wird nun jede Formularübermittlung mit dem ReCaptcha-Dienst überprüfen und nur diejenigen Ihrer Übermittlungen erneut senden, die nicht als Spam gekennzeichnet sind.

Bonus 2: DSGVO-Konformität

Datenschutzkonfiguration.

Wenn Sie Ihre Formulare DSGVO-konform halten müssen, besuchen Sie den Tab „Datenschutz & DSGVO“ in Ihren Formulareinstellungen, legen Sie den gewünschten Zeitraum für die Datenspeicherung fest und aktivieren Sie die E-Mails zur Datenübermittlung an Ihre Leads.

Ich hoffe, Sie fanden diese Anleitung hilfreich. Wenn Sie Fragen oder Kommentare haben, lassen Sie es mich über die Medium-Antworten oder Twitter!