Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
Landing Pages

Prévisualiser votre contenu sur différents appareils

Dernière mise à jour: avril 30, 2021

Disponible avec :

Tous les produits et les abonnements

Lorsque vous modifiez un article de blog, une page de site web, une page de destination ou un e-mail dans HubSpot, vous pouvez voir le rendu de votre contenu sur différents types d'appareils. Vous pouvez également tester la personnalisation ou le contenu intelligent en affichant l'aperçu de votre contenu en tant que contact spécifique.

Comprendre le design adaptatif

Tous les modèles de glisser-déposer de HubSpot sont adaptatifs par défaut. Votre contenu est adapté à différentes tailles d'écran.  Par exemple, une image qui est définie pour remplir un arrière-plan peut être rognée différemment pour s'adapter à une taille d'écran plus petite. Découvrez-en davantage sur les questions fréquemment posées en matière de design adaptatif.
 
Si vous travaillez dans un modèle de démarrage, un modèle de thème ou un modèle avec une zone de glisser-déposer, vous pouvez personnaliser la façon dont votre page apparait sur un appareil mobile dans l'éditeur de contenu.
 
Contrairement aux modèles de glisser-déposer, les modèles codés personnalisés ne sont pas adaptatifs par défaut.Les développeurs peuvent utiliser la Documentation du développeur CMS pour créer des modèles adaptatifs.

Prévisualiser une page ou un article de blog

    1. Pour afficher un aperçu en ligne de votre page dans votre navigateur, cliquez sur Ouvrir dans une nouvelle fenêtre.
    2. Pour copier l'URL de l'aperçu dans votre presse-papiers, cliquez sur Copier le lien partageable. Seuls les utilisateurs HubSpot connectés à votre compte pourront accéder à votre lien partageable.
    3. Pour voir comment votre page apparaitra sur mobile, tablette ou ordinateur de bureau, cliquez sur les icônes d'appareils mobiles.
    4. Pour prévisualiser la personnalisation de votre page pour un contact spécifique, cliquez sur le menu déroulant Aperçu en tant que et sélectionnez Contact. Cliquez ensuite sur le menu déroulant Sélectionner un contact et sélectionnez un contact. 
    5. Pour prévisualiser le contenu intelligent de votre page pour des règles spécifiques, cliquez sur le menu déroulant Aperçu en tant que et sélectionnez Règle intelligente. Cliquez ensuite sur le menu déroulant Sélectionner une règle intelligente et sélectionnez une règle intelligente.
  1.  

preview-a-page-2

Prévisualiser un article de base de connaissances

  • Depuis votre compte HubSpot, accédez à Service client > Base de connaissances.
  • Passez le curseur de votre souris sur votre article et cliquez sur Modifier.
  • Dans l'angle supérieur droit, cliquez sur Aperçu. Vous verrez un aperçu en ligne de votre page dans un nouvel onglet dans votre navigateur. 

Prévisualiser un e-mail sur différents appareils

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Passez le curseur de votre souris sur votre e-mail et cliquez sur Modifier.
  • Dans l'angle supérieur droit, cliquez sur le menu déroulant Actions et sélectionnez Aperçu. Vous verrez un aperçu de votre e-mail sur une tablette et un appareil mobile.
  • Dans l'onglet Appareils de l'écran de l'aperçu, vous pouvez personnaliser votre aperçu sur différentes options : 
    1. Pour tester une personnalisation ou du contenu intelligent, cliquez sur le menu déroulant Afficher en tant que contact spécifique et sélectionnez un contact.
    2. Pour partager votre aperçu, cliquez sur Copier le lien partageable dans l'angle supérieur droit. Seuls les utilisateurs HubSpot connectés à votre compte pourront accéder à votre lien partageable.
    3. Pour prévisualiser la version en texte brut de votre e-mail, cliquez sur le bouton Affichage du texte brut

preview-your-email

Prévisualiser un e-mail dans différents clients

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Passez le curseur de votre souris sur votre e-mail et cliquez sur Modifier.
  • Dans l'angle supérieur droit, cliquez sur le menu déroulant Actions et sélectionnez Aperçu. Vous verrez un aperçu de votre e-mail sur une tablette et un appareil mobile.
  • Dans l'onglet Clients de l'écran d'aperçu, vous pouvez voir comment votre e-mail apparaitra dans différents clients de messagerie :  
    1. En haut de l'écran d'aperçu, cliquez sur Clients
    2. Pour tester une personnalisation ou du contenu intelligent, cliquez sur le menu déroulant Afficher en tant que contact spécifique et sélectionnez un contact.
    3. Pour rechercher un client de messagerie spécifique, saisissez le nom du client dans la barre de recherche. 
    4. Pour prévisualiser l'e-mail pour un client spécifique, sélectionnez la case à cocher à côté de ce client. 
    5. Pour afficher la façon dont l'e-mail apparaitra pour les contacts dont le blocage d'image est activé, activez le bouton Blocage d'image
    6. Dans l'angle supérieur droit, cliquez sur Tester mon e-mail maintenant. Pour accéder aux résultats d'un test précédent, dans l'angle inférieur gauche, cliquez sur le menu déroulant Consultez les résultats de vos tests précédents pour cet e-mail ici et sélectionnez une date de test

preview-your-email-in-different-clients-2