Comment ajouter un formulaire d'abonnement à votre page de destination avec Mailrelay

Si vous travaillez dans le domaine du marketing, vous avez probablement lu des informations sur l'importance de créer une page de destination dans le cadre d'une stratégie de vente efficace. Si vous devez capturer des abonnés, des prospects ou des clients, vous devrez apprendre à utiliser cette fonctionnalité.

Comme beaucoup d'entre vous le savent sûrement, une page de destination est une page conçue pour recevoir des visiteurs qui ont trouvé votre site après avoir cliqué sur une annonce ou une bannière (Facebook, Google ou toute autre plateforme). Son utilisation est de plus en plus répandue, et son objectif principal dans la plupart des cas est de capturer des leads ou de générer des conversions.

Une page de destination est une page créée dans un seul but : générer des conversions. De manière générale, l'utilisateur qui visite cette page est intéressé par ce que vous proposez. Créer une page de destination efficace est un art car vous devrez prendre en compte divers aspects tels que la conception et le contenu de la page. Si vous savez déjà ce qu'est une page de destination et que vous souhaitez utiliser cette option dans votre stratégie marketing ; nous allons expliquer comment vous pouvez ajouter un formulaire d'abonnement Mailrelay à une page de destination pour capturer des prospects et des abonnés.

Clarification importante : dans cet article, nous supposerons que vous avez déjà créé un formulaire d'abonnement sur Mailrelay et copié le code HTML que vous utiliserez. Nous allons donc nous attacher à expliquer comment intégrer ce code dans une page de destination. Si vous n'avez pas créé le formulaire ou n'avez pas copié le code HTML, nous vous conseillons de consulter cet autre article : Mailrelay V3 Subscription Forms.

· Comment ajouter un formulaire d'abonnement à votre page de destination dans WordPress

Option 1 : Utilisation d'Elementor

Nous avons déjà parlé d'Elementor dans d'autres articles. C'est un plugin puissant qui est disponible dans WordPress, avec des versions gratuites et payantes. C'est une option idéale pour créer et éditer des pages de destination rapidement et facilement.

Si votre site a été créé à l'aide de WordPress, il est fortement recommandé d'utiliser ce plugin pour configurer votre page de destination car le processus sera facile et simple. Si vous n'avez pas encore installé le plugin, vous pouvez le télécharger gratuitement à partir du référentiel WordPress et l'utiliser pour créer votre page de destination. Commençons?

Une fois dans le panneau d'administration de WP, vous devez cliquer sur « pages » et en ajouter une nouvelle.

Vous devrez utiliser cette nouvelle page pour insérer le contenu qui sera affiché à vos visiteurs. Dans ce cas, avant de commencer à éditer la mise en page, il est conseillé d'effectuer quelques ajustements préalables. Par exemple, vous devez nommer la section, choisir le modèle, etc.

Nous voyons souvent des pages de destination qui n'ont pas de menu dans la barre supérieure. Ceci est souvent utilisé lorsque nous voulons que le visiteur se concentre uniquement sur le contenu, et non « s'échapper » en cliquant sur un autre lien. Cela peut être particulièrement utile sur les pages de destination créées pour les campagnes en ligne.

Si vous souhaitez mettre en œuvre cette mesure et supprimer le menu de navigation sur votre page de destination, vous devez rechercher les attributs dans la colonne de droite. Une fois que vous avez trouvé cette option, dans la section des modèles, sélectionnez « Elementor Canva » et enregistrez votre travail.

Après cela, ouvrez le générateur Elementor, cliquez sur " Modifier avec Elementor" et commencez à créer votre page de destination en suivant la structure que vous souhaitez utiliser.

Après avoir créé la page, vous devrez implémenter le formulaire d'abonnement. Dans ce cas, vous pouvez récupérer le code HTML et l'insérer dans la page.

Pour ce faire, vous devez rechercher le module « code » et l'inclure dans la colonne ou la section de votre choix. Une fois placé, vous devrez insérer le code que vous avez copié avant de commencer à lire cet article. Dans ce cas, vous devrez coller le code généré par Mailrelay pour l'intégrer dans votre landing page.

Après avoir ajouté le formulaire, le résultat ressemblerait à ceci. Il est important de garder à l'esprit que la structure et la conception varieront en fonction des modules et des éléments que vous avez installés.

