Comment pré-remplir des champs sur votre formulaire ActiveCampaign

Marketing_Lite_Plus_Professional_Enterprise

Sales_Plus_Professional_Enterprise

Vous pouvez pré-remplir les champs du formulaire pour les contacts connus avec des informations que vous avez déjà dans votre compte ActiveCampaign. Pour préremplir les champs de formulaire, vous devez ajouter un paramètre de requête au chemin d'accès de la page Web ou à l'URL du formulaire.

Prenez note

  • Chaque chaîne de requête que vous ajoutez à un chemin d'accès à l'URL sera différente en fonction des champs que vous souhaitez remplir automatiquement dans un formulaire.
  • Les contacts peuvent modifier les informations qu'ils voient pré-remplies dans un formulaire.
  • Il n'est pas possible d'utiliser cette solution avec les pages de renvoi ActiveCampaign. Les pages de renvoi ne prennent pas en charge les paramètres de requête de manière native.

Comment cela fonctionne-t-il ?

L'ajout d'un chemin URL à une chaîne de requête est rapide et facile. Il vous suffit de savoir quel champ vous souhaitez pré-remplir sur un formulaire et le tag de personnalisation correspondante. Une fois que vous avez identifié les champs que vous souhaitez pré-remplir sur le formulaire, vous êtes prêt à créer votre chaîne de requête.

Après avoir ajouté la chaîne d'interrogation à l'URL de la page Web ou du formulaire, les contacts connus qui arrivent sur votre page verront leurs propres informations préremplies dans le formulaire.

Comment pré-remplir les champs d'un formulaire

Cette solution fonctionne pour les types de champs de formulaire suivants :

  • Saisie de texte
  • Zone de texte
  • Date
  • Date Heure
  • Caché

Étape 1 : identifier les champs de formulaire et les tags de personnalisation

La page « Champs » de votre compte répertorie tous les champs de contact standard et personnalisés. Cliquez sur « Contacts » > « Champs » dans le menu de gauche.

Sur la page Champs, vous verrez une liste de vos champs standard et personnalisés. Chaque champ a un tag de personnalisation. Copiez le tag de personnalisation pour chaque champ que vous souhaitez pré-remplir sur le formulaire, puis collez-la dans votre presse-papiers ou dans un autre fichier.

À titre d'exemple, nous allons pré-remplir les champs de formulaire suivants : Prénom et Adresse e-mail. Le champ Prénom a un tag de personnalisation de %FIRSTNAME% et le champ adresse e-mail a un tag de personnalisation %EMAIL% .

Étape 2 : créer la chaîne de question

Ensuite, vous devez créer la chaîne de question en utilisant le format ci-dessous :

?fieldname=%PERSONALIZATION-TAG%


Si vous souhaitez préremplir plusieurs champs, votre chaîne de requête aura le format suivant (notez le caractère « & » ; entre chaque nom de champ) :

?fieldname=%PERSONALIZATION-TAG%&fieldname=%PERSONALIZATION-TAG%


En continuant avec l'exemple ci-dessus, voici une chaîne de requête qui va pré-remplir les champs prénom et adresse e-mail d'un formulaire :

?firstname=%FIRSTNAME%&email=%EMAIL%


Étape 3 : ajoutez l'URL de votre page Web ou de votre formulaire à la chaîne de question

Une fois que vous avez créé votre chaîne de question, vous pouvez l'ajouter à la fin du chemin d'accès de l'URL de votre page Web ou de l'URL de votre formulaire.

L'URL de la page web

  • Cela permet de pré-remplir les champs de n'importe quel type de formulaire.
  • Vous devrez travailler avec votre hébergeur pour ajouter la chaîne de question à la fin du chemin URL de votre page Web dans la barre d'adresse
  • Un exemple de page web avec une chaîne de question pourrait ressembler à ceci :
    www.activecampaign.com/support?Firstname=%FIRSTNAME%&email=%EMAIL%

L'URL du formulaire

