Objectif de cet article
Découvrez comment télécharger une police (qui n’est pas hébergée par Google ou Adobe) sur votre site d’e-commerce afin de l’importer dans vos formulaires d’inscription Klaviyo. Si vous souhaitez utiliser une police importée dans votre formulaire d’inscription, 2 options s’offrent à vous :
- Utiliser la police publique hébergée sur votre site web
- Héberger votre propre police publiquement et utiliser l’URL pour l’importer dans vos formulaires d’inscription
Utiliser la police de votre site web
Pour commencer, vous pouvez utiliser l’URL publique de votre site pour charger la police dans Klaviyo.
Veuillez noter que cette méthode d’hébergement de police personnalisée n’est pas prise en charge par les boutiques Shopify.
- Rendez-vous sur votre site.
- Cliquez avec le bouton droit de la souris pour sélectionner Inspect (Inspecter) ou Inspect Element (Inspecter l’élément) en fonction de votre navigateur Internet.
- Ensuite, accédez à Network (Réseau) > Fonts (Polices).
- Actualisez la page.
Toutes vos polices sont listées. Si le nom de la police ne s’affiche pas et que vous voyez à la place une série de chiffres et de lettres, sélectionnez l’onglet Preview pour choisir la police que vous souhaitez utiliser dans votre formulaire d’inscription. - Sous Nom, cliquez sur la police que vous souhaitez importer.
- Sélectionnez l’onglet Headers.
- Copiez l’URL de la police que vous souhaitez utiliser.
- Dans Klaviyo, accédez à Contenu > Images et marque > Polices.
- Sélectionnez Importer une police.
- Téléchargez votre police personnalisée en collant l’URL dans le champ Adresse du fichier source.
Charger une police auto-hébergée
Pour commencer, si la police que vous souhaitez utiliser n’est pas déjà hébergée publiquement en ligne, téléchargez-la sur votre ordinateur. Veuillez noter que le fichier doit être au format WOFF, WOFF2, TTF, EOT ou SVG pour pouvoir être utilisé dans Klaviyo. Par ailleurs, faites preuve de prudence en téléchargeant des fichiers de polices sur Internet, car ils peuvent contenir des logiciels malveillants. Ensuite :
- Chargez la police dans les ressources de votre site d’e-commerce, dans le code de votre site.
- Enregistrez la police.
Pour plus d’informations, consultez les centres d’aide respectifs des plateformes d’e-commerce pour savoir comment ajouter une ressource à votre site.
Une fois que vous avez obtenu l’URL, retournez sur Klaviyo et accédez à Contenu > Images et marque > Polices. Cliquez alors sur l’onglet Importer une police et importez votre police.
Polices du site affectées par Klaviyo.js
Le tracking Active on Site de Klaviyo (Klaviyo.js) doit être installé manuellement ou par le biais de votre intégration d’e-commerce afin de publier les formulaires d’inscription Klaviyo sur votre site web. Si vous n’avez chargé que quelques variantes de polices, Klaviyo.js charge les variantes restantes dans votre bibliothèque lors de son intégration dans votre site. Par conséquent, les polices de votre site peuvent être légèrement modifiées au cours de ce processus, notamment l’épaisseur de l’en-tête du site.
Deux options s’offrent à vous pour remédier aux modifications apportées à vos polices par Klaviyo.js :
- Supprimez les polices concernées de votre bibliothèque de polices Klaviyo.
- Mettez à jour le CSS de l’en-tête de votre site afin qu’il ne soit pas remplacé lorsque Klaviyo.js charge les variantes supplémentaires.
Étant donné que cette alternative nécessite des connaissances approfondies en CSS, vous aurez peut-être besoin de l’aide d’un développeur. Klaviyo ne peut pas vous aider à ajuster le CSS de votre site, mais nous travaillons avec un large réseau de partenaires.
Ressources supplémentaires
- Comment utiliser des polices personnalisées dans les formulaires d’inscription
- Formation sur La création d’une stratégie d’acquisition efficace à l’aide de formulaires d’inscription
- Comment ajouter des polices personnalisées à des modèles d’e-mails