Configuration de la page
Les sections principales de la page sont contrôlées, en partie, par un ensemble de balises d’HTML standard. Certaines de ces balises peuvent être utilisées pour déterminer la sélection des polices, de la couleur, de la taille, des couleurs d’arrière-plan et des images utilisées dans chaque section de la page. D’autres paramètres contrôlent les éléments de la page, tels que le logo dans l’en-tête et la mention de copyright dans le pied de page. Ces sections correspondent à la structure sous-jacente de la page HTML et de nombreuses propriétés de base peuvent être définies à partir de l’administrateur.
{width="700" modal="regular"}
HTML Head
Les paramètres de la section En-tête de l’HTML correspondent à la balise <head>
d’une page d’HTML et peuvent être configurés pour chaque vue de magasin. Outre les métadonnées relatives au titre, à la description et aux mots-clés de la page, la section comprend un lien vers l’icône favicon et divers scripts. Les instructions relatives aux robots de moteur de recherche et à l’affichage de l’avis de démonstration du magasin sont également configurées dans cette section.
Configuration de l’en-tête de l’HTML
-
Sur la barre latérale Admin, accédez à Content > Design>Configuration.
-
Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.
-
Sous Other Settings, développez dans la section HTML Head.
{width="500" modal="regular"}
-
Mettez à jour favicon si nécessaire.
-
Mettez à jour les paramètres de titre de page selon vos besoins :
- Default Page Title
- Page Title Prefix
- Page Title Suffix
Vous pouvez utiliser un suffixe et/ou un préfixe avec le titre par défaut pour créer un titre en deux ou trois parties. Vous pouvez ajouter une barre verticale ou deux-points comme séparateur entre le préfixe ou le suffixe et le titre par défaut.
-
Ajoutez ou modifiez des métadonnées qui prennent en charge l’ optimisation du moteur de recherche (SEO) et aident les clients à se diriger vers votre boutique à partir des résultats de recherche :
- Default Meta Description
- Default Meta Keywords
-
Saisissez tout Scripts and Style Sheets si nécessaire.
note note NOTE Toutes les JavaScript saisies dans le champ Scripts and Style Sheets doivent être whitelistées dans les paramètres CSP (Content Security Policy, stratégie de sécurité du contenu), sinon elles ne seront pas exécutées sur les pages de passage en caisse. Pour plus d’informations, voir Stratégie de sécurité du contenu. -
Activez ou désactivez l’ avis de boutique de démonstration si nécessaire.
-
Une fois l’opération terminée, cliquez sur Save Configuration.
Descriptions des champs en-tête d’HTML
<head>
. Par exemple, tout JavaScript tiers qui doit être placé avant la balise <body>
peut être saisi ici.Yes
/ No
En-tête
La configuration En-tête identifie le chemin d’accès au logo de votre boutique et spécifie le logo, le texte de remplacement et le message de bienvenue.
{width="400" modal="regular"}
Configuration de l’en-tête
-
Sur la barre latérale Admin, accédez à Content > Design>Configuration.
-
Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.
-
Sous Other Settings, développez dans la section Header.
-
Apportez les modifications nécessaires à la vue de magasin :
- Paramètres Logo
- Paramètres Message de bienvenue
-
Une fois l’opération terminée, cliquez sur Save Configuration.
Description des champs d’en-tête
Page Title
ou Meta Title
doit être traduit.Pied de page
La section Configuration du pied de page vous permet de mettre à jour l’ avis de copyright qui s’affiche au bas de la page et de saisir divers scripts qui doivent être positionnés avant la balise <body>
de fermeture.
{width="400" modal="regular"}
Configuration du pied de page
-
Sur la barre latérale Admin, accédez à Content > Design>Configuration.
-
Recherchez la vue de magasin que vous souhaitez configurer et cliquez sur Edit dans la colonne Action.
-
Sous Other Settings, développez dans la section Footer.
-
Apportez les modifications nécessaires aux paramètres Copyright et Miscellaneous HTML.
note note NOTE Toutes les JavaScript saisies dans le champ Miscellaneous HTML doivent être whitelistées dans les paramètres CSP (Content Security Policy, stratégie de sécurité du contenu), sinon elles ne seront pas exécutées sur les pages de passage en caisse. Pour plus d’informations, voir Stratégie de sécurité du contenu. -
Une fois l’opération terminée, cliquez sur Save Configuration.
Descriptions des champs de pied de page
<body>
.\©
comme dans l’exemple suivant : \© 2021 Commerce Demo Store. All Rights Reserved.
Veillez à remplacer l’exemple de notification de copyright par le vôtre.