Pour récupérer l'URL de votre formulaire en ligne :

  1. Depuis votre compte ActiveCampaign, cliquez sur « Site Web ».
  2. Cliquez sur le bouton « Modifier le design » pour le formulaire avec lequel vous voulez travailler.
  3. Cliquez sur le bouton « Intégrer ».
  4. Cliquez sur l'onglet « Lien » .

    Le lien du formulaire ressemblera à quelque chose comme ceci :

    https://youracaccountname.activehosted.com/f/213
     
  5. Ensuite, ajoutez la chaîne de question à la fin du lien du formulaire.

Par exemple, je veux pré-remplir l'adresse e-mail sur mon formulaire ActiveCampaign. Pour ce faire, je formaterais l'URL du formulaire comme suit :

https://youracaccountname.activehosted.com/f/213?email=%EMAIL%


Une fois que la chaîne de question est ajoutée au lien de votre formulaire, vous pouvez la partager où vous le souhaitez.

Avancé : utilisez JavaScript pour pré-remplir les champs à sélection unique ou multiple

Avant de commencer :

  • Ceci est réservé aux utilisateurs avancés
  • L'équipe d'expérience client d'ActiveCampaign n'est pas en mesure de vous aider à mettre en œuvre ou à résoudre les problèmes liés au code que vous ajoutez à votre page Web
  • Les exemples ci-dessous utilisent du code JavaScript standard. Il existe d'autres façons d'écrire ce code.

Si vous êtes à l'aise avec le codage de vos propres solutions, vous pouvez utiliser JavaScript pour présélectionner les options de réponse pour les champs de formulaires à cases à cocher et à liste déroulante. Ce JavaScript doit être ajouté au code source de votre page web.

Les exemples présentés ci-dessous concernent les types de champs de type menu déroulant et bouton radio. Toutefois, vous devriez être en mesure d'utiliser JavaScript pour présélectionner les options de réponse pour les types de champs suivants :

  • Faire défiler
  • Bouton radio
  • Case à cocher

Cliquez sur chaque lien ci-dessous pour voir des exemples :

Charger ActiveCampaign JavaScript

Pour charger automatiquement notre JavaScript une fois la page chargée, nous utilisons la méthode window.onload, comme ceci :


Pour définir la sélection automatique sur un élément spécifique, nous le recherchons en utilisant la méthode document.querySelector().

Sélectionner le bouton radio par sa valeur

Pour sélectionner automatiquement un bouton radio spécifique au chargement de la page, inspectez le bouton radio que vous souhaitez sélectionner automatiquement et notez l'attribut de valeur :


Pour sélectionner automatiquement le bleu, nous écrivons notre JavaScript comme suit :

Sélectionner l'option par l'index

Pour sélectionner automatiquement une option spécifique dans le menu déroulant, nous comptons la première option en commençant par zéro :


Pour sélectionner automatiquement Spaghetti, nous écrivons notre JavaScript comme ceci où la valeur d'index 2 est écrite à l'aide de la parenthèse, [2] :

Alternative : sélectionner l'option par indice

Une alternative, une manière plus avancée de sélectionner automatiquement une valeur de liste déroulante, consiste à écrire une fonction personnalisée sans réutiliser la méthode document.querySelector() :

/**
* Auto-select the option value from the drop down menu
*
* @param {string} node The node data-name to set the selection
* @param {number} value The option index value to select on page load
* @return {void}
*/
function setSelectedValue(node, value) {
var elem = document.querySelector(node);
for (var i = 0; i < elem.options.length; i++) {
// Count by index
var nodeIndex = elem.options[i].index;
// Select the intended option
if (nodeIndex == value) {
// Set the option to 'selected'
elem.options[value].selected = true;
return;
}
}
}


et l'appeler au chargement de la page :

window.onload = () => {
/** Select the 'Spaghetti' option on page load */
setSelectedValue('[id="food"]', 2);
}
Exemple complet de code
Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 8 sur 24

Vous avez d'autres questions ? Soumettre une demande

Start free trial