Avant de commencer
Afin d'utiliser cette intégration dans WordPress, vous devez avoir installé le plugin Contact Form 7 version (au moins) 5.0.0 et le plugin WordPress CleverReach.
De plus, les composants CleverReach ne seront pas visibles dans les formulaires Contact Form 7 tant que la synchronisation initiale n'est pas terminée.
Vue d'ensemble des intégrations
Sur la page du tableau de bord du plugin CleverReach, il y a une nouvelle section dédiée aux intégrations avec d'autres plugins dans WordPress. Pour l'instant, il n'y a que l'intégration de Contact Form 7. Cette section indique le statut du plugin Contact Form 7 (s'il est installé ou non) et donne à l'utilisateur la possibilité de cliquer sur le nom du plugin et d'être dirigé directement vers la page du plugin sur WordPress où ce plugin peut être téléchargé et installé sur le site WordPress de l'utilisateur.
Une fois que le plugin Contact Form 7 aura été installé et activé sur le site, ce statut changera.
Formulaire de contact 7
Contact Form 7 est l'un des plugins WordPress les plus utilisés, avec plus de 5 millions d'installations actives et plus de 100 millions de téléchargements.
CF7 peut gérer plusieurs formulaires de contact et permet de personnaliser le formulaire et le contenu du courrier de manière flexible grâce à un balisage simple. Le formulaire prend en charge la soumission par Ajax, CAPTCHA, le filtre anti-spam Akismet, etc. Voici quelques-unes des principales fonctionnalités de Contact Form 7 :
- Créer et gérer plusieurs formulaires de contact
- Personnaliser facilement les champs du formulaire
- Utiliser des balises simples pour modifier le contenu du courrier
- Insérer des formulaires dans n'importe quelle page ou article à l'aide d'un shortcode
- Le plugin prend en charge le filtre anti-spam Akismet, la soumission par Ajax et le CAPTCHA.
- De nombreuses extensions tierces pour ajouter des fonctionnalités supplémentaires
La version actuelle du plugin Contact Form 7 est la 5.1.2. 74% des utilisateurs actifs utilisent une version postérieure à la 5.0.0.
Contact Form 7 permet à l'utilisateur de modifier les modèles des formulaires de contact et des courriers électroniques (en-têtes et corps du message) à l'aide de diverses "balises". Dans la terminologie de Contact Form 7, le terme "tag" désigne une chaîne de caractères minuscule entre crochets ([ ]).
Les balises pour les formulaires et les balises pour les courriers électroniques sont différentes les unes des autres. Par exemple, [text* votre-nom] peut être utilisé dans un formulaire et [votre-nom] peut être utilisé dans un courrier électronique. Ils ont chacun une syntaxe différente.
Le type est le facteur le plus important, car il définit le type d'élément HTML qui se remplacera et le type d'entrée attendue. Le nom est utilisé pour identifier le champ de saisie. La plupart des balises de formulaire ont un nom, mais il y a des exceptions. Les options précisent les détails du comportement et de l'apparence. Elles sont facultatives.
Édition de formulaires
Les formulaires de Contact Form 7 sont accessibles en allant sur "Contact > Contact Forms". Cela ouvre une page qui affiche tous les formulaires de contact créés à l'aide de ce plugin. Par défaut, un formulaire de contact est déjà créé. Chaque formulaire possède un shortcode qui permet d'insérer un formulaire de contact particulier dans n'importe quelle page de WordPress.
Lorsque l'utilisateur choisit un formulaire à modifier, une nouvelle page s'ouvre avec des champs par défaut pour les coordonnées du contact, tels que l'adresse électronique, le nom, l'objet et le message. Il existe également des balises qui permettent d'insérer un champ concret dans le formulaire de contact.
Outre les autres balises fournies avec le plugin Contact Form 7, il existe également une balise CleverReach Sign-Up field (1) qui ajoute une case à cocher pour la newsletter au formulaire de contact. Dans la section des onglets ci-dessus, il y a un onglet CleverReach settings (2) qui permet à l'utilisateur de configurer la façon dont les destinataires qui se sont inscrits à l'aide du formulaire de contact sont synchronisés avec CleverReach.
Champ d'inscription
Lorsque l'utilisateur clique sur la balise du champ CleverReach Sign-Up, une fenêtre pop-up apparaît, montrant les paramètres de la case à cocher de la newsletter.
Plusieurs valeurs sont configurables à ce stade.
- Etiquette qui détermine le texte qui sera affiché à côté de la case à cocher de l'abonnement à la newsletter (le texte par défaut est "S'abonner à la newsletter").
- Option de présélection de la case à cocher qui spécifie si la case sera automatiquement présélectionnée (par défaut, elle n'est pas présélectionnée).
- Attribut ID qui spécifie l'ID de la case à cocher, utilisé pour les sélecteurs CSS (vide par défaut)
- Attribut Class qui spécifie la classe de la case à cocher, utilisé pour les sélecteurs CSS (vide par défaut)
Les deux dernières options sont universelles pour tous les champs de Contact Form 7 et sont destinées aux utilisateurs avancés.
Au bas de cette fenêtre, il y a un shortcode qui est régénéré chaque fois que certaines valeurs de configuration sont modifiées. Ce shortcode sera inséré à la position spécifiée dans le formulaire de contact lorsque le bouton "Insert Tag" est cliqué.
Il s'agit de la fenêtre pop-up contenant tous les éléments mentionnés ci-dessus :
Une fois que l'utilisateur a configuré le champ et cliqué sur "Insert Tag", le shortcode est inséré dans le formulaire de contact.
Il est possible d'ajouter plusieurs champs d'inscription CleverReach au même formulaire de contact.
Une fois que l'utilisateur a sauvegardé son formulaire de contact et l'a inséré dans n'importe quelle page de son site WordPress, le champ CleverReach Sign-Up sera visible parmi les autres champs de ce formulaire de contact.
Onglet Paramètres
L'insertion du champ d'inscription CleverReach n'est qu'une étape du processus. Afin de spécifier comment le destinataire qui s'inscrit à la newsletter via ce formulaire est synchronisé avec CleverReach, l'utilisateur doit configurer les paramètres liés à l'intégration de Contact Form 7 en cliquant sur l'onglet CleverReach dans l'éditeur du formulaire de contact. Cela ouvre des paramètres qui, au départ, n'ont qu'une seule option : activer la synchronisation des destinataires.
Si cette option est désactivée, aucun destinataire qui s'abonne via ce formulaire de contact ne sera synchronisé avec CleverReach.
Lorsque l'utilisateur choisit d'activer la synchronisation des destinataires et enregistre cette modification, des options de configuration supplémentaires deviennent disponibles.
Cette page de paramètres étendus propose des options supplémentaires :
- Double opt-in form - Liste tous les formulaires CleverReach liés à la liste d'intégration "WordPress". L'option par défaut est la liste "WordPress" créée automatiquement, qui inclut Double-Opt-In. Si vous sélectionnez "Aucun", les destinataires ne recevront pas d'e-mail de confirmation avant de s'abonner à la lettre d'information. Veuillez tenir compte de la situation juridique dans votre pays, que vous souhaitiez utiliser le Single-Opt-In ou le Double-Opt-In. Nous suggérons l'utilisation de Double-Opt-In pour agir en conformité avec le GDPR.
- Tags du destinataire - Une liste de tags séparés par des virgules qui seront ajoutés à chaque destinataire qui s'abonne par le biais de ce formulaire de contact.
- Mappages d'attributs - Mappage de tous les champs du formulaire de contact aux attributs CleverReach. Ces mappings sont utilisés lorsque le destinataire est synchronisé avec CleverReach. Si plusieurs attributs CF7 sont associés au même attribut CleverReach, ces valeurs seront concaténées et envoyées ensemble. La seule exception concerne les attributs "anniversaire" qui ne permettent pas la concaténation.
Lorsque la synchronisation est activée, le plugin CleverReach essaiera automatiquement de détecter les champs d'adresse e-mail dans le formulaire CF7.
- Si au moins un champ d'adresse email est détecté et que la synchronisation des destinataires est activée dans l'onglet paramètres, un nouveau destinataire sera créé du côté de CleverReach pour chaque champ d'adresse email détecté.
- Sinon, si le champ de l'adresse électronique n'est pas détecté, le plugin ne procédera pas à la synchronisation.
Lorsqu'un champ d'inscription CleverReach est présent dans le formulaire :
- Si le champ d'inscription est coché, le destinataire sera envoyé comme actif et si le formulaire de double opt-in a été sélectionné, le destinataire recevra un e-mail de double opt-in pour confirmer son abonnement à la lettre d'information. Une fois que le destinataire confirme l'abonnement à l'email, le tag "Abonné" sera ajouté à ce destinataire dans CleverReach.
Sinon, lorsque le champ d'inscription est présent, mais non coché, le plugin ne fait rien.