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
Website Pages

Page de destination et page de site web | Foire aux questions

Dernière mise à jour: septembre 24, 2020

Disponible avec :

Hub Marketing Starter, Professional, Enterprise
Hub CMS Professional, Enterprise
Ancienne version Hub Marketing Basique

Trouvez des réponses rapides à des questions sur la conception, la publication et les analytics des pages. Afin de modifier au mieux votre modèle ou feuille de style HubSpot, il est conseillé de faire appel au concepteur à l'origine du modèle.

Remarque : Si vous utilisez un modèle acheté à partir du marketplace des ressources, contactez le concepteur du modèle si vous avez des questions sur la conception de votre page.

Conception de page

Comment obtenir des réponses à des questions de conception ?

Remarque : le meilleur moyen d'obtenir des questions de conception sur votre site web est avec le concepteur d'origine de votre modèle de page.

Si vous disposez de connaissances en lecture et écriture en langage HTML et CSS :

Si vous ne disposez pas de connaissances suffisantes en lecture et écriture en langage HTML et CSS :

Pourquoi ma page n'est-elle pas adaptative sur mobile ?

Le contenu adaptatif ne semble pas identique à chaque type d'appareil. Bien que tous les modèles de glisser-déposer de HubSpot soient adaptatifs par défaut, il existe plusieurs raisons que votre contenu ne semble pas adaptatif. Découvrez comment prévisualiser votre contenu sur un appareil mobile.

  • L'image est coupée : une image adaptative redimensionnera la taille de l'affichage en fonction de votre écran. Le découpage sera peut-être différent sur un appareil plus petit. Cela empêche l'étirement ou la distorsion de l'image.
  • Le texte n'est pas redimensionné :si vous avez ajouté du texte à une image dans un outil de modification de photo, comme Photoshop, ce texte ne sera pas redimensionné séparément de l'image. Pour vérifier que le texte est adaptatif, ajoutez votre image d'arrière-plan en tant que section, ligne ou image d'arrière-plan et ajoutez un module de texte enrichi ou un module de titre pour votre texte.
  • Le tableau n'est pas adaptatif : les règles des tableaux sur la taille exacte de ces éléments doivent être sur la page. Pour les meilleurs résultats, utilisez les colonnes glisser-déposer pour définir la structure de votre page au lieu d'un tableau.

Comment créer une image hero d'arrière-plan ?

La meilleure façon de créer une image hero dépend du type de modèle de page que vous utilisez.

  • Pour ajouter une image hero à un modèle de mise en page créé dans le gestionnaire de conception, vous devrez modifier le code personnalisé sur votre modèle. En savoir plus sur la configuration d'une image hero sur un modèle de mise en page dans le Forum de la Communauté sur le développement du CMS.

Remarque : Si vous n'êtes pas en mesure de modifier le code, vous pouvez contacter un concepteur expert en développement CMS dans le répertoire des partenaires.

Comment gérer les couleurs et les polices pour mon menu de navigation ?

Les éléments et liens de menu pour votre menu de navigation sont gérés dans les paramètres de navigation dans les paramètres de votre compte. Toutefois, votre conception dépend de votre modèle de page. Les éléments et liens de menu pour votre menu de navigation sont gérés dans les paramètres de navigation dans les paramètres de votre compte.

Comment centrer un CTA ?

Les étapes pour centrer un CTA (call-to-action) dépendent du type de modèle de page que vous utilisez.

Pour centrer un CTA dans un modèle de démarrage, un modèle de thème ou un modèle codé avec une zone de glisser-déposer, vous pouvez centrer un module CTA dans les paramètres Alignement du module :

  • Dans l'éditeur de page, cliquez sur votre CTA pour le sélectionner.
  • Dans le panneau de gauche, cliquez sur l'onglet Styles.
  • Cliquez sur Alignement et Espacement pour développer ces options.
  • Dans la section Alignement, cliquez sur l'icône d'alignement centré blockAlignmentCenter.

center-a-cta

Pour centrer un CTA dans un modèle de mise en page créé dans le gestionnaire de conception, vous obtiendrez un résultat optimal en ajoutant le CTA à un module de texte enrichi et en le centrant dans le module.

  • Dans l'éditeur de page, cliquez sur le module de texte enrichi pour le sélectionner.
  • Dans la barre de navigation supérieure, cliquez sur Insérer > Call-to-action.
  • Cliquez sur le CTA pour le sélectionner, puis cliquez sur Insérer.
  • Dans le module de texte enrichi, cliquez sur le CTA pour activer la boîte de dialogue Options du CTA.
  • Dans la section Mise en page, cliquez sur l'icône de d'alignement centré blockAlignmentCenter. Votre CTA sera ainsi centré dans le module de texte enrichi sur votre page.

Si vous maîtrisez la modification du CSS, vous pouvez personnaliser le modèle de mise en page afin que le contenu dans ce module soit toujours centré.

Comment modifier le modèle de ma page ?