À ce stade, je tiens à souligner que le formulaire sera affiché avec l'apparence et les styles marqués dans votre modèle ou thème. Pour apporter des changements ou des modifications de style, vous devrez éditer le code HTML ou utiliser des plugins spécifiques pour personnaliser votre formulaire d'inscription.

Option 2 : Utiliser Divi

Divi est l'un des modèles les plus utilisés pour créer des sites dans WordPress. Ce modèle est si populaire car il offre un puissant constructeur visuel, qui vous permet de créer des pages attrayantes et colorées en quelques clics.

Divi est actuellement un outil Premium (payant) et est disponible en tant que modèle et en tant que constructeur visuel pour WordPress. Si votre site a été créé avec ce modèle ou si vous avez installé le plugin Divi Builder, continuez à lire car nous vous montrerons étape par étape comment ajouter un formulaire d'abonnement sur une page de destination à l'aide de Divi. Commençons?

Les étapes sont très similaires à celles que nous avons vues dans le guide précédent, donc le processus que nous suivrons sera assez similaire à ce que nous avons vu avec Elementor.

Tout d'abord, allons dans la section Pages et cliquez sur « ajouter un nouveau ».

Après avoir accédé à la nouvelle page, nous commencerons à modifier les paramètres principaux. Si, comme dans le cas précédent, vous souhaitez supprimer la barre supérieure de votre page de destination, vous devez rechercher l'option « modèle » dans la colonne de droite et cliquer sur « page blanche ».

Avec cela, nous dirons à WordPress que nous ne voulons afficher aucune barre supérieure dans cette section spécifique du site. Intéressant, non ?

Une fois que vous avez nommé la page et sélectionné les paramètres du modèle, n'oubliez pas d'enregistrer vos modifications.

Ensuite, nous allons commencer à créer notre page de destination avec Divi. Pour ce faire, cliquez sur « Divi builder » et le plugin affichera l'écran avec le constructeur de page de destination. Divi, par défaut, nous propose plusieurs options : nous pouvons utiliser un modèle par défaut et l'adapter ou en créer un à partir de zéro. Vous pouvez choisir l'une des deux options.

Une fois que vous avez configuré votre page de destination, il est temps d'insérer votre formulaire d'abonnement Mailrelay. Dans ce cas, il va falloir chercher le module « Code » dans la barre de droite de Divi et l'insérer dans la colonne ou la section que l'on veut. Après cela, le plugin ouvrira une fenêtre avec un champ où nous pourrons intégrer le code HTML généré par Mailrelay. Si vous n'avez pas créé de formulaire HTML, veuillez le générer maintenant.

Après avoir ajouté le code, vous pourrez voir comment il vous aidera à ressembler à votre page de destination.

Comme dans le cas précédent, le formulaire s'affichera avec les styles définis dans votre modèle ou thème. Pour apporter des modifications, vous devrez modifier le code HTML manuellement ou utiliser un plugin externe.

· Comment ajouter un formulaire d'abonnement à votre page de destination sans utiliser WordPress

Bien que WordPress soit l'un des CMS les plus couramment utilisés pour créer des sites Web, vous souhaiterez peut-être créer votre page de destination sans utiliser cette plate-forme. Cependant, si vous ne travaillez pas avec WP, nous allons vous recommander quelques outils que vous pouvez utiliser pour créer rapidement votre propre page de destination.

À ce stade, il est important de noter que la plupart de ces outils ne sont pas gratuits, mais ils offrent généralement deux semaines ou plus de tests, afin que vous puissiez commencer à utiliser le service pour voir si c'est ce que vous recherchiez. Après avoir testé l'outil, vous pouvez décider si vous êtes intéressé ou non à le payer.

Pour cet article, nous nous concentrerons sur l'explication de l'utilisation d'Instapress pour créer des pages de destination. Cet outil a été créé pour les utilisateurs qui ne souhaitent pas concevoir une page manuellement, vous pouvez donc modifier les modèles disponibles ou créer votre propre mise en page.

La première chose que vous devrez faire est de vous inscrire sur la plateforme pour commencer à utiliser la démo gratuite. Pour ce faire, rendez-vous sur la page Instapage et créez un compte.

Après avoir accédé à la plate-forme, dans la section Bureau, cliquez sur « Créer une nouvelle page » pour commencer à créer votre page de destination.

