Personnalisation du modèle de boutique D2C
Objectifs de formation
Une fois cette unité terminée, vous pourrez :
- Dresser la liste des éléments fournis avec le modèle de boutique D2C Commerce
- Expliquer comment personnaliser le thème du modèle de boutique D2C Commerce
- Expliquer comment personnaliser un en-tête ou un pied de page
- Expliquer comment utiliser les pages et les composants
- Expliquer la différence entre l’activation et la publication d’une boutique
- Expliquer comment personnaliser une boutique
Personnalisation d’une boutique D2C Commerce
Taylor Givens, merchandiser expérimenté(e) chez Ursa Major Solar, a pour mission de créer une expérience exceptionnelle pour les visiteurs de la boutique Salesforce D2C Commerce de l’entreprise. Pour commencer, iel souhaite personnaliser le modèle D2C d’Experience Builder avec le logo de la boutique Ursa Major Solar.
Le modèle D2C Commerce comprend déjà des pages spécifiques à Commerce, telles que la page d’accueil et une page de résultats de recherche. Ces pages utilisent des composants développés spécialement pour les boutiques D2C Commerce. Grâce à l’interface conviviale d’Experience Builder, Taylor peut glisser-déposer des composants sur ses pages et en personnaliser les propriétés. Iel peut ajouter des images et des styles à la boutique pour créer une expérience d’achat unique.
Taylor crée une liste de contrôle pratique des tâches à effectuer.
Tâche |
|
1 |
Configurer le thème de la boutique. |
2 |
Configurer un en-tête ou un pied de page personnalisé. |
3 |
Explorer les pages et les composants. |
4 |
Afficher un aperçu de la boutique et la publier. |
5 |
Configurer une URL personnalisée pour la boutique. |
Taylor commence à personnaliser les pages et les composants de sa boutique D2C Commerce en cliquant sur la vignette Experience Builder à partir de la page d’accueil de sa boutique.
Reportez-vous à Personnalisation de sites avec Experience Builder pour en savoir plus sur l’utilisation d’Experience Builder.
Configuration du thème de la boutique
Taylor a le plaisir de constater que le modèle de boutique D2C Commerce utilise un thème D2C préconçu. Iel peut indiquer les couleurs, les images, la taille du texte et l’espacement de son choix pour personnaliser le thème en fonction de ses besoins. Certains composants ont des propriétés qui lui permettent de remplacer les paramètres du thème du composant.
Accédez aux paramètres du thème de la boutique en développant l’icône Theme (Thème) sur le côté gauche de la page Experience Builder.
Taylor indique les couleurs de l’arrière-plan, du texte, de la marque et du premier plan. Iel génère une palette à partir d’une image chargée.
Sur la page Images, iel sélectionne le logo de son entreprise.
Iel peut également configurer la taille du texte et l’espacement des sites pour les PC/ordinateurs et les appareils mobiles.
Configuration d’un en-tête ou d’un pied de page personnalisé
Le modèle de boutique D2C Commerce comprend un composant d’en-tête et de pied de page sur chaque page. Taylor souhaite utiliser un en-tête personnalisé pour une page, iel modifie donc d’abord la présentation du thème de cette page. Voici comment procéder.
- Sélectionnez la page où vous souhaitez utiliser un en-tête ou un pied de page personnalisé : Accueil
- Cliquez sur l’icône Paramètres.
- Cliquez sur Theme (Thème).
- Cliquez sur Configurer.
- Cliquez sur New Theme Layout (Nouvelle présentation de thème).
- Saisissez la nouvelle présentation :
Ursa Major Solar - home
(Ursa Major Solar - accueil) - Dans le menu déroulant Commerce Layout (Présentation Commerce), sélectionnez Commerce Layout (Présentation Commerce).
- Cliquez sur Save (Enregistrer).
La page comporte désormais un espace vierge en haut et en bas, où Taylor peut utiliser son en-tête ou son pied de page personnalisé.
Reportez-vous au guide du développeur pour D2C Commerce afin d’obtenir plus de précisions sur le développement de composants personnalisés.
Exploration des pages et des composants
Le modèle de boutique D2C Commerce comprend des pages et des composants qui permettent à Taylor de créer une boutique attrayante et facile à utiliser. Voici les composants disponibles par page.
Page |
Objectif |
Components |
Panier d'achat |
Montrer aux acheteurs les produits qu’ils ont choisi d’acquérir. |
|
Catégorie |
Montrer aux acheteurs les produits de la catégorie sélectionnée. |
|
Checkout |
Permettre aux acheteurs de finaliser leurs achats. |
|
Erreur |
Indiquer aux acheteurs que le système a rencontré une erreur. |
|
Login (Connexion)/Check Password (Vérifier le mot de passe) |
Demander aux acheteurs inscrits de vérifier leur messagerie pour réinitialiser leur mot de passe. |
|
Login (Connexion)/Forgot Password (Mot de passe oublié) |
Permettre aux acheteurs enregistrés de récupérer un mot de passe oublié. |
|
Login (Connexion)/Login (Connexion) |
Permettre aux acheteurs de se connecter à la boutique. |
|
Login (Connexion)/Register (Inscription) |
Permettre aux acheteurs de s’inscrire sur la boutique. |
|
Accueil |
Créer une page de destination attrayante pour que les acheteurs entrent dans votre boutique. |
|
Mon profil |
Permettre aux acheteurs de voir leur image de profil et de réinitialiser leur mot de passe. |
|
Commande |
Informer les acheteurs que leurs articles ont été commandés. |
|
Produits |
Afficher des informations sur un produit, notamment le prix, la description et l’image. |
|
La recherche. |
Permettre aux acheteurs de faire des recherches dans la boutique. |
|
Service non disponible |
Préciser ce que les acheteurs voient si votre boutique n’est pas disponible. |
|
Taylor examine plus en détail les composants pour déterminer ceux à utiliser en l’état et ceux à modifier.
Catégorie |
Composant |
Panier d'achat |
|
Catégorie |
|
Checkout |
|
Commerce Einstein |
|
Contenu |
|
Navigation |
|
Commandes |
|
Détails du produit |
|
La recherche. |
|
Comptes utilisateurs |
|
Aperçu et publication de la boutique
Au fur et à mesure que Taylor personnalise la boutique, iel peut afficher un aperçu de son apparence pour les acheteurs et publier les modifications. Voici comment procéder.
- Ouvrez Experience Builder.
- Cliquez sur la page que vous souhaitez afficher.
- Cliquez sur Preview (Aperçu) en haut à droite de la page.
Reportez-vous à la page Prévisualisation de votre site Générateur d’expérience. - Lorsque vous êtes satisfait de l’apparence de votre boutique, cliquez sur Publish (Publier) en haut à droite de la page. Taylor reçoit une notification par e-mail lorsque sa boutique est publiée.
Vous pouvez publier une boutique, qu’elle soit activée ou non. Vous pouvez activer une boutique même si elle n’est pas publiée. Dans notre exemple, Maria Jimenez, l’administratrice, l’a déjà activée. Reportez-vous au module Principes fondamentaux de Salesforce D2C Commerce pour savoir comment elle a procédé.
Pour conclure
Dans cette unité, vous avez appris à personnaliser le modèle de boutique D2C Commerce. Vous avez également appris à publier la boutique et à en afficher un aperçu. Dans les unités précédentes, vous avez découvert la fonctionnalité de recherche et Commerce Einstein. Répondez maintenant au questionnaire final pour gagner un magnifique badge.