Sie können Formularfelder für bekannte Kontakte mit Informationen vorbefüllen, die Sie bereits in Ihrem ActiveCampaign-Konto haben. Um Formularfelder vorauszufüllen, müssen Sie den URL-Pfad der Webseite oder die Formular-URL mit einem Abfrageparameter anhängen.
Hinweise
- Jeder Abfrage-String, den Sie zu einem URL-Pfad hinzufügen, unterscheidet sich je nach Feldern, die Sie für ein Formular automatisch ausfüllen möchten
- Kontakte können die Informationen bearbeiten, die sie in einem Formular vorausgefüllt sehen
- Es ist nicht möglich, diese Lösung bei Landingpages in ActiveCampaign zu verwenden. Landing Pages unterstützen standardmäßig keine Abfrageparameter
- Es ist nicht möglich, diese Lösung mit einem Einstellungsformular zu verwenden. In den Formularen des Präferenzzentrums sind die E-Mail-Adresse und die Listenabonnements bereits vorausgefüllt
Wie es funktioniert
Das Anhängen eines URL-Pfads an einen Query-String ist schnell und einfach. Sie müssen nur wissen, welches Feld in einem Formular vorausgefüllt werden soll und das entsprechende Personalisierungs-Tag des Feldes. Sobald Sie die Felder identifiziert haben, die im Formular vorausgefüllt werden sollen, können Sie Ihren Abfrage-String erstellen.
Nachdem Sie den Query-String in die URL der Webpage oder des Formulars eingefügt haben, sehen bekannte Kontakte, die auf Ihrer Page landen, ihre eigenen Informationen im Formular vorausgefüllt.
So füllen Sie Formularfelder voraus
Diese Lösung funktioniert für die folgenden Formularfeldtypen:
- Texteingabe
- Textbereich
- Datum
- Datum Uhrzeit
- Ausgeblendet
Schritt 1: Identifizieren Sie Formularfelder und Personalisierungs-Tags
Auf der Page Felder in Ihrem Konto werden alle Standard- und benutzerdefinierten Kontaktfelder aufgelistet. Klicken Sie im linken Menü auf "Kontakte" > "Felder".
Auf der Page Felder sehen Sie eine Liste mit Ihren Standard- und benutzerdefinierten Feldern. Jedes Feld hat ein Personalisierungs-Tag. Kopieren Sie das Personalisierungs-Tag für jedes Feld, das Sie im Formular vorab ausfüllen möchten, und fügen Sie es dann in die Zwischenablage oder eine andere Datei ein.
Als Beispiel werden wir die folgenden Formularfelder vorausfüllen: Vorname und E-Mail-Adresse. Das Feld Vorname hat ein Personalisierungs-Tag von %FIRSTNAME% und das Feld E-Mail-Adresse hat ein Personalisierungs-Tag von %EMAIL% .
Schritt 2: Erstellen Sie den Abfrage-String
Als Nächstes müssen Sie die Abfragezeichenfolge nach dem folgenden Format erstellen:
?fieldname=%PERSONALISIERUNGS-TAG%
Wenn Sie mehrere Felder vorausfüllen wollen, dann hat Ihr Query-String dieses Format (beachten Sie das "&" zwischen den einzelnen Feldnamen):
?fieldname=%PERSONALISIERUNGS-TAG%&fieldname=%PERSONALISIERUNGS-TAG%
Um mit dem obigen Beispiel fortzufahren, hier ein Query-String, der die Felder für den Vornamen und die E-Mail-Adresse in einem Formular vorbefüllt:
?firstname=%FIRSTNAME%&email=%EMAIL%
Schritt 3: Fügen Sie die URL Ihrer Webseite oder Ihres Formulars mit dem Abfrage-String hinzu
Sobald Sie Ihren Query-String erstellt haben, können Sie ihn an das Ende des URL-Pfads Ihrer Webseite oder Formular-URL anfügen.
Webpage URL
- Damit werden Felder für jeden Formulartyp vorausgefüllt
- Sie müssen mit Ihrem Webhosting-Anbieter zusammenarbeiten, um die Abfragezeichenfolge am Ende des URL-Pfads Ihrer Webseite in der Adressleiste hinzuzufügen
- Ein Beispiel für eine Webseite mit einem Query-String könnte so aussehen:
www.activecampaign.com/support?Vorname=%FIRSTNAME%&E-Mail=%EMAIL%
Formular URL
- Dies funktioniert nur bei Inline-Formularen
- Sie können die Abfragezeichenfolge an das Ende des URL-Pfads des Formulars anhängen und dann die URL des Formulars freigeben oder verwenden, wie Sie möchten. Sie können zum Beispiel Formularfelder für ein mehrseitiges Formular vorausfüllen oder die Abfragezeichenfolge am Ende des Formular-Links hinzufügen, wenn Sie Ihr Formular freigeben
So rufen Sie die URL für Ihr Inline-Formular ab:
- Klicken Sie in Ihrem ActiveCampaign-Konto auf "Website".
- Klicken Sie auf "Bearbeiten" für das Formular, das Sie bearbeiten möchten.
- Klicken Sie auf die Schaltfläche "Integrieren".
-
Klicken Sie auf den Tab "Link" .
Der Link des Formulars sieht dann etwa so aus:https://youracaccountname.activehosted.com/f/213
- Fügen Sie als Nächstes die Abfragezeichenfolge am Ende des Formularlinks hinzu.
Als Beispiel möchte ich die E-Mail-Adresse in meinem ActiveCampaign-Formular vorausfüllen. Dazu würde ich die Formular-URL wie folgt formatieren:
https://youracaccountname.activehosted.com/f/213?email=%EMAIL%
Sobald der Query-String zum Link Ihres Formulars hinzugefügt wurde, können Sie ihn beliebig freigeben.
Erweitert: Verwenden Sie JavaScript zum Vorausfüllen von Einzel- und Mehrfachauswahlfeldern
Bevor Sie beginnen:
- Dies ist nur für fortgeschrittene Benutzer
- Das Kunden Experience Team von ActiveCampaign ist nicht in der Lage, Ihnen bei der Implementierung oder Fehlerbehebung von Code zu helfen, den Sie zu Ihrer Webseite hinzufügen
- Die folgenden Beispiele verwenden Standard-JavaScript-Code. Es gibt andere Möglichkeiten, diesen Code zu schreiben
Wenn Sie mit dem Programmieren eigener Lösungen vertraut sind, können Sie JavaScript verwenden, um Antwortoptionen für Checkbox- und Dropdown-Formularfelder vorauszuwählen. Dieses JavaScript muss in den Quellcode Ihrer Webseite eingefügt werden.
Die unten gezeigten Beispiele sind für die Feldtypen Dropdown-Menü und Optionsfeld. Sie sollten jedoch in der Lage sein, JavaScript zur Vorauswahl von Antwortoptionen für die folgenden Feldtypen zu verwenden:
- Dropdown-Menü
- Auswahlknopf
- Kontrollkästchen
Klicken Sie auf die Links unten, um Beispiele zu sehen:
Um unser JavaScript automatisch zu laden, sobald die Page geladen ist, verwenden wir die Methode window.onload, etwa so:
Um die automatische Auswahl auf ein bestimmtes Element zu setzen, suchen wir es mit der Methode document.querySelector().
Um ein bestimmtes Optionsfeld beim Laden der Page automatisch auszuwählen, untersuchen Sie das Optionsfeld, das Sie automatisch auswählen möchten, und notieren Sie das Wertattribut:
]
Um automatisch blau auszuwählen, schreiben wir unser JavaScript wie folgt:
Um eine bestimmte Option aus dem Dropdown-Menü automatisch auszuwählen, zählen wir die erste Option, beginnend bei Null:
Um Spaghetti automatisch auszuwählen, schreiben wir unser JavaScript wie folgt, wobei der Indexwert 2 mit der Klammer [2] geschrieben wird:
Eine Alternative, eine fortschrittlichere Art der automatischen Auswahl eines Dropdown-Werts, besteht darin, eine eigene Funktion zu schreiben, ohne die Methode document.querySelector() erneut zu verwenden:
/**
* Automatische Auswahl des Optionswerts aus dem Dropdown-Menü
*
* @param {string} node Der Knoten-Datenname zum Festlegen der Auswahl
* @param {number} value Der Optionsindexwert, der beim Laden der Seite ausgewählt werden soll
* @return {void}
*/
function setSelectedValue(node, value) {
var elem = document.querySelector(node);
for (var i = 0; i < elem.options.length; i++) {
// Zählung nach Index
var nodeIndex = elem.options[i].index;
// Auswahl der gewünschten Option
if (nodeIndex == value) {
// Setzen der Option auf 'selected'
elem.options[value].selected = true;
return;
}
}
}
und ruft es beim Laden der Page auf:
window.onload = () => {
/** Auswahl der Option 'Spaghetti' beim Laden der Seite */
setSelectedValue('[id="food"]', 2);
}