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

Vous pouvez utiliser un modèle de démarrage pour créer un site web ou une page de destination simple. Vous pouvez créer une nouvelle page, personnaliser le design de votre page et publier votre page en utilisant un modèle de démarrage. Découvrez-en davantage sur la création de toutes sortes de pages dans HubSpot. 

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, les pages protégées par mot de passe ou des options avancées telles que le changement de modèle et l'accès au HTML d'en-tête.

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

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

• Accédez à votre contenu :

  • Pages de site web : Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
  • Pages de destination : Depuis votre compte HubSpot, accédez à Marketing > Pages de destination.

• Dans l'angle supérieur droit, cliquez sur le menu déroulant Créer et sélectionnez Page de site web ou Page de destination. 

• Sur l'écran de sélection des modèles, les modèles de votre thème actif apparaissent en haut de la page, tandis que tous les autres modèles se trouvent dans la section Autres modèles en bas de la page. Cliquez sur un modèle. Si vous n'avez pas choisi de thème actif, vous serez invité à en sélectionner un ou à cliquer sur Passer directement aux modèles pour choisir un modèle existant.
• Pour créer la page avec le modèle sélectionné, cliquez sur Sélectionner ce modèle dans l'angle supérieur droit. Pour afficher un aperçu de la page sur mobile ou sur ordinateur, cliquez sur Aperçu. 

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.

Vous pouvez regrouper les lignes et les colonnes 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 l'apparence de votre page sur les appareils mobiles, cliquez sur l'icône Modifier pour mobile mobile edit l'éditeur de barre latérale.

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 Thème dans l'éditeur de barre latérale. 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.

Typographie

• 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 et sélectionnez une police.

• • Cliquez sur les touches de direction pour ajuster la taille de police.
  • Cliquez sur le sélecteur de couleur et sélectionnez une couleur pour votre 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 sélecteur de couleur et sélectionnez une couleur de police.  Pour choisir une couleur personnalisée, cliquez sur l'onglet Avancé et saisissez une valeur hex. 
• Texte du lien : personnalisez les polices et couleurs des liens sur votre page.
  • Cliquez sur le menu déroulant Texte du lien et sélectionnez une police.
  • Cliquez sur le sélecteur de couleur et sélectionnez une couleur de lien.  Pour choisir une couleur personnalisée, cliquez sur l'onglet Avancé et saisissez une valeur hex. 
  • Cliquez sur le menu déroulant et sélectionnez un style à appliquer au texte de votre lien.

• • Personnalisez la couleur et la transparence de vos liens lorsqu'ils sont survolés, cliqués ou déjà visités : 
    
    • Couleur du lien survolé : cliquez sur le sélecteur de couleur et sélectionnez une couleur de lien lorsqu'un visiteur passe le curseur de la souris dessus. Pour modifier la transparence de la couleur, saisissez un pourcentage dans le champ de texte. 

• • • Couleur du lien actif : cliquez sur le sélecteur de couleur et sélectionnez une couleur de lien lorsque le lien est cliqué. Pour modifier la transparence de la couleur, saisissez un pourcentage dans le champ de texte. 

• • • Couleur du lien visité : cliquez sur le sélecteur de couleur et sélectionnez une couleur de lien lorsque le lien a déjà été cliqué par un visiteur. Pour modifier la transparence de la couleur, saisissez un pourcentage dans le champ de texte. 

Formulaires et boutons

• 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 sélecteur de couleur pour choisir une couleur. 
  • Pour définir la transparence de votre couleur d'arrière-plan de bouton, saisissez un pourcentage dans le champ. 
• Couleur du texte du bouton : personnalisez la couleur du texte sur les boutons de votre page.
  • Saisissez une valeur hex ou cliquez sur le sélecteur de couleur pour choisir la couleur du texte.
  • Pour définir la transparence de votre couleur d'arrière-plan de bouton, saisissez un pourcentage dans le champ. 
• Angle du bouton : personnalisez l'apparence des boutons carrés ou arrondis sur votre page. 
  • Saisissez une valeur dans le champ ou faites glisser le curseur vers une nouvelle position. 
  • 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.

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 mobile. Une fois que vous êtes satisfait de l'aperçu de votre page, cliquez sur Publier dans l'angle supérieur droit.