Personnalisation de votre portail client

Vous pouvez personnaliser l'apparence de votre portail client pour qu'il corresponde à votre marque. Toutes les options de personnalisation se trouvent sous Portail client → Marque.

Sections#

Allez dans Portail client → Marque → Sections pour mettre à jour :

• Navigation :
  • Afficher le logo — Affiche le logo de votre marque dans la barre de navigation du portail.
  • Afficher le nom du portail — Affiche le nom du portail à côté du logo dans la barre de navigation.
  • Utiliser le mot-symbole — Remplace le logo et le nom du portail par une image de mot-symbole large.
  • Afficher le sélecteur de langue — Affiche un sélecteur de langue dans la barre de navigation, permettant aux clients de basculer entre les langues disponibles.
• Héro et recherche :
  • Titre — Le titre principal affiché en haut de la page d'accueil de votre portail. Peut être traduit pour chaque langue.
  • Texte d'espace réservé pour la recherche — Le texte d'espace réservé affiché dans la barre de recherche avant qu'un client ne commence à taper. Peut être traduit pour chaque langue.
  • Marge inférieure — Contrôle l'espace entre la section héro et le contenu en dessous.
  • Rembourrage supérieur — Contrôle l'espace entre le haut de la section héro et son contenu.
  • Rembourrage inférieur — Contrôle l'espace entre le bas de la section héro et son contenu.
• Actions de commande :
  • Suivre la commande — Affiche un bouton qui permet aux clients de suivre le statut et l'emplacement de leur commande directement depuis le portail.
  • Retour ou échange — Affiche un bouton qui permet aux clients d'initier une demande de retour ou d'échange depuis le portail.
  • Annuler la commande — Affiche un bouton qui permet aux clients d'annuler une commande directement depuis le portail.
  • Signaler un problème — Affiche un bouton qui permet aux clients de signaler un problème avec leur commande depuis le portail.
  • Marge inférieure — Contrôle l'espace entre la section Actions de commande et le contenu en dessous.
  • Rembourrage supérieur — Contrôle l'espace entre le haut de la section Actions de commande et son contenu.
  • Rembourrage inférieur — Contrôle l'espace entre le bas de la section Actions de commande et son contenu.
• Catégories d'aide :
  • Disposition — Choisissez comment les catégories sont affichées sur la page d'accueil du portail. La liste affiche les catégories dans une seule colonne verticale ; la grille les organise en lignes sur plusieurs colonnes.
  • Colonnes de la grille — Le nombre de colonnes à afficher lors de l'utilisation de la disposition en grille.
  • Affichage des catégories — Choisissez l'élément visuel qui représente chaque catégorie. L'icône affiche un emoji ou une icône ; l'image affiche une miniature ; les deux affichent une image à côté d'une icône.
• Articles populaires :
  • Automatique — Classe et affiche les articles par nombre de vues, se mettant à jour automatiquement au fil du temps.
  • Manuel — Choisissez manuellement les articles qui apparaissent dans la section Articles populaires et définissez leur ordre vous-même.
• Contact :
  • Titre — Le titre affiché en haut de la section Contact (par exemple, "Toujours besoin d'aide"). Peut être traduit pour chaque langue.
  • Sous-titre — Une courte ligne de support affichée sous le titre pour inciter les clients à prendre contact (par exemple, "Vous ne trouvez pas ce que vous cherchez ?"). Peut être traduit pour chaque langue.
  • Bouton de chat — Affiche un bouton qui ouvre le widget de chat directement depuis le portail. Uniquement disponible sur les sites avec un widget de chat installé.
  • Bouton d'e-mail — Affiche un bouton qui permet aux clients d'envoyer un e-mail directement depuis le portail.
  • Libellé — Le texte affiché sur le bouton d'e-mail (par exemple, "Envoyez-nous un e-mail"). Peut être traduit pour chaque langue.
  • Destination de l'e-mail — Choisissez où les e-mails envoyés via la section Contact sont livrés. Sélectionnez une boîte de réception existante ou spécifiez une adresse e-mail personnalisée.
• Pied de page :
  • Texte du pied de page — Texte personnalisé affiché dans le pied de page de votre portail, tel que les informations de copyright, les clauses de non-responsabilité légales ou un court message pour les clients.
  • Afficher "Propulsé par Commslayer" — Affiche un petit badge d'attribution Commslayer dans le pied de page du portail.
  • Marge inférieure — Contrôle l'espace entre le pied de page et tout contenu en dessous.
  • Rembourrage supérieur — Contrôle l'espace entre le haut de la section du pied de page et son contenu.
  • Rembourrage inférieur — Contrôle l'espace entre le bas de la section du pied de page et son contenu.

Thème#

Allez dans Portail client → Marque → Thème pour mettre à jour :

• Couleur du thème :
  • Personnalisé — Définissez manuellement vos propres couleurs et polices pour le portail.
  • Hériter (Expérimental) — Récupère automatiquement les polices et les couleurs de votre thème Shopify pour correspondre au design de votre boutique.
• Logo
  • Logo — Le logo de votre marque affiché dans la navigation du portail. Téléchargez un PNG au format 1:1, jusqu'à 1 Mo.
  • Mot-symbole — Une alternative de logo grand format qui remplace à la fois le logo et le nom du portail. Téléchargez un PNG ou un SVG, jusqu'à 1 Mo.
  • Favicon — La petite icône affichée dans l'onglet du navigateur lorsque les clients visitent votre portail. Téléchargez un ICO, SVG ou PNG au format 1:1, jusqu'à 100 Ko.
• Couleurs
  • Couleur d'accentuation — La couleur principale de la marque utilisée pour les boutons, les liens et les éléments interactifs.
  • Couleur du texte — La couleur par défaut du texte du corps dans tout le portail.
  • Couleur du texte des titres — La couleur utilisée pour les titres. Par défaut sur Auto, qui hérite de la couleur d'accentuation ou du texte.
  • Couleur du texte secondaire — La couleur utilisée pour le texte de support ou atténué. Par défaut sur Auto.
  • Arrière-plan de la page — La couleur d'arrière-plan de la page globale du portail.
  • Arrière-plan des cartes — La couleur d'arrière-plan des cartes d'articles et de catégories.
  • Bordure des cartes — La couleur de la bordure des cartes d'articles et de catégories.
• Typographie
  • Police des titres — La police utilisée pour tous les titres du portail.
  • Police du corps — La police utilisée pour le texte du corps et le contenu général du portail.
• Disposition
  • Largeur de la page — La largeur maximale de la zone de contenu du portail en pixels.
  • Rayon de la bordure des cartes — Contrôle l'arrondi des coins des cartes dans tout le portail.
• Boutons
  • Rayon de la bordure des boutons — Contrôle l'arrondi des coins des boutons.
  • Hauteur des boutons — La hauteur des boutons en pixels.
  • Rembourrage latéral — Le rembourrage horizontal à l'intérieur des boutons, contrôlant l'espace autour du libellé du bouton.
• CSS personnalisé
  • CSS — Ajoutez des styles personnalisés pour remplacer ou étendre l'apparence par défaut du portail. Pour une personnalisation avancée au-delà des paramètres disponibles.

Langues#

Allez dans Portail client → Paramètres → Locales pour ajouter la prise en charge de plusieurs langues. Consultez Ajouter plusieurs langues à votre portail client pour une présentation complète.

Aperçu en direct#

Après avoir effectué des modifications, cliquez sur Aperçu en direct à tout moment pour voir à quoi ressemble votre portail pour les clients avant de publier.