Vous choisissez la police et la taille de texte de base du widget Olvio sur la page Apparence. Les mêmes réglages s'appliquent au widget de vos pages produit, à son panneau de chat et à Olvio Advisor, disponible avec les forfaits Growth et Scale (consultez Qu'est-ce qu'Olvio Advisor ?). La page Apparence est disponible avec tous les forfaits, une fois que vous avez choisi un forfait.

La carte contient le menu Police et le curseur Taille de police de base.

Le menu Police propose ces options :

Pour utiliser une police absente de la liste, sélectionnez Personnalisée en bas du menu, puis saisissez la police dans le champ font-family CSS qui apparaît, par exemple 'Brandon Grotesque', sans-serif. Terminez la valeur par une famille générique comme sans-serif ou serif, pour que le navigateur dispose d'une police de secours. Le champ accepte jusqu'à 200 caractères et contient au départ la valeur CSS de la police que vous aviez sélectionnée (il est vide si vous étiez sur Default (système)). Si vous le laissez vide, le widget utilise Default (système).

Olvio ne charge aucun fichier de police pour vous, que vous choisissiez une police dans la liste ou que vous saisissiez la vôtre : la police doit donc être chargée par votre thème Shopify ou installée sur l'appareil de l'acheteur. Sinon, le navigateur utilise la police suivante indiquée dans la valeur, par exemple une police générique sans serif ou serif, et le widget s'affiche différemment de ce que vous avez choisi. Le CSS personnalisé ne peut pas non plus charger une police depuis une adresse web complète : à l'enregistrement, Olvio supprime les règles @import et toute adresse commençant par http://, https:// ou // dans url(), même si elle pointe vers votre propre boutique. Pour savoir ce que le CSS personnalisé peut modifier, consultez Ajouter du CSS personnalisé au widget.

Pour harmoniser le widget avec le texte de votre boutique :

Déplacez le curseur Taille de police de base entre 12 et 20 px, par pas de 1 px. Son libellé affiche la valeur actuelle, et les nouvelles boutiques démarrent à 14 px. Tout le texte du widget est dimensionné à partir de cette valeur : le libellé, le titre, les questions suggérées et les messages gardent donc leurs proportions.

Une exception : sur les écrans tactiles, comme les téléphones et les tablettes, le texte que les acheteurs saisissent dans le champ de question fait toujours 16 px. Cela empêche le navigateur de zoomer lorsqu'un acheteur touche le champ.

L'Aperçu en direct, à côté des réglages (en dessous sur les écrans plus petits), se met à jour dès que vous modifiez la police ou la taille. Utilisez les boutons Page produit et Panneau de chat situés au-dessus pour passer d'une vue à l'autre.

L'aperçu utilise les polices disponibles dans votre navigateur, et non celles que charge votre thème : une police peut donc s'afficher différemment dans l'aperçu et sur votre boutique en ligne. Par exemple, Inter s'affiche toujours correctement dans l'aperçu, car l'administration Olvio la charge, même si votre thème ne charge pas Inter. Le titre de l'aperçu est aussi légèrement plus petit que sur votre boutique en ligne.

Dès que vous modifiez un réglage, la barre d'enregistrement apparaît. Cliquez sur Enregistrer, et le message Modifications enregistrées le confirme. Vous ne pouvez pas enregistrer tant qu'un champ de couleur affiche Format attendu : #rrggbb ; corrigez d'abord ce code. Abandonner rétablit vos derniers réglages enregistrés. Rechargez une page produit sur votre boutique en ligne pour voir le résultat. Si rien ne change, consultez Mes modifications d'Apparence ne s'affichent pas sur la boutique en ligne.

Le bloc Olvio — Product page de l'éditeur de thème Shopify comporte une section Typography override. Lorsque vous cochez Use custom font size for this block, ce bloc utilise sa propre taille de police au lieu de celle définie dans Apparence. Ce remplacement s'applique à tous les produits qui utilisent ce modèle de produit.

Ce remplacement s'applique aussi au panneau de chat qui s'ouvre depuis ce bloc. Vous ne pouvez remplacer ainsi que la taille, pas la police. L'Aperçu en direct d'Olvio n'affiche pas ce remplacement : si une taille définie dans Apparence n'apparaît pas sur une page produit, vérifiez si cette case est cochée. Pour trouver le bloc, consultez Ajouter le widget Olvio à vos pages produit.