Ici, vous aurez plusieurs options. Pour ce tutoriel, nous choisirons la première : « Page standard ».

Après avoir sélectionné cette option, vous serez redirigé vers un autre écran où vous pourrez choisir parmi plusieurs modèles. Si vous souhaitez créer votre page à partir de zéro, vous pouvez sélectionner l'option « page blanche » ou vous pouvez choisir l'un des modèles prédéfinis.

Dans ce cas, il est important de préciser que les cases d'abonnement disponibles dans les modèles ne peuvent pas être utilisées car nous devrons travailler avec le code HTML généré par Mailrelay.

Une fois que vous avez choisi l'option que vous souhaitez utiliser, ajoutez un nom à la page et commencez à modifier la page de destination, en laissant un espace pour le formulaire d'inscription.

Après avoir modifié la mise en page, vous devrez insérer le formulaire. Si vous cochez en haut, vous verrez plusieurs options. Pour ajouter le formulaire, cliquez sur « HTML ».

Le plugin affichera une boîte que vous pourrez positionner où vous le souhaitez. Notez que cette case correspond au formulaire, vous devez donc la placer à l'endroit où vous souhaitez afficher le formulaire. Pour saisir le code HTML, cliquez sur la case et sélectionnez le bouton « Modifier » .

La case sera vide et vous pourrez entrer le code. Collez le formulaire HTML Mailrelay et cliquez sur "Terminé". Si vous avez suivi toutes les étapes correctement, vous verriez comment votre formulaire s'affichera.

Comme dans les cas précédents, il est important de noter que le formulaire n'inclut pas les styles intégrés dans le code HTML. Donc, si vous souhaitez le personnaliser, vous devrez modifier le code manuellement. Si vous n'êtes pas familiarisé avec le HTML, nous vous recommandons d'utiliser le formulaire par défaut généré par Mailrelay.

Enfin, vous devez cliquer sur le bouton « Enregistrer » dans le coin supérieur droit de l'écran.

Après avoir enregistré les modifications, vous devrez publier la page. Pour ce faire, cliquez sur la page que vous souhaitez publier et dans la fenêtre suivante, recherchez le bouton « Publier » et cliquez dessus.

Pour publier la page de destination de manière permanente, vous devrez définir l'URL de la page. Par conséquent, après avoir cliqué sur Publier, le système affichera une fenêtre contextuelle avec des options pour le configurer. Cliquez sur le bouton « Définir l'URL » et, parmi les différentes options disponibles, choisissez la meilleure option pour votre stratégie de marketing numérique.

Si vous travaillez avec WordPress, vous pouvez choisir cette option et suivre les étapes à l'écran pour publier la page. Si vous n'utilisez pas WordPress, vous devez cliquer sur la première option, « Domaine personnalisé » et suivre les instructions pour configurer votre domaine.

À côté de chaque option, vous trouverez un lien « En savoir plus ». Si vous avez besoin de plus d'informations sur les étapes à suivre, cliquez sur ce lien. Vous serez dirigé vers une section informative avec tout ce que vous devez savoir pour apporter les modifications nécessaires et publier votre page de manière permanente.

· Conclusion

Si vous exploitez une entreprise en ligne, vous devrez certainement créer des pages de destination dans le cadre de votre stratégie de vente. Comme nous l'avons expliqué au début de l'article, ces pages sont extrêmement utiles pour capturer des clients potentiels.

En fait, il s'agit d'un outil largement utilisé pour collecter des données et créer des listes de diffusion. Les stratégies pour obtenir ces informations peuvent varier considérablement, bien que la plupart des webmasters préfèrent offrir un « cadeau » ou un « appât » en échange des données. Quel genre de cadeau pourrais-je offrir ? Vous pouvez créer un tutoriel, un mini-cours, un guide. Cela dépendra de votre stratégie de vente.

Pour vous aider dans cette tâche, dans cet article, nous avons voulu montrer différentes options pour créer une page de destination et les étapes que vous devrez suivre pour intégrer un formulaire d'abonnement Mailrelay à la page. A cette occasion, nous nous sommes concentrés sur 3 options différentes. Cependant, vous pouvez créer une page de destination avec n'importe quel autre outil offrant des options pour intégrer du HTML externe.

Avez-vous déjà utilisé une page de destination pour capturer des clients ? Le trouvez-vous utile ?