Kontaktformular
In dieser Anleitung zeigen wir Ihnen, wie Sie eine Automatisierung erstellen, die ein Kontaktformular erzeugt, dem Benutzer eine Bestätigungs-E-Mail sendet und die Antworten Ihrer Kunden für Sie in einer Google Tabelle auflistet.
Diese einfache App lässt sich auf Desktop- und mobilen Geräten sehr gut anzeigen.
Thema
- Kontaktformular erstellen
- Sammeln Sie Antworten Ihrer Kunden in einer Google Tabelle
Voraussetzungen
- Sie haben bereits eine Ultradox Automation erstellt und wissen, wie Sie den Ultradox Editor verwenden
Ziel
- Erstellen Sie Ihr erstes Kontaktformular mit Ultradox
Anleitung
Formular hinzufügen
|
Erstellen Sie ein neues Formular, indem Sie einen Formular
Baustein aus den Benutzerinteraktionen in der Seitenleiste auf die Ultradox Arbeitsfläche ziehen.
Erstellen der Eingabefelder
Klicken Sie auf den fett gesetzten Titel des Formular
Bausteins und öffnen den Eingabeformular gestalten Dialog um Ihr Formular zu konfigurieren. Unser Formular-Editor bietet viele verschiedene Formularfeld Typen an. In diesem Fall verwenden wir drei dieser Typen um nach dem Namen und der E-Mail Adresse des Nutzers zu fragen und ein Eingabefeld für eine Nachricht anzufügen.
Fügen Sie zunächst einen Kurzer Text
Baustein hinzu und geben Sie die Überschrift und einen Hilfe-Text für den Benutzer ein.
Während Sie die Überschrift Name
eingeben, wird die Variable automatisch benannt.
Anschließend folgt ein E-Mail
Building Block. Legen Sie die Überschrift E-Mail
fest und einen Hilfe-Text zB
Bitte geben Sie eine E-Mail Adresse an
Ändern Sie hier bitte den Namen der Variable e-mail
in email
um.
Legen Sie dieses Eingabefeld als Pflichtfeld an (roter Button), denn die E-Mail Adresse ist für das Formular erforderlich.
Fügen Sie abschließend einen Langer Text
Baustein für das Nachrichten Eingabefeld hinzu. Geben Sie die Überschrift und den Hilfe-Text ein.
Klicken Sie auf Übernehmen und schließen Sie den Editor.
Button konfigurieren
Schließlich passen wir die Beschriftung des Buttons, der den Benutzern in unserem Formular angezeigt wird, an.
Klicken Sie in der Symbolleiste des Formular
Bausteins auf das Symbol Benutzerinteraktion, löschen Sie den Standardtitel und die Beschreibung und geben die mögliche Aktion Absenden
ein.
Dadurch wird die standardmäßige Einstellung ersetzt.
Speichern der Antworten in einer Tabelle
Nachdem Sie das Formular angepasst haben, klicken Sie im Ausgangs-Variablen Bereich des Formular
Bausteins auf das Google Tabellen Icon.
Ultradox erstellt nun ein Google Sheet indem die Eingaben der Kunden gelistet werden.
Beachten Sie, dass das Google Tabellen Icon im Titel des Formular
Bausteins eine andere Funktion enthält.
|
Anschließend fügt Ultradox automatisch am Ende der Automation einen Erzeuge Zeile
Baustein hinzu.
Sie können das Google Sheet öffnen, indem Sie auf das Icon im Titel dieses Bausteins klicken.
Senden einer Bestätigungs E-Mail
Fügen Sie nun zwei Text E-Mail
Bausteine Ihrer Automation aus dem Abschnitt E-Mail
der Seitenleiste hinzu. Wir wollen dem Benutzer eine Bestätigungs E-Mail zu senden, nachdem er das Formular ausgefüllt hat und eine weitere E-Mail an Sie selbst um den neuen Kontakt anzuzeigen.
|
Um den ersten Text E-Mail
Baustein zu konfigurieren, klicken Sie auf den fett gesetzten Teil des Titels, um den E-Mail-Dialog zu öffnen. Geben Sie Absender und Empfänger an. Verwenden Sie die Variable ${email}
im Feld An, Ultradox verwendet dann die eingegebene E-Mail-Adresse aus unserem Formular.
Geben Sie einen Betreff und eine Nachricht für die Bestätigungs-E-Mail für den Kunden ein:
Hallo ,
vielen Dank, für Ihre Kontaktanfrage. Sie erhalten in Kürze eine Nachricht von uns.
Mit freundlichen Grüßen,
Sichern Sie die Einstellung.
|
Um den zweiten Text E-Mail
Baustein zu konfigurieren, geben Sie Ihre E-Mail-Adresse in das Feld An und den Untertitel sowie eine Nachricht ein.
Verwenden Sie dazu die Variable name
und nachricht
aus unserem Formular:
Eine Kontaktanfrage von ist eingegangen.
Nachricht:
""
Sichern Sie die Einstellung.
Benutzerinteraktionen
|
Bevor wir unser Formular als App konfigurieren, fügen wir am Ende der Automation einen Stop
Baustein hinzu. Dies bietet die Möglichkeit, dem Benutzer Informationen anzuzeigen, nachdem das Formular versendet wurde.
Klicken Sie auf das Symbol Benutzerinteraktion im Titel des Stop
Baustein und geben den Titel und eine Beschreibung ein:
Vielen Dank für Ihre Nachricht
Wir werden uns in Kürze bei Ihnen melden.
Die Automation ist komplett!
Ihre Automation ist komplett und sollte wie folgt aussehen:
|
|
|
|
|
App konfigurieren
Veröffentlichen Sie Ihre Automation als App, um diese in eine benutzerfreundliche App zu verwandeln, die im Web verfügbar ist.
Klicken Sie auf App Konfigurieren in der Symbolleiste des Ultradox-Editors, um den Einstellungsdialog zu öffnen.
Aktivieren Sie das Kontrollkästchen, um die App zu aktivieren.
Wählen Sie ein Farbschema und ein Hintergrundbild aus und klicken Sie auf OK, um die Einstellungen zu speichern.
Klicken Sie auf App starten, gleich neben App Konfigurieren Icon, um die App in einem neuen Browser-Tab zu öffnen. Teilen Sie Ihre App indem Sie die URL des neuen Browser Fensters kopieren. Teilen Sie den Link in den Sozialen Medien, versenden Sie ihn in einer E-Mail oder veröffentlichen Sie Ihr Formular auf Ihrer Website[a].
Formular einbetten
Im letzten Schritt erfahren Sie, wie Sie das Formular in Ihre eigene Website einbetten können. Klicken Sie dazu auf Einbetten in der Symbolleiste des Ultradox-Editors.
Sie müssen lediglich den HTML-Code des iframe
in Ihre Website einfügen und das einfache Kontaktformular wird ohne Hintergrundbild angezeigt.
Das haben Sie gelernt
- Erstellen von benutzerorientierten Formularen
- Anzeigen der eigenen Hinweise nach Ausführen der App
- Das Einfügen Ihres Formular in Ihre Website
Erfahren Sie mehr
Weitere Informationen zu Ultradox finden Sie in den folgenden Anleitungen:
Quickstart
Serienbrief | Umsatzsteuer berechnen | Dateien anfordern | Kontaktformular
[a]Der Abstand zwischen dem grauen "Weiter" Button und dem oben stehenden Text / Formularfelder ist teileweise in meinem Formular so weit unten, das er gar nicht auf dem Bildschirm zu sehen ist. Lässt sich dieser Abstand konfigurieren?
Questions and Feedback
If you have any comments on this page, feel free to add suggestions right to the Google document that we are using to create this site.
If you are not yet member of the Ultradox community on Google+, please join now to get updates from our end or to provide feedback, bug reports or discuss with other users.
Last Updated: 6/5/18