Modifier l'icone du titre de sa page

Jeremeyes · ‎Oct 31, 2023

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 :

En quelque chose de plus personaliser à ma page comme :

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

Olivia_Bagnall · ‎Oct 31, 2023

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.

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

Inbound Consultant | HubSpot Specialist | Community Champion

o.bagnall@baskey.eu

www.baskeydigital.com

Book a consultation

View solution in original post

Jerdaine_digita · ‎Oct 31, 2023

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 · ‎Nov 1, 2023

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 :

Il ne semble pas y avoir de section HTML

Jerdaine_digita · ‎Nov 2, 2023

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 · ‎Oct 31, 2023