• Accueil / Pardot / Intégrer des formulaires…
, Intégrer des formulaires Pardot sur votre site Web à l&rsquo;aide d&rsquo;iframe &#8211; Avantages et inconvénients<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Intégrer des formulaires Pardot sur votre site Web à l’aide d’iframe – Avantages et inconvénients1 minutes de lecture


Il y a plusieurs raisons pour lesquelles vous devriez intégrer des formulaires Pardot sur votre site Web. Non seulement vous aurez plus de contrôle lorsque vous utilisez le formulaire Pardot, mais vous pourrez également utiliser certaines des fonctionnalités améliorées de Pardot, telles que le profilage progressif, les champs dépendants et les utilisateurs seront reconnus lorsqu’ils reviendront sur le formulaire.

Cependant, l’une des plus grandes plaintes que j’entendrai des clients est qu’ils ont des formulaires sur leur site Web et qu’ils veulent simplement utiliser un gestionnaire de formulaires Pardot pour transmettre les données de soumission à Pardot, mais ils perdent ensuite la fonctionnalité de formulaire avancé de Pardot – ils sont donc obligé de choisir entre fonction et design.

, Intégrer des formulaires Pardot sur votre site Web à l&rsquo;aide d&rsquo;iframe &#8211; Avantages et inconvénients<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Les formulaires Pardot étant entièrement conçus et gérés à partir de Pardot, ils sont essentiellement placés sur votre site Web à l’aide d’iframe, qui est livré avec son propre ensemble de considérations! Je vais vous guider à travers les étapes pour terminer cette configuration, puis parler des choses que vous devez savoir avant d’intégrer des formulaires Pardot sur votre site Web à l’aide d’iframe.

Forme Pardot + iframe

Comme mentionné ci-dessus, le formulaire Pardot est entièrement conçu et géré à l’intérieur de Pardot. Vous contrôlerez même l’apparence du formulaire en créant un modèle de mise en page, qui contient le code HTML / CSS du formulaire, à l’intérieur de Pardot. Ensuite, vous allez créer le formulaire, avec tous les champs du formulaire, appliquer le modèle pour la conception et copier le code HTML, puis enfin, l’intégrer sur votre site Web.

Cela semble assez simple, non?

Une chose, à savoir est la iframe. L’utilisation d’un iframe pour incorporer un formulaire Pardot réduira la longueur de votre formulaire. Par conséquent, si vous avez un développeur, vous souhaiterez travailler avec lui pour dimensionner dynamiquement le formulaire sur votre site. Dans le pire des cas, vous pouvez ajuster la longueur du formulaire lorsque vous l’incorporez, mais dans certains cas, il peut ne pas être optimal visuellement. Nous étudierons les limites de l’utilisation d’un iframe pour intégrer des formulaires Pardot ultérieurement.

Comment créer un formulaire Pardot

Si vous ne savez pas comment créer un formulaire Pardot, vous pouvez suivre les étapes ci-dessous.

É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 maintenant vous en aurez besoin d’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 à:
Onglet Contenu → Modèles de présentation → Cliquez sur Ajouter un modèle de présentation → Nommez votre modèle → Coller dans le code HTML / CSS.

, Intégrer des formulaires Pardot sur votre site Web à l&rsquo;aide d&rsquo;iframe &#8211; Avantages et inconvénients<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Étape 2: créer le 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 à:
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 les enregistrer.

Ensuite, sélectionnez vos champs. Nous aborderons les fonctionnalités plus approfondies du formulaire, et quand les utiliser dans une partie ultérieure de cette série.

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 utilisateurs vers une autre page, vous pouvez le faire en cochant la case pour rediriger une URL plutôt que d’afficher un contenu de remerciement de formulaire (encore une fois, nous couvrirons les actions d’achèvement et les fonctionnalités avancées dans une partie ultérieure de cette séries).

Étape 3: collez le code d’intégration sur votre site

Accédez à votre formulaire Pardot et copiez 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». Copiez le HTML.

, Intégrer des formulaires Pardot sur votre site Web à l&rsquo;aide d&rsquo;iframe &#8211; Avantages et inconvénients<span class="wtr-time-wrap after-title"><span class="wtr-time-number">1</span> minutes de lecture</span>

Pardot Form iframe Restrictions

Voici ce que vous devez savoir sur l’utilisation d’un iframe pour intégrer des formulaires Pardot.

Vous devez noter ici la hauteur du formulaire. Cela signifie que, quelle que soit la longueur du formulaire, il n’affichera que 500 pixels du formulaire. Vous verrez donc une barre de défilement sur le formulaire si votre formulaire dépasse 500 pixels. Si vous avez un développeur dans l’équipe, il serait préférable de travailler avec eux pour ajouter du Javascript au formulaire afin d’ajuster automatiquement la taille du formulaire.

Vous pouvez, bien sûr, ajuster la taille vous-même lorsque vous incorporez le formulaire, mais vous devez garder à l’esprit que les caractéristiques suivantes du formulaire entraîneront une variation de la hauteur du formulaire:

  • Les formulaires Pardot se souviendront de qui vous êtes, donc ils n’afficheront pas toujours le même nombre de champs pour chaque utilisateur.
  • La hauteur du formulaire peut changer en fonction de tout message de validation tel que des erreurs lorsqu’un formulaire est soumis et qu’un champ obligatoire n’a pas été rempli.
  • Si vous utilisez des champs de formulaire dépendants, le formulaire augmentera naturellement au fur et à mesure que l’utilisateur commencera à remplir le formulaire.

Résumé: une approche hybride?

En fin de compte, vous aurez plus de contrôle lorsque vous utilisez le formulaire Pardot, ainsi que la possibilité d’utiliser certaines des fonctionnalités améliorées de Pardot, telles que le profilage progressif, les champs dépendants et les utilisateurs seront reconnus lorsqu’ils reviendront sur le formulaire, de sorte que leur les données seront préremplies.

L’une des plus grandes plaintes que j’entendrai des clients est qu’ils ont des formulaires sur leur site Web et qu’ils veulent simplement utiliser le gestionnaire pour transmettre les données de soumission à Pardot, mais ils veulent vraiment pouvoir utiliser certaines des fonctionnalités de formulaire avancées de Pardot , comme le profilage progressif, ils sont donc obligé de choisir entre fonction et design.

En fonction de votre site Web existant et de ce que vous avez en place, il peut être utile pour vous d’utiliser les gestionnaires de formulaires Pardot sur votre site Web pour des formulaires simples, que les utilisateurs pourraient ne pas revoir, comme un formulaire de contact ou s’abonner à un blog.

Ensuite, tirez parti des formulaires Pardot sur votre landing pages pour une fonctionnalité complète du formulaire Pardot. Comme vous pouvez l’imaginer, le Pardot landing pages peut avoir des visiteurs récurrents si vous exécutez des campagnes telles que des webinaires mensuels ou des inscriptions à des événements. Pour ce cas d’utilisation, vous pouvez tirer parti des fonctionnalités telles que le profilage progressif et les champs dépendants pour recueillir plus d’informations sur vos prospects / contacts qui interagissent avec vos campagnes récurrentes.

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