Pour modifier le modèle de votre page, vous pouvez accéder au modèle dans l'onglet Paramètres de l'éditeur de page.

Remarque : si vous modifiez le modèle appliqué à une page existante, vous pourrez sélectionner des modèles du même type que le modèle actuel. Si la page utilise l'éditeur de glisser-déposer, vous pourrez basculer uniquement vers un modèle pour lequel la modification en glisser-déposer est activée.

  • Dans votre compte HubSpot, accédez aux pages de destination, aux pages de site web, au blog ou aux e-mails.
  • Dans le tableau de bord, passez le curseur de la souris sur la page, l'article ou l'e-mail que vous souhaitez modifier, puis cliquez sur Modifier.
  • Cliquez sur l'onglet Paramètres en haut de l'éditeur de contenu, puis faites défiler et cliquez sur Options avancées.
  • Pour modifier le modèle, dans la section Modèle, cliquez sur Modifier ce modèle.

    editor-edit-this-template

Si vous préférez modifier le modèle utilisé pour cette page, cliquez sur Utiliser un modèle différent.

Est-il possible de modifier le code source de ma page ?

Les modules de texte enrichi prennent en charge l'accès au code source pour la plupart des types de modèle. Pour accéder au code source, cliquez sur le module de texte enrichi pour activer la barre d'outils éditeur. Dans l'angle supérieur droit, cliquez sur Avancé > code Source. Créer des modifications, puis cliquez sur Enregistrer les modifications dans la partie inférieure gauche.

Remarque : il n'est pas possible d'accéder au code source dans les modèles de démarrage.

Comment utiliser des éléments flottants pour que le texte s'affiche autour d'une image ?

Vous pouvez insérer une image flottante dans un module de texte enrichi grâce aux options d'alignement, quelle que soit l'image. Commencez par insérer l'image que vous souhaitez positionner sur la page. Cliquez ensuite sur l'image dans l'éditeur de contenu pour ouvrir ses options de formatage.

Comment intégrer un fichier vidéo ou audio sur ma page ?

  • Vous pouvez intégrer une URL vidéo à partir d'un fournisseur pris en charge dans tous les modèles de pages.
  • Grâce à la vidéo HubSpot, les comptes Hub Marketing Pro et Entreprise et les comptes Hub CMS Pro et Entreprise peuvent ajouter du contenu vidéo dans un module de texte enrichi et suivre les analytics vidéo dans HubSpot. Cette fonctionnalité n'est pas disponible pour les modèles de démarrage.
  • Une intégration Vidyard est également disponible pour HubSpot.

Comment modifier la couleur d'arrière-plan d'une page ?

Les modèles de démarrage, les modèles de thème, et les modèles codés avec une zone de glisser-déposer comprennent des sections de page avec des options d'arrière-plan de page. Découvrez comment modifier le style appliqué à l'arrière-plan d'une section.

Pour les modèles de mise en page, la couleur d'arrière-plan d'une page individuelle peut être modifiée en ajoutant un CSS simple à l'en-tête HTML d'une page web ou une page de destination.

  • Dans votre compte HubSpot, accédez à vos pages de destination ou à vos pages de site web. Passez le curseur de la souris sur la page que vous souhaitez personnaliser et cliquez sur Modifier.
  • Cliquez sur l'onglet Paramètres, puis faites défiler et cliquez sur Options avancées.
  • Ajoutez le code suivant dans la section HTML de l'en-tête. Remplacer la couleur rouge avec la couleur de votre choix, soit en utilisant le nom ou la valeur HTML hex.
<style>
body {
background-color: red;
}
</style>

Remarque : if que vous ne connaissez pas la modification CSS, contactez le concepteur d'origine de votre modèle ou contactez le Forum de développement CMS.

Publication de page

Est-il possible de restaurer des versions précédentes de ma page ?

Vous pouvez accéder aux versions sauvegardées de votre page en utilisant l'outil Révisions de la page. Lorsque vous travaillez sur le brouillon d'une page, vos modifications seront enregistrées à chaque fois que vous cliquez sur le bouton Enregistrer dans le coin supérieur droit. Une fois votre page publiée, toute nouvelle version publiée sera également enregistrée dans l'historique des révisions.

view-revisions-new-editors

Est-il possible d'utiliser la personnalisation sur ma page ?

Vous pouvez personnaliser vos pages avec une propriété de contact ou une propriété personnalisée. Lorsque vous ajoutez un jeton de personnalisation, veillez à inclure également une valeur par défaut pour tout nouveau visiteur. Pour que les jetons de personnalisation affichent une valeur pour un contact, le contact doit avoir une fiche d'informations de contact dans votre compte HubSpot et avoir une valeur connue pour la propriété utilisée comme jeton.

Comment mettre un fichier PDF à disposition d'un visiteur ayant soumis un formulaire sur ma page de destination ?

Vous disposez de deux approches pour rediriger, vers du contenu protégé (par exemple, un fichier PDF ou une vidéo), les visiteurs ayant soumis votre formulaire HubSpot :

Vous pouvez faire expirer une page et rediriger les visiteurs vers une nouvelle URL après la date de la promotion ou la date de l'événement. Dans l'onglet Paramètres de l'éditeur de page, cliquez sur le menu déroulant Lorsqu'une page expire, rediriger les visiteurs vers le menu déroulant pour sélectionner où cette page doit être redirigée après l'expiration de celle-ci. Sélectionnez l'une de vos pages HubSpot publiées ou cliquez sur + Saisir une URL externe pour rediriger votre page HubSpot vers une page externe.

Pourquoi ma page n'est-elle pas publiée ?

Les pages et articles de blog de HubSpot nécessitent une valeur dans le nom de la Page interne, le titre de la Page et les champs URL de Page avant l'option Publier apparaîtront dans l'interface de modification. Un contenu spécifique que vous publiez doit également avoir une URL unique.

Si votre page est manquante, une alerte contient une liste des champs obligatoires lorsque vous passez le bouton Publier dans le coin supérieur droit.

required-fields-for-publishing

Est-il possible d'associer une page de destination à plusieurs campagnes ?

Chaque page de destination et chaque page de site web ne peut être associée qu'à une campagne dans HubSpot. Ajouter à une nouvelle campagne des éléments ou du contenu déjà associés à une autre campagne entraînera leur suppression de leurs campagnes actuelles. 

Puis-je récupérer une page supprimée ?

À ce jour, il n'est pas possible de récupérer dans l'application des pages HubSpot supprimées. Si vous avez supprimé par erreur une page HubSpot que vous avez trouvée, contactez le Support.

Analytics de page

À quelle fréquence les données du tableau de bord des pages de destination sont-elles actualisées ?

Les analytics et les indicateurs du tableau de bord des pages ainsi que les outils d'analytics du site web seront actualisés toutes les 20 à 30 minutes.

Si je change l'URL de ma page, les analytics seront-elles effacées ?

Si vous changez l'URL d'une page, les données ne disparaîtront pas du tableau de bord de la page en question. HubSpot associe un numéro d'identification unique à chacune de vos pages, afin d'assurer le suivi de leurs performances. Vous pouvez ainsi modifier l'URL d'une page sans interrompre les données correspondantes.

Remarque : contrairement au tableau de bord de la page de destination, le rapport sur les pages considère les pages uniques en fonction de l'URL. Si vous modifiez l'URL d'une page de destination, le suivi des vues de la page s'effectuera à la nouvelle URL et non à l'ancienne.

Comment voir les analytics d'une période spécifique ?

Pour afficher les analytics d'une page pour une période donnée, accédez à vos pages de destination ou à vos pages de site web. Passez le curseur de votre souris sur votre page, cliquez sur le menu déroulant Plus et sélectionnez Détails.

Sur l'onglet Performances, cliquez sur le menu déroulant Plage de dates pour segmenter les analytics pour une plage de dates personnalisée.

Quelle différence y a-t-il entre soumissions et nouveaux contacts ?

  • Le nombre de soumissions indique le nombre de fois qu'un formulaire présent sur la page a été soumis.
  • Le nombre de nouveaux contacts indique le nombre de visiteurs devenus contacts en soumettant le formulaire de la page. Par exemple, si l'un de vos contacts existants soumet un formulaire sur votre page de destination, il ne sera pas considéré comme un nouveau contact.

Si un contact soumet plusieurs formulaires et devient un client, sera-t-il compté comme un client pour toutes ces pages de destination ?

Le contact ne sera reflété comme client dans les analytics que pour la première page de destination soumise. Il sera comptabilisé pour les soumissions sur les cinq pages de destination, mais il n'apparaîtra dans les Nouveaux contacts et clients que sur la première page de destination qu'il aura complétée.

Si je consulte et soumets un formulaire sur ma propre page de destination, mon test sera-t-il comptabilisé ?

Si votre adresse IP est filtrée dans les analytics dans vos paramètres de rapports, vos consultations et vos soumissions ne seront pas comptabilisées dans les données de soumission de la page.

Pourquoi les soumissions de formulaire récentes n'apparaissent-elles pas immédiatement dans les analytics de ma page ?

Comptez un délai de 20 à 30 minutes entre le moment où un contact soumet un formulaire et celui où cette soumission apparaît dans les analytics de la page en question. Pour voir les soumissions les plus récentes d'un formulaire, accédez à votre tableau de bord des formulaires. Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > Formulaires. Passez le curseur de la souris sur le formulaire sur votre page de destination et cliquez sur le menu déroulant Actions, puis sélectionnez Afficher les soumissions.

Comment les soumissions de formulaire en double sont-elles gérées ?

Chaque soumission de formulaire est comptabilisée pour obtenir le nombre total de soumissions dans la section Performance des pages. Si le même contact soumet plusieurs fois le formulaire sur votre page de destination, toutes ces soumissions seront comptabilisées.

/fr/cos-pages-editor/landing-page-and-website-page-frequently-asked-questions