Questions produits et conseils

Jeremeyes
Member

Modifier l'icone du titre de sa page

SOLVE

Bonjour, 

 

J'utilise actuellement un template de landing page : "Compass - Join an online event" et je voudrais savoir s'il était possible de changer l'icone de base de la page web : 

Jeremeyes_0-1698770840347.png

En quelque chose de plus personaliser à ma page comme : 

Jeremeyes_1-1698770882155.png

J'utilise la version gratuite d'Hubspot et je ne trouve pas dans les paramètres une quelconque façon de modifier cet icone. J'imagine qu'il doit être possible de modifier cela dans le code HTML de la page mais je ne sais pas comment y accéder, pouvez-vous m'aider ?

 

Merci par avance

0 Upvotes
1 Accepted solution
Olivia_Bagnall
Solution
Guide | Platinum Partner
Guide | Platinum Partner

Modifier l'icone du titre de sa page

SOLVE

Bonjour @Jeremeyes 

Cet icone s'appelle un 'favicon' et tu peut modifier dan les 'account settings'. 

Modifier votre favicon

Dans les paramètres du compte, vous pouvez personnaliser le favicon de votre site web, la petite image dans un onglet du navigateur à côté du titre de la page. Votre favicon ne sera appliqué qu'au contenu hébergé dans HubSpot. 

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans la barre de navigation principale.
  • Dans le menu latéral de gauche, cliquez sur Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding  
  • Cliquez sur le kit de marque que vous souhaitez modifier. 
  • Pour ajouter un nouveau favicon, cliquez sur + Ajouter dans la section Favicon
  • Ajoutez votre nouveau favicon : 
    • Pour ajouter une image existante depuis l'outil Fichiers comme favicon, cliquez sur Parcourir les images. Dans le panneau de droite, cliquez sur l'image
    • Pour ajouter une nouvelle image en tant que favicon, cliquez sur Télécharger, puis ajoutez une image de votre ordinateur. 

Remarque : Pour un résultat optimal, enregistrez votre favicon en tant qu'image 48 x 48 pixels dans l'un de ces formats suivants : .ico, .gif ou .png.

  • Dans le champ Nom du favicon, saisissez le nom de votre favicon. 

Olivia_Bagnall_0-1698772579977.png

 

  • Lorsque vous avez terminé de modifier votre favicon, cliquez sur Enregistrer dans l'angle inférieur gauche. 

Vous pouvez également modifier votre favicon en cliquant sur l'icône settingssettings dans la barre de navigation principale. Dans le menu latéral de gauche, naviguez vers Website > Pages et cliquez sur l'onglet Branding.

J'espere que ces informations vous aident 🙂 

Olivia Bagnall
Platinum HubSpot Partner | HubSpot Specialist | Community Champion
BA°SKEY

Book a meeting

If you need further help with anything, please don't hesitate to book a call above


View solution in original post

5 Replies 5
Jerdaine_digita
Contributor

Modifier l'icone du titre de sa page

SOLVE

Bonne journée,

 

 Pour modifier l'icône de base (favicon) d'un modèle de page de destination dans HubSpot, vous avez raison : vous devrez peut-être accéder au code HTML et le modifier. Voici les étapes générales :

 

Localisez le modèle HTML :

Recherchez le modèle de page de destination que vous utilisez.
Modifiez le HTML :

Dans l'éditeur HubSpot, accédez à la page de destination.
Cliquez sur "Paramètres".
Choisissez "Modifier le code et les paramètres".
Modifier l'icône de favori :

Dans le code HTML, localisez la section <head>.
Ajoutez cette ligne dans la section <head> :
HTML
Copier le code
<link rel="icon" href="URL_of_Your_Custom_Favicon.ico" type="image/x-icon">
Remplacez "URL_of_Your_Custom_Favicon.ico" par l'URL en ligne de votre favicon personnalisé.

Sauvegarder:

Enregistrez les modifications pour mettre à jour votre favicon.
Essayez ce processus

Jeremeyes
Member

Modifier l'icone du titre de sa page

SOLVE

Bonjour @Jerdaine_digita,

 

Je ne trouve pas cette section où modifier le code. Dans mes paramètre j'ai seulement accès à ces fonctionnalités : 

Jeremeyes_0-1698830318441.pngJeremeyes_1-1698830328493.png

Il ne semble pas y avoir de section HTML

0 Upvotes
Jerdaine_digita
Contributor

Modifier l'icone du titre de sa page

SOLVE

Bonne journée,

Pour modifier l'icône de titre de la page (également appelée favicon), vous avez raison : elle peut généralement être modifiée via le code HTML de la page. Cependant, dans HubSpot, l'accès direct au code HTML peut ne pas être disponible dans la version gratuite. Voici comment vous pouvez généralement procéder :

Créez votre icône : Tout d'abord, créez l'icône personnalisée que vous souhaitez utiliser et enregistrez-la sous forme de fichier .ico ou .png.

Accédez aux paramètres HubSpot : dans HubSpot, accédez aux paramètres de votre page de destination ou aux paramètres de votre modèle. Recherchez une section liée au référencement ou aux paramètres de page.

Téléchargez l'icône : dans les paramètres de référencement ou de page, vous devriez trouver une option pour télécharger une favicon ou une icône de page. Téléchargez l'icône personnalisée que vous avez créée à l'étape 1.

Enregistrer les modifications : enregistrez vos modifications et la nouvelle icône devrait désormais apparaître dans l'onglet du navigateur lorsque des personnes visitent votre page.

Si vous ne trouvez pas cette option dans la version gratuite, vous devrez peut-être envisager de mettre à niveau votre forfait ou de contacter l'assistance HubSpot pour obtenir des conseils plus spécifiques sur les modifications des favicon.

Olivia_Bagnall
Solution
Guide | Platinum Partner
Guide | Platinum Partner

Modifier l'icone du titre de sa page

SOLVE

Bonjour @Jeremeyes 

Cet icone s'appelle un 'favicon' et tu peut modifier dan les 'account settings'. 

Modifier votre favicon

Dans les paramètres du compte, vous pouvez personnaliser le favicon de votre site web, la petite image dans un onglet du navigateur à côté du titre de la page. Votre favicon ne sera appliqué qu'au contenu hébergé dans HubSpot. 

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans la barre de navigation principale.
  • Dans le menu latéral de gauche, cliquez sur Paramètres par défaut du compte.
  • Cliquez sur l'onglet Branding  
  • Cliquez sur le kit de marque que vous souhaitez modifier. 
  • Pour ajouter un nouveau favicon, cliquez sur + Ajouter dans la section Favicon
  • Ajoutez votre nouveau favicon : 
    • Pour ajouter une image existante depuis l'outil Fichiers comme favicon, cliquez sur Parcourir les images. Dans le panneau de droite, cliquez sur l'image
    • Pour ajouter une nouvelle image en tant que favicon, cliquez sur Télécharger, puis ajoutez une image de votre ordinateur. 

Remarque : Pour un résultat optimal, enregistrez votre favicon en tant qu'image 48 x 48 pixels dans l'un de ces formats suivants : .ico, .gif ou .png.

  • Dans le champ Nom du favicon, saisissez le nom de votre favicon. 

Olivia_Bagnall_0-1698772579977.png

 

  • Lorsque vous avez terminé de modifier votre favicon, cliquez sur Enregistrer dans l'angle inférieur gauche. 

Vous pouvez également modifier votre favicon en cliquant sur l'icône settingssettings dans la barre de navigation principale. Dans le menu latéral de gauche, naviguez vers Website > Pages et cliquez sur l'onglet Branding.

J'espere que ces informations vous aident 🙂 

Olivia Bagnall
Platinum HubSpot Partner | HubSpot Specialist | Community Champion
BA°SKEY

Book a meeting

If you need further help with anything, please don't hesitate to book a call above


Jeremeyes
Member

Modifier l'icone du titre de sa page

SOLVE

Bonjour @Olivia_Bagnall


Merci pour ta réponse ! 

Après avoir suivi tes instructions j'ai enregistré les modifications, mis à jour ma landing page et malheureusement lorsque je la lance sur un nouvel onglet le favicon n'apparait pas. Sais-tu pourquoi ? Peut-être qu'il est associé à mon profil Hubspot personnel et non à ma page ? Comment puis-je rectifier cela ? 

0 Upvotes