• Accueil / Pardot / Guide du débutant…
, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting6 minutes de lecture


Vous envisagez d’utiliser les pages de destination ou les formulaires Pardot? Vous êtes arrivé au bon endroit. Avant de pouvoir créer votre première page de destination dans Pardot, vous devez avoir votre modèle de mise en page prêt. Mais que faire si vous ne savez pas par où commencer? Alors allez-y et lisez la suite!

Qu’est-ce qu’un modèle de mise en page?

Les modèles de mise en page sont utilisés pour formater les pages de destination et les formulaires dans Pardot. La meilleure façon de les considérer est de créer des structures réutilisables qui définissent comment votre contenu est positionné sur votre page.

Les modèles Pardot sont tous construits à l’aide d’un code personnalisé. Il existe plusieurs façons d’aborder la construction du vôtre:

1. Utilisez l’un des modèles prédéfinis de Pardot

Lorsque vous commencez à créer un modèle de mise en page, vous verrez une poignée d’options réactives prédéfinies parmi lesquelles choisir, telles que:

  • Contenu fermé
  • Général
  • PPC / SEM
  • Prêt à vendre
  • Événement de webinaire

, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

Vous verrez si vous prévisualisez l’un de ces éléments, qu’ils sont très basiques et qu’ils ne porteront aucun élément de votre marque. Il s’agit d’une sélection assez limitée, mais c’est un point de départ et une solution facile si vous n’êtes pas familiarisé avec le code.

Une fois que vous avez importé l’un de ces éléments, vous pouvez modifier tout ce dont vous avez besoin dans le code du modèle de mise en page. Si vous ne disposez pas de ressources internes pour ce faire, contactez-nous. Vous pouvez également utiliser le modèle de mise en page tel qu’il est actuellement, puis apporter les modifications nécessaires dans l’éditeur de page de destination lorsque vous créez votre page de destination. Vous pouvez découvrir comment procéder étape par étape ici.

Comme vous pouvez le voir dans la capture d’écran ci-dessous, vous avez accès à la modification de certaines sections de la page dans votre éditeur. L’inconvénient de le faire de cette façon, c’est que vous devrez créer chaque page que vous faites dans le style de la marque de votre entreprise à partir de zéro.

, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

Pardot propose également une sélection de «Modèles de stock», accessibles depuis l’éditeur de page de destination. Vous pouvez jeter un œil à ceux-ci en suivant ces instructions.

N’oubliez pas que si vous souhaitez créer un formulaire autonome que vous allez iFrame sur votre site Web, vous ne pourrez utiliser aucun de ces modèles et vous devrez travailler à partir de zéro. Contactez-nous si vous souhaitez le faire.

2. Utilisez des ressources de développement internes ou des consultants / agences pour les créer pour vous

Si vous avez la chance d’avoir des développeurs frontaux en interne qui peuvent créer des modèles de mise en page pour vous, alors cela vaut la peine de leur montrer cet article de blog, car il peut être différent des autres modèles de mise en page qu’ils ont créés auparavant. Si vous empruntez la voie des ressources externes, assurez-vous de choisir un partenaire expérimenté dans la création de modèles de mise en page spécialement pour Pardot.

La meilleure partie de cette voie est que vous pouvez décrire ce que vous recherchez. Découvrez cette page de destination, hébergée à Pardot, que nous avons créée à l’aide de l’un de nos modèles de mise en page personnalisés:

, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

3. Importer depuis une URL

Si vous ne voulez pas partir de zéro, vous pouvez importer n’importe quelle page Web dans Pardot, puis optimiser votre éditeur. Recherchez une page simple sur votre site Web (par exemple, votre page de politique de confidentialité) et incluez le lien dans la section de mise en page d’importation du modèle de mise en page Pardot:

, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

Soyez prudent en utilisant cette option, car votre page de destination Pardot n’a pas besoin d’être aussi complexe que votre site Web. Avec les modèles de mise en page, vous devez viser à créer la même expérience client que sur votre site Web, tout en concentrant l’attention de vos prospects sur des sujets et des soumissions particuliers.

Une partie de ce processus impliquera de vérifier le code pour éviter tout problème de suivi des références croisées.Ce n’est donc quelque chose que nous recommandons si vous disposez d’une équipe d’experts frontaux en interne.

Comprendre les composants du modèle de mise en page

Dans chaque modèle de mise en page Pardot, vous pouvez voir 3 onglets affichés:

, Guide du débutant sur les modèles de mise en page Pardot · Nebula Consulting<span class="wtr-time-wrap after-title"><span class="wtr-time-number">6</span> minutes de lecture</span>

L’onglet Disposition

L’onglet Mise en page contrôle l’aspect et la convivialité de vos formulaires et pages de destination. Vous devrez ajouter votre code personnalisé à cet onglet pour styliser vos éléments.

Vous pouvez voir sur la capture d’écran ci-dessus qu’il y a trois balises clés qui doivent être incluses dans votre mise en page:

  • % description% – Cela donne aux moteurs de recherche des détails sur le contenu de votre page de destination. Il s’agit essentiellement d’une méta-description de votre page de destination. Il extrait la description que vous avez spécifiée dans la configuration de votre page de destination.
  • % title% – Cela s’affichera dans les résultats de recherche et sur les onglets du navigateur des prospects. Il extrait le titre que vous avez spécifié dans la configuration de votre page de destination.
  • % content% – Cela indique à Pardot où votre formulaire doit apparaître sur votre page de destination.

Si vous décidez que vous voulez un formulaire sur votre mise en page de page de destination, ou si vous créez un modèle de mise en page uniquement pour un formulaire, vous devrez vous assurer d’inclure le style CSS pour le formulaire et la page de destination elle-même. Vous pouvez voir comment cibler votre formulaire spécifiquement ici.

L’onglet Formulaire

L’onglet Formulaire contrôle la structure de vos formulaires. Il contient des balises telles que %% formfield-input %%, qui indiquent à Pardot comment organiser les éléments de formulaire dans le navigateur.

En règle générale, vous n’aurez pas besoin de beaucoup modifier cet onglet. Vous ne devez modifier son contenu que si vous devez réorganiser ou supprimer certains éléments du formulaire. Par exemple, vous pouvez déplacer %% form-field-input %% au-dessus de %% form-if-field-label %%, ce qui ferait apparaître vos étiquettes de champ sous les champs de votre formulaire.

L’onglet Recherche

Cet onglet était auparavant alimenté par Pardot Site Search, une fonctionnalité qui est obsolète. Vous n’utiliserez pas cet onglet.

Et ensuite?

Maintenant que vous comprenez les principes de base des modèles de mise en page Pardot, vous devrez décider si vous souhaitez en créer un en interne ou si vous préférez obtenir un conseil pour vous aider. Si vous décidez de ce dernier, contactez-nous ici.



Source de l’article traduit automatiquement en Français