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

Afficher un aperçu de contenu sur un appareil mobile

Dernière mise à jour: novembre 23, 2020

Disponible avec :

Tous les produits et les abonnements

Lorsque vous travaillez sur 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.

Fonctionnement du design adaptatif

Tous les modèles de glisser-déposer contiennent des requêtes média qui ajustent votre contenu de sorte qu'il s'adapte à différentes tailles d'écran. Le contenu adaptatif ne semble pas identique à chaque type d'appareil. 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. 
 

Remarque : Les modèles codés personnalisés ne sont pas adaptatifs par défaut. Les développeurs de site web peuvent utiliser la Documentation du développeur CMS afin de garantir que les modèles qu'ils créent sont adaptatifs.

Générer un aperçu de votre page ou article de blog

Dans l'angle supérieur droit, cliquez sur Aperçu pour prévisualiser l'affichage de votre page pour les visiteurs.

  1. Aperçu pour l'appareil : cliquez sur Ouvrir dans une nouvelle fenêtre pour voir un aperçu en direct de votre page dans un nouvel onglet de votre navigateur. Ce lien d'aperçu fonctionnera avant la publication de la page. Cliquez sur Copier le lien partageable pour copier le lien vers votre presse-papiers afin de le partager avec votre équipe.
  2. Aperçu intelligent : cliquez sur le menu déroulant Aperçu en tant que pour obtenir un aperçu de la façon dont votre page s'affichera pour différents contacts de votre base de données.
    • Sélectionnez un contact pour obtenir un aperçu de la façon dont la personnalisation s'affichera en fonction des valeurs de propriété de ce contact. Cliquez sur le deuxième menu déroulant pour sélectionner un contact spécifique de votre base de données.
    • Sélectionnez une règle intelligente pour obtenir un aperçu de la façon dont le contenu intelligent de votre page s'affichera pour les contacts qui répondent à ses critères. Cliquez sur le deuxième menu déroulant pour sélectionner une règle intelligente spécifique à prévisualiser.
  3. Type d'appareil : cliquez sur Mobile + tablette pour obtenir un aperçu en ligne de votre page sur un appareil mobile ou une tablette. Cliquez sur Ordinateur pour obtenir un aperçu de la façon dont votre page s'affichera sur un navigateur web.

preview-a-page

Aperçu d'un e-mail dans l'éditeur glisser-déposer

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Cliquez sur le nom de votre brouillon de messagerie. 
  • 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.
  • Pour tester une personnalisation ou du contenu intelligent, cliquez sur le menu déroulant Afficher en tant que contact spécifique pour sélectionner un contact de votre base de données.
  • Pour partager votre aperçu, cliquez sur Copier le lien partageable dans l'angle supérieur droit.
  • Après avoir examiné votre contenu, cliquez sur Revenir dans l'angle supérieur gauche pour revenir à l'éditeur d'e-mails.

Découvrez-en davantage sur l'aperçu et le test de votre e-mail dans l'éditeur glisser-déposer.

Générer un aperçu du contenu dans un e-mail créé avec l'éditeur classique

  • Cliquez sur un type d'appareil pour voir un aperçu de la façon dont votre contenu apparaîtrait sur un ordinateur, une tablette ou un appareil mobile. Il existe des options pour afficher un aperçu des appareils en mode paysage et en mode portrait.
  • Cliquez sur Ouvrir dans une nouvelle fenêtre pour voir une version partageable de votre e-mail dans une fenêtre de navigateur ou cliquez sur Copier pour partager le lien d'aperçu.
  • Pour tester la personnalisation ou le contenu intelligent, utilisez le menu déroulant Aperçu en tant que contact spécifique pour sélectionner un contact dans votre base de données.
  • Après avoir examiné votre contenu, cliquez sur Quitter le mode Aperçu pour revenir à l'éditeur de contenu.

prévisualiser votre contenu