Ignorer et passer au contenu principal
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

Créer une page de destination avec un modèle de démarrage

Dernière mise à jour: mai 11, 2021

Disponible avec :

Tous les produits et les abonnements

Vous pouvez utiliser un modèle de démarrage pour créer une page de destination simple présentant une offre de contenu aux visiteurs de votre site web. Cet article explique comment créer une nouvelle page de destination, personnaliser la conception de votre page et publier votre page.

Remarque : Les modèles de démarrage ne prennent pas en charge le contenu intelligent, les modules personnalisés, la personnalisation, l'accès au code source des modules de texte enrichi ou des options avancées telles que le changement de modèle et l'accès au HTML d'en-tête.


Avant de commencer

Créer une page de destination avec un modèle de démarrage

Pour créer une nouvelle page de destination avec un modèle de démarrage :

  • Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de destination.
  • Dans l'angle supérieur droit, cliquez sur Créer > Page de destination.
  • Dans le menu latéral de gauche, cliquez sur Tous vos modèles.
  • Passez le curseur de la souris sur un modèle et cliquez sur Aperçu dans l'angle supérieur droit.

preview-starter-template

  • Pour créer une page avec ce modèle, cliquez sur Utiliser le modèle dans l'angle supérieur droit.

Modifier le contenu de votre page

Les modèles de démarrage contiennent des blocs de contenu de site web appelés modules. Vous pouvez organiser ces modules en lignes horizontales ou en colonnes verticales.

Ces lignes ou colonnes peuvent être regroupées en sections d'éléments. En regroupant des éléments, vous pouvez appliquer des styles d'arrière-plan à une zone entière de votre page. Vous pouvez également faire glisser et déposer ces éléments pour réorganiser la disposition de votre page. Découvrez-en davantage sur la modification du contenu de la page dans une zone de glisser-déposer.

Pour personnaliser la façon dont le contenu de votre page apparaît sur un appareil mobile, cliquez sur l'icône Modifier pour mobile mobile edi dans l'angle supérieur gauche.

edit-page-for-mobile

Personnaliser les polices, les couleurs et les boutons

Pour personnaliser les styles par défaut de votre modèle de démarrage, cliquez sur l'onglet Conception dans le panneau de gauche. Vous pouvez également personnaliser la couleur ou l'image d'arrière-plan pour une ligne, une colonne ou une section spécifique de la page.

edit-starter-theme-on-page

Typographie

Dans la section Typographie, modifiez les polices et les styles de police utilisés dans le corps et les titres de votre page. Toutes les polices Google sont prises en charge.
  • Corps du texte : personnalisez le style, la taille et la couleur de la police pour le corps de texte sur votre page :
    • Cliquez sur le menu déroulant Corps du texte pour sélectionner une police.
    • Cliquez sur les touches de direction pour choisir la taille de la police.
    • Cliquez sur le cercle coloré pour choisir la couleur de la police. Pour choisir une couleur personnalisée, cliquez sur l'onglet Avancé et saisissez une valeur hex.
  • En-têtes : personnalisez le style et la couleur de la police pour l'élément de texte dans les modules comportant une balise de titre.
    • Cliquez sur le menu déroulant Titres pour sélectionner une police.
    • Cliquez sur le cercle coloré pour choisir une couleur de police.
  • Texte du lien : personnalisez les polices et couleurs des liens sur votre page.
    • Cliquez sur le menu déroulant Texte du lien pour sélectionner une police.
    • Cliquez sur le cercle coloré pour choisir une couleur de lien.
    • Cliquez sur les boutons de styles ou le menu déroulant pour sélectionner les styles des liens.
    • Pour personnaliser l'affichage du lien lorsque vos visiteurs interagissent avec votre page, vous pouvez modifier la couleur des liens et leur transparence.
      • Couleur du lien survolé : personnalisez la couleur et la transparence du texte de lien lorsqu'un visiteur passe son curseur sur le lien.
      • Couleur du lien actif : personnalisez la couleur et la transparence du texte du lien avant que ce lien ne soit cliqué.
      • Couleur du lien visité : personnalisez la couleur et la transparence du texte du lien après qu'un visiteur a cliqué sur ce dernier.

Boutons

Dans la section Boutons, personnalisez le style des boutons simples et des boutons d'envoi de formulaire sur la page.
  • Couleur d'arrière-plan du bouton : personnalisez la couleur d'arrière-plan des boutons sur votre page.
    • Saisissez une valeur hex ou cliquez sur le cercle coloré pour choisir une couleur.
    • Saisissez un pourcentage ou cliquez sur les touches de direction pour régler la transparence de la couleur d'arrière-plan de votre bouton.
  • Couleur du texte du bouton : la couleur du texte sur les boutons de votre page.
    • Saisissez une valeur hex ou cliquez sur le cercle coloré pour choisir la couleur du texte.
    • Saisissez un pourcentage ou cliquez sur les touches de direction pour régler la transparence de la couleur du texte des boutons.
  • Angle des boutons : saisissez une valeur ou utilisez le curseur pour personnaliser la forme de vos boutons. Une valeur plus élevée signifie que les boutons de votre page auront des bords ronds, tandis qu'une valeur de zéro signifie que les boutons seront carrés.

Remarque : HubSpot recommande de maintenir des couleurs, des polices et des styles cohérents en fonction des paramètres de l'onglet Conception. Vous pouvez remplacer les styles par défaut pour un module individuel dans l'onglet Options du panneau de gauche.

Optimiser votre page pour les moteurs de recherche

Cliquez sur l'onglet Optimiser pour ouvrir l'outil d'optimisation SEO. Vous pouvez consulter les recommandations pour améliorer la performance de votre contenu dans les moteurs de recherche.

Modifier les paramètres de votre page

Cliquez sur l'onglet Paramètres pour personnaliser les détails de votre page.

  • Nom interne de la page : le nom de la page uniquement visible par les utilisateurs HubSpot. Il n'est pas visible pour les visiteurs.
  • Titre de la page : le titre que les visiteurs voient dans l'onglet dans la partie supérieure du navigateur lors du chargement de la page.
  • URL de la page : URL de votre page. Celle-ci apparaît dans la barre d'adresse du navigateur lorsqu'un visiteur accède à la page. Vous pouvez modifier l'URL de la page même après sa publication.
  • Méta-description : il s'agit du contenu qui apparaîtra dans les résultats de recherche, en dessous du titre de la page.
  • Image en vignette : activez ce bouton si vous souhaitez qu'une image spécifique soit mise en vignette lorsque votre page est partagée sur les réseaux sociaux. Cliquez sur Charger pour sélectionner une image de votre ordinateur ou Parcourir les images pour sélectionner une image de votre gestionnaire de fichiers.

Prévisualiser et publier votre page

Avant de publier votre page, cliquez sur Aperçu dans l'angle supérieur droit pour tester l'affichage de votre page sur un ordinateur ou un appareil mobileUne fois que vous êtes satisfait de l'aperçu de votre page, cliquez sur Publier dans l'angle supérieur droit.