• Accueil / Pardot / Utilisation de formulaires…
, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Utilisation de formulaires pop-up Pardot sur votre site Web WordPress7 minutes de lecture


En tant que spécialiste du marketing, vous avez probablement vu plusieurs exemples de formulaires contextuels tout en recherchant les meilleures façons de convertir des prospects. Ces formulaires impromptus peuvent vous demander de télécharger un contenu, de parler aux ventes ou peut-être simplement de vous demander si vous avez besoin d’aide. Bien qu’ils essaient de vous aider, ils peuvent souvent être considérés comme intrusifs ou ennuyeux, et pourtant, nous constatons qu’ils ont certains des taux de conversion les plus élevés de toutes les formes. Selon un étude réalisée par Sumo, certains des meilleurs formulaires pop-up peuvent atteindre jusqu’à un Taux de conversion de 50%. Donc, pour quelque chose qui semble si ennuyeux, il semble fonctionner assez bien!

Ce qui peut vous amener à vous demander, comment puis-je utiliser des formulaires contextuels avec Pardot? Ce didacticiel se concentrera sur la façon d’utiliser un formulaire Pardot sur votre site WordPress en tant que pop-up – idéal pour les spécialistes du marketing qui souhaitent créer une expérience de formulaire pop-up sans code à l’aide d’un formulaire Pardot. Bien sûr, chaque site Web est différent et chaque organisation a ses propres exigences. Alors, tout d’abord, voici un aperçu des types de formulaires contextuels que vous pouvez choisir.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Types de formulaires contextuels

Avec autant de types de formulaires contextuels différents, il semble y avoir un art de créer des formulaires contextuels qui se convertissent efficacement.

Bien sûr, l’utilisation d’un slogan accrocheur ou d’une offre à durée limitée et un excellent appel à l’action attireront l’attention du visiteur de votre page, mais le type de pop-up jouera également un rôle énorme. Il existe deux principaux types de formulaires contextuels, l’un que nous appellerons fenêtre contextuelle partielle et l’autre fenêtre contextuelle pleine page.

  • Fenêtre contextuelle de page partielle: la fenêtre contextuelle de page partielle est la plus utilisée. Ils sont généralement petits et apparaissent quelque part au centre de la page, dans le coin inférieur droit, ou flottant sur le côté, prêts à vous inscrire à une sorte d’offre.
  • Fenêtre contextuelle pleine page: en apparence, elle couvre toute la page et peut être un peu frustrante pour les visiteurs de la page car elle couvre toute la page. Une meilleure pratique pour la fenêtre contextuelle pleine page consiste à l’afficher lorsque le visiteur de la page arrive en bas de la page et qu’il a fini de consommer votre contenu incroyable.

Mon conseil? Si vous ne savez pas quoi choisir, utilisez la fenêtre contextuelle de page partielle.

Formulaires Pardot en tant que pop-up

Ce tutoriel se concentrera sur la façon d’utiliser un formulaire Pardot sur votre site WordPress en tant que pop-up. La façon la plus courante d’utiliser un formulaire Pardot sur votre site Web est de l’intégrer (si vous préférez intégrer votre formulaire, restez à l’écoute de la deuxième partie de cette série).

Étape 1: modèle de mise en page Pardot

Votre modèle de mise en page Pardot est le code HTML / CSS de votre formulaire. Il contrôle l’apparence du formulaire sur votre site Web. Traditionnellement, vous utilisez peut-être cela pour votre landing pages, mais vous devez maintenant en créer un qui a juste le style du formulaire. Vous voudrez donc travailler avec vos développeurs pour créer ceci si vous ne l’avez pas déjà.

Si vous êtes dans Pardot Lightning, accédez à l’onglet Contenu → Modèles de mise en page → Cliquez sur «Ajouter un modèle de mise en page» → Nommez votre modèle → Coller dans le code HTML / CSS.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Étape 2: Créez votre formulaire Pardot

Vous allez maintenant devoir créer votre formulaire Pardot. C’est ici que vous sélectionnerez vos champs, le modèle de mise en page, et n’oubliez pas d’ajouter ces actions de complétion!

Lorsque vous créez votre formulaire, vous accédez à l’onglet Contenu → Formulaires → cliquez sur le bouton Nouveau formulaire. Complétez les informations de l’onglet Nom comme vous le feriez normalement, en identifiant la campagne et le dossier dans lesquels vous souhaitez l’enregistrer.

Ensuite, sélectionnez vos champs. Nous aborderons les fonctionnalités plus approfondies du formulaire dans une partie ultérieure de cette série, mais pour l’instant, configurez les champs de formulaire dont vous aurez besoin sur votre site. Lorsque vous accédez à l’onglet Apparence, assurez-vous de sélectionner le modèle de mise en page que vous avez créé spécifiquement pour ce formulaire à utiliser sur votre site. Enfin, assurez-vous d’identifier votre contenu de remerciement. Si vous souhaitez rediriger les visiteurs de la page vers une autre page, vous pouvez le faire en cochant la case pour rediriger une URL plutôt qu’en affichant un formulaire de remerciement. Encore une fois, nous couvrirons les actions d’achèvement et les fonctionnalités avancées dans une partie ultérieure de cette série.

Étape 3: Téléchargez le plugin WordPress Pop-up

Il est temps de passer à votre site Web WordPress. Connectez-vous à votre compte WordPress et téléchargez ce plugin gratuit appelé Popup Builder. Vous n’aurez pas à payer pour cela, sauf si vous prévoyez de devenir plus sophistiqué, par exemple, si vous prévoyez de l’utiliser avec WooCommerce ou un autre plugin. Pour l’instant, cela fonctionne très bien pour les pop-ups de base. Une fois que vous aurez téléchargé le plug-in, vous voudrez commencer à créer votre pop-up.

  1. Sous la navigation du Pop-up Builder, cliquez sur « Tous les pop-ups ».
  2. Cliquez sur le bouton « Ajouter un nouveau ».
  3. Vous souhaitez ouvrir un nouvel onglet et accéder à votre formulaire Pardot dans Pardot, puis copier le code d’intégration. Localisez le formulaire, dans le coin supérieur droit, il y a une liste déroulante, cliquez sur «Afficher le code HTML», puis copiez le code HTML.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Étape 4: insérez le code HTML Pardot sur votre site

Revenez à votre site WordPress et à la nouvelle fenêtre contextuelle que vous avez commencé à créer. Quel que soit le thème que vous utilisez, il devrait y avoir un onglet pour insérer du texte, localiser cet onglet et coller le code HTML Pardot.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Étape 5: Définissez vos paramètres

Vous avez quelques options si vous souhaitez que ce formulaire s’affiche sur des pages spécifiques en combinaison avec le clic, l’aspirateur, le défilement ou même l’inactivité. Il existe de nombreuses options différentes, vous devez donc sélectionner les options en fonction de vos préférences.

Il existe également une tonne d’autres options, mais pour une fenêtre contextuelle de base que les visiteurs consultent en fonction du clic sur le bouton, vous pouvez les laisser vides. Pour cet exemple, nous allons utiliser le lien du formulaire contextuel sur le bouton réel de la page.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Étape 6: ajouter le formulaire au bouton

Pour cet exemple, je vais utiliser l’ID du formulaire et placer le formulaire contextuel sur un bouton qui existe déjà sur mon site. Il y a plusieurs façons de le faire, je vais vous montrer deux façons.

Tout d’abord, vous devez saisir la classe du formulaire que vous venez de créer dans le générateur de fenêtres contextuelles. Pour ce faire, revenez au menu du générateur de fenêtres contextuelles → cliquez sur toutes les fenêtres contextuelles. Vous devriez voir une liste de vos pop-ups, et à droite vous verrez une colonne pour la classe, copiez cette classe.

, Utilisation de formulaires pop-up Pardot sur votre site Web WordPress<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Selon le type de générateur que vous utilisez, vous devrez appliquer la classe de deux manières. Si vous utilisez un générateur qui a un module de bouton séparé, où vous pouvez identifier la classe CSS du bouton seul, collez-y la classe du générateur de fenêtres contextuelles. Sinon, vous finirez par ajouter cette classe à toute la région, et plus que le bouton aura le lien vers le formulaire contextuel. Si vous n’êtes pas sûr, le meilleur des cas consiste à créer un lien. Ajoutez donc l’URL de votre site avec la classe contextuelle.

Exemple:

URL: www.mysite.com

Classe contextuelle: sg-popup-id-170

URL du bouton: www.mysite.com/#sg-pop-up-id-170

Vous devez donc ajouter la nouvelle URL de bouton que vous venez de créer au bouton dont vous souhaitez que la fenêtre contextuelle apparaisse sur votre site.

Bien sûr, chaque site Web est différent et chaque organisation a des exigences différentes. Cette méthode est idéale pour les spécialistes du marketing qui souhaitent créer une expérience de formulaire contextuel sans code à l’aide d’un formulaire Pardot sur un site Web WordPress. Si vous avez besoin d’aide avec vos formulaires Pardot, n’hésitez pas à contactez-nous ici, pour une consultation gratuite, nous serions ravis de vous aider!



Source de l’article traduit automatiquement en Français