Elementor

Prasant Rai

Écrit par Prasant Rai
Mis à jour le

Sur cette page

Commencez par personnaliser les champs que vous souhaitez afficher sur votre formulaire d'inscription d'affilié.

Ce guide explique comment configurer l'intégration Elementor, créer un formulaire d'inscription d'affilié et activer le suivi des références pour les formulaires Elementor.


Activation de l'intégration Elementor

Pour activer la prise en charge d'Elementor, accédez à AffiliateWP » Paramètres » Intégrations. Cochez la case Elementor et cliquez sur Enregistrer les modifications.

Ajout du widget Formulaire et personnalisation des champs

Pendant que vous modifiez votre page avec le constructeur de pages Elementor, localisez le widget Formulaire et insérez-le sur la page.

Insertion du widget Formulaire d'Elementor

Une fois le widget Formulaire inséré, un formulaire de base apparaîtra et le panneau d'édition du widget s'affichera.

Un formulaire de base après l'insertion du widget Formulaire

Commencez par personnaliser les champs que vous souhaitez afficher sur votre formulaire d’inscription d’affilié.

Par exemple, vous pourriez ajouter des champs tels que les suivants :

Nom
Type : Texte
Le nom de l'affilié.

Nom d'utilisateur
Type : Texte
Le nom d'utilisateur souhaité par l'affilié.

E-mail
Type : E-mail
L'adresse e-mail de l'affilié.

E-mail de paiement
Type : E-mail
L'e-mail de paiement de l'affilié pour des systèmes tels que PayPal, Moneybookers ou autres.

URL du site Web
Type : URL
Un site Web à partir duquel l'affilié a l'intention de promouvoir votre site.

Comment allez-vous nous promouvoir ?
Type : Zone de texte
Comment l'affilié a l'intention de promouvoir votre entreprise.

Mot de passe
Type : Mot de passe
Le mot de passe de l'affilié pour son nouveau compte.

Une fois que vous avez terminé d'ajouter/modifier des champs et de personnaliser le style, cela pourrait ressembler à ce qui suit :

Modification d'un widget Formulaire Elementor pour créer un formulaire d'inscription d'affilié

Ajout d'une case à cocher Conditions d'utilisation

Pour ajouter une case à cocher Conditions d'utilisation à votre formulaire, commencez par générer la page Conditions d'utilisation. Accédez à AffiliateWP » Outils et cliquez sur le menu Générateur de conditions d'utilisation.

Générateur de conditions d'utilisation

À partir d'ici, cliquez sur le bouton Créer une nouvelle page de conditions d'utilisation et AffiliateWP créera automatiquement la page de conditions d'utilisation.

Bouton Conditions d'utilisation

Ensuite, ouvrez la page d'inscription dans Elementor Builder et cliquez sur le widget de formulaire pour afficher les champs du formulaire. Dans la barre latérale gauche, sous Champs du formulaire, cliquez sur le bouton Ajouter un élément pour ajouter un nouveau champ.

Ajouter un élément Elementor

Changez le type de champ en Case à cocher dans le champ type. Dans le champ options, ajoutez le lien HTML vers la page des Conditions d'utilisation.

Extrait des conditions d'utilisation

Activation de l'inscription des affiliés

Nous devons maintenant indiquer à AffiliateWP que votre formulaire est un formulaire d'inscription d'affilié.

Cliquez sur la section d'Elementor Actions après soumission.

La section Actions après soumission du widget Formulaire

Une fois ouvert, cliquez dans le champ Ajouter une action (ou alternativement, cliquez sur l'icône +) et sélectionnez AffiliateWP dans la liste.

Ajout de l'action personnalisée AffiliateWP

Une fois l'action personnalisée ajoutée, une nouvelle section AffiliateWP apparaîtra dans le panneau ci-dessous.

Cliquez pour ouvrir la section AffiliateWP et cliquez sur le bouton Activer l'inscription des affiliés pour activer l'inscription des affiliés.

Activation du commutateur d'activation de l'inscription d'affilié

Nous devons maintenant faire correspondre les champs. Cela permet à AffiliateWP de savoir quels champs doivent effectuer des tâches spécifiques. Nous recommandons de faire correspondre autant de champs que possible.

Pour faire correspondre les champs, choisissez un champ dans le menu déroulant qui correspond à l'étiquette à gauche.

Mappage des champs du formulaire à AffiliateWP

Par exemple, lorsque le champ Nom d'utilisateur est mis en correspondance, la valeur de ce champ sera utilisée pour le nom d'utilisateur WordPress de l'affilié.

Lorsque le champ Mot de passe est mis en correspondance, AffiliateWP l'utilisera pour le mot de passe du compte WordPress de l'affilié.

Nom

Le champ sélectionné sera utilisé pour remplir les champs Prénom et Nom de l'utilisateur sur l'écran du profil utilisateur.

Nom d'utilisateur

Utilisé pour le nom d'utilisateur WordPress de l'affilié.

Email du compte

Utilisé pour l'e-mail du compte WordPress de l'affilié.

Email de paiement

Utilisé pour l'e-mail de paiement de l'affilié (si nécessaire). Ceci est affiché sur l'écran d'édition de l'affilié dans AffiliateWP.

URL du site Web

L'URL du site Web est affichée lors de la révision d'un affilié. Elle est également affichée sur l'écran d'édition d'un affilié et sur sa page de profil utilisateur WordPress.

Méthode de promotion

La méthode de promotion est affichée lors de la révision d'un affilié. Elle est également affichée sur l'écran d'édition d'un affilié.

Mot de passe

Le champ Mot de passe est utilisé pour générer un mot de passe pour le compte utilisateur WordPress de l'affilié. Si aucun champ mot de passe n'est mis en correspondance, un mot de passe sera automatiquement généré pour l'affilié.

C'est tout ! Vous avez maintenant un formulaire d'inscription d'affilié personnalisé, entièrement créé dans Elementor :

Formulaire d'inscription d'affilié personnalisé créé dans Elementor.

Visualisation des données soumises par un affilié

Lors de la révision de la candidature d'un affilié, vous pouvez voir toutes les valeurs des champs mis en correspondance par AffiliateWP.

Si votre formulaire d'inscription d'affilié contient des champs non mis en correspondance, ils seront affichés dans un tableau facile à lire. Approuver ou rejeter des affiliés dans AffiliateWP est un jeu d'enfant.

Visualisation des données soumises par un affilié

Si vous souhaitez examiner les candidatures d'affiliés avant que les affiliés ne deviennent actifs, activez Exiger l'approbation dans AffiliateWP » Paramètres » Affiliés.

Une fois qu'un affilié a rejoint votre programme d'affiliation, ses données soumises à l'origine sont toujours disponibles. Pour les consulter, accédez à l'écran principal Affiliés dans AffiliateWP » Affiliés et cliquez sur le nom d'un affilié. Toutes les données mappées aux champs AffiliateWP, ainsi que toutes les données personnalisées, seront affichées à l'écran :

Visualisation des données soumises par un affilié sur l'écran de modification de l'affilié

Activation du suivi des références

Elementor Referral Tracking augmente les conversions en permettant aux affiliés de promouvoir n'importe quel formulaire sur votre site, tels que les inscriptions par e-mail, la génération de prospects, les commentaires, les enquêtes, les inscriptions aux webinaires, les candidatures, et plus encore. Chaque fois qu'un utilisateur est référé par un affilié et soumet un formulaire, une référence est créée dans AffiliateWP.

Pour configurer un formulaire Elementor afin de générer des références, commencez par ajouter le widget Formulaire à votre page comme indiqué dans la section ci-dessus.

Une fois le widget Formulaire inséré, vous pouvez personnaliser les champs qui seront capturés sur votre formulaire de suivi des références.

Les champs suivants sont disponibles pour être mappés à l'entrée de référence :

Prénom
Type : Texte
Le prénom du prospect.

Nom
Type : Texte
Le nom du prospect.

E-mail
Type : E-mail
L'adresse e-mail du prospect.

Voici un exemple de formulaire de prospects après avoir ajouté les champs ci-dessus et effectué quelques ajustements de style :

Modification d'un widget Formulaire Elementor pour créer un formulaire de suivi des références

Ensuite, nous devons activer ce formulaire pour créer une référence.

Cliquez sur la section d'Elementor Actions après soumission.

La section Actions après soumission du widget Formulaire

Une fois ouvert, cliquez dans le champ Ajouter une action (ou alternativement, cliquez sur l'icône +) et sélectionnez AffiliateWP dans la liste.

Ajout de l'action personnalisée AffiliateWP

Une fois l'action personnalisée ajoutée, une nouvelle section AffiliateWP apparaîtra dans le panneau ci-dessous.

Cliquez pour ouvrir la section AffiliateWP et remarquez que le commutateur Activer les références sera déjà activé pour le suivi des références.

Vérifiez que le commutateur Activer les références est activé.

Ensuite, vous pouvez configurer les paramètres de référence de la section AffiliateWP et mapper le contenu des champs du formulaire à leurs destinations.

Pour faire correspondre les champs, choisissez un champ dans le menu déroulant qui correspond à l'étiquette à gauche.

Mappage des champs du formulaire de suivi des références dans AffiliateWP

Type de référent

Le type de référence peut être Prospect ou Opt-in. Le type de référence apparaît sur l'écran principal AffiliateWP » Références.

Statut de la référence

Le statut de la référence peut être En attente ou Non payé. Les références en attente sont mieux utilisées dans les cas où le montant de la référence est supérieur à zéro. Cela permet au gestionnaire d'affiliation de vérifier le prospect.

Montant de la référence

C'est le montant de la référence qui est créée.

C'est tout ! Vous avez maintenant un formulaire de suivi des références personnalisé créé dans Elementor !

Afficher une entrée de référence d'un affilié

Pour afficher les références générées par le formulaire Elementor, accédez à l'écran AffiliateWP » Références dans l'administration où vous verrez le nom du formulaire et l'adresse e-mail dans le champ de description de la référence :

Liste des références AffiliateWP dans l'administration affichant les références Elementor

Cliquez sur le lien Modifier dans la colonne Actions pour voir l'écran de modification de la référence, où vous pouvez afficher la section Détails du prospect en bas montrant les données mappées du formulaire Elementor :

Questions fréquemment posées

Qu'est-ce que l'intégration Elementor dans AffiliateWP ?

L'intégration d'Elementor dans AffiliateWP vous permet de créer des formulaires d'inscription d'affiliés personnalisés et de suivre les références en utilisant le widget Formulaire d'Elementor. Cette intégration permet aux affiliés de promouvoir n'importe quel formulaire sur votre site, et lorsqu'un utilisateur référé soumet le formulaire, une référence est enregistrée dans AffiliateWP.

Ai-je besoin d'Elementor Pro pour cette intégration ?

Oui, vous avez besoin d'Elementor Pro pour accéder au widget Formulaire, qui est nécessaire pour créer des formulaires d'inscription d'affiliés personnalisés et activer le suivi des références.

Puis-je approuver ou rejeter les affiliés avant qu'ils ne deviennent actifs ?

Oui, vous pouvez activer l'option Exiger l'approbation dans AffiliateWP » Paramètres » Affiliés pour examiner et approuver ou rejeter les candidatures d'affiliés avant qu'elles ne deviennent actives.

Pourquoi mon formulaire Elementor n'enregistre-t-il pas les références ?

Pour résoudre le problème de non-enregistrement des références par votre formulaire Elementor, assurez-vous d'abord que l'intégration Elementor est activée en naviguant vers AffiliateWP » Paramètres » Intégrations et en confirmant que la case Elementor est cochée. Ensuite, vérifiez que l'action AffiliateWP est ajoutée sous Actions après soumission dans les paramètres du formulaire Elementor, et assurez-vous que le commutateur Activer les références est activé. Enfin, confirmez que les champs du formulaire sont correctement mappés aux champs AffiliateWP correspondants pour garantir que les données sont correctement enregistrées et suivies.


C'est tout ! Vous disposez maintenant d'un moyen d'exploiter la puissance des formulaires Elementor, permettant aux affiliés de générer des références d'opt-in ou de suivi de prospects pour élargir leur portée.

Toujours bloqué ? Soumettre un ticket et l'équipe qui l'a conçu vous aidera.

Commencez à obtenir plus de ventes dès aujourd'hui avec AffiliateWP

Lancez votre programme d'affiliation dès aujourd'hui et débloquez un nouveau canal de revenus pour développer votre entreprise plus rapidement.