Ajouter des Polices Personnalisées aux Sites Web des Entonnoirs : Processus Étape par Étape

Sites, Funnel No Comments

Le CRM prend en charge les polices Google par défaut, mais pour les polices personnalisées, il y a un peu plus de travail à faire. Voici les points clés :

Fichiers de Police : Les polices existent sous différents types de fichiers, les plus courants étant .OTF (OpenType Font) et .TTF (TrueType Font). Cependant, pour une utilisation sur le web, le format .WOFF2 (Web Open Font Format 2) est préféré en raison de sa compatibilité et de ses fonctionnalités de compression.

Conversion de Police : Pour utiliser une police personnalisée, elle doit être au format .WOFF2. Cela nécessite de convertir vos fichiers .OTF ou .TTF en utilisant un service comme Cloud Convert.

Hébergement de Votre Police Personnalisée

Après avoir converti votre fichier de police en .WOFF2, l’étape suivante consiste à l’héberger en ligne. Voici une approche simplifiée :

  1. Téléchargez la Police : Utilisez la zone d’adhésion du CRM pour télécharger votre fichier de police .WOFF2. Cette zone vous permet de stocker des fichiers accessibles via une URL.
  2. Créez un Nouveau Produit : Dans la zone d’adhésion, créez un nouveau produit nommé, par exemple, « Fichiers de Police ». C’est ici que vous téléchargerez votre fichier de police converti.
  3. Obtenez l’URL de la Police : Après le téléchargement, publiez votre produit et copiez l’URL du fichier de police téléchargé. Cette URL est essentielle pour les étapes suivantes.

Implémentation de la Police Personnalisée dans Vos Actifs CRM

Avec votre police hébergée et une URL en main, vous pouvez maintenant implémenter la police personnalisée dans vos entonnoirs et sites web. Suivez ces étapes :

  1. Préparez le Code CSS : Vous devez écrire un petit extrait de code CSS qui indique au CRM de charger votre police personnalisée. Cela implique de spécifier le nom de la police et l’URL où elle est hébergée. Exemple d’extrait CSS :
   @font-face {
     font-family: 'YourFontName';
     src: url('YourFontURL') format('woff2');
   }

Remplacez YourFontName par le nom que vous souhaitez attribuer à votre police (par exemple, ‘Moonstone’) et YourFontURL par l’URL que vous avez copiée précédemment.

  1. Ajoutez le CSS à Vos Actifs CRM : Accédez aux paramètres de la page de l’entonnoir ou du site web où vous souhaitez utiliser la police personnalisée. Recherchez la section CSS personnalisée et collez votre extrait CSS là.
  2. Appliquez la Police Personnalisée : Pour utiliser la police personnalisée sur des éléments de texte spécifiques, vous pouvez maintenant simplement y faire référence par le nom que vous avez attribué dans l’extrait CSS. Cela peut se faire via l’éditeur visuel du CRM, où vous sélectionnez l’élément de texte et appliquez la police personnalisée.

Dépannage et FAQ

  • Ma police personnalisée ne s’affiche pas. Que dois-je faire ?
  • Assurez-vous que l’URL du fichier de police est correcte et accessible publiquement.
  • Vérifiez à nouveau l’extrait CSS pour détecter d’éventuelles erreurs de frappe, notamment dans le nom de la police et l’URL.
  • Assurez-vous d’avoir correctement appliqué la police personnalisée dans l’éditeur visuel du CRM.
  • Puis-je utiliser plusieurs polices personnalisées ?
  • Oui, vous pouvez héberger et implémenter plusieurs polices personnalisées en répétant les étapes pour chaque police, en veillant à ce que chacune ait un nom unique dans votre code CSS.