Une description produit doit obligatoirement démarrer avec ce chapô!
Son rôle principal est de motiver le client à poursuivre la lecture de la description. Il permet également de prendre rapidement connaissance du contenu de la description.
« Double-cliquez pour le modifier ce chapô »
La description longue est encore plus rare sur les sites e-commerce et encore moins souvent intéressante. Pourquoi ? Parce que le temps est une chose que les e-commerçants ont peu. On a donc souvent des copié / collé de description fournisseur. Pas très intéressantes ni bien structurées pour le SEO, ces descriptions sont à éviter le plus souvent.
Contrairement à ce que l’on pense souvent, la plupart des acheteurs ne sont pas rationnels. Ils n’achètent pas un « meilleur rapport qualité /prix ». Ni une liste de fonctionnalités à rallonge. Ils achètent une histoire, une envie, une ambition, du rêve etc.. Décrire factuellement le produit n’est donc pas la seule possibilité de vendre.
« Double-cliquez pour modifier un paragraphe ou glisser-déposez [p] pour en ajouter un autre »
Pour personnaliser vos paragraphes, double-cliquez dessus, une barre d'outil bleue apparait. Depuis celle-ci, vous pourrez:
- Mettre du texte en gras, italique ou souligné.
- Ajouter un lien avec le bouton Link
- Pour tout autre style personnalisé, utilisez le bouton span:
Une fois votre span créé, rendez-vous dans la rubrique Style (CSS) du menu de droite. C'est à cet endroit que vous pourrez entièrement personnaliser votre texte.
Dans "Font / Text", utilisez Size pour changer la taille du texte, Color pour changer la couleur du texte etc...
Pour ajouter une nouvelle image, glisser-déposez [image], puis double-cliquez sur l'image d'exemple pour la modifier.
Vos images doivent être aux bonnes dimensions (c'est à dire, ne pas les redimensionner après coup) et être les plus légères possible.
Toutes vos images doivent être enregistrées dans le dossier Sharedocs/BASE GRAPHIQUES/BASE SITE/IMAGES SITE
Rendez-vous ensuite dans la rubrique Propriétés du menu de droite. Dans "Info", renseignez les champs Name et title. Chacune de ces 2 informations doit être unique.
Vous pouvez ensuite personnaliser vos images depuis la rubrique Style (CSS) du menu de droite, puis clic droit "Edit Code" dans Style attribute
Pour encadrer votre image d'une bordure grise et mettre du texte à droite de celle-ci, utiliser le code:
float: left; border: 1px solid #b2b1b1; margin: 5px 10px 0px 0px; padding: 2px;
Si votre image est sur fond blanc, la bordure grise n'est pas nécessaire, utilisez plutôt:
float: left; margin: 5px 10px 0px 0px; padding: 2px;
Pour encadrer votre image d'une bordure grise et mettre du texte à gauche de celle-ci, utiliser le code:
float: right; border: 1px solid #b2b1b1; margin: 5px 0px 0px 10px; padding: 2px;
Si votre image est sur fond blanc, la bordure grise n'est pas nécessaire, utilisez plutôt:
float: right; margin: 5px 0px 0px 10px; padding: 2px;
Pour ajouter un nouveau tableau, ouvrez Excel, insérez les données que vous souhaitez puis copiez le tableau
Rendez-vous ensuite sur le site https://ianrmedia.unl.edu/responsive-table-generator-tool, cliquez sur Paste Spreadsheet Data et collez votre tableau.
Cliquez sur Generate Reponsive Table et copiez le code présent dans HTML Outpout. Dans la rubrique Element code du menu de droite, collez le code précédemment copié.
| Référence | Format | Fond |
|---|---|---|
| MAD-PBPDA1-NB-FM | 40x15 mm | Métallisé |
| MAD-PBPDA1-NB-FB | 40x15 mm | Blanc |
| MAD-PBPDA2-NB-FM | 50x20 mm | Métallisé |
| MAD-PBPDA2-NB-FB | 50x20 mm | Blanc |
| MAD-PBPDA3-NB-FM | 60x25 mm | Métallisé |
| MAD-PBPDA3-NB-FB | 60x25 mm | Blanc |
Vous pouvez modifier les informations de votre tableau directement en double-cliquant dans la cellule.
Si vous souhaitez modifier sa structure (ajout de lignes ou colonnes), copiez votre tableau, collez-le dans Excel, faites vos modifications puis suivez les étapes décrites pour la cration d'un tableau.
Une fois que votre description est prête à être mise en ligne, cliquez sur la marge au dessus du chapô. Cela doit créer un cadre vert autour de votre description. Faites, clic-droit > Copy > HTML.
Rendez-vous ensuite dans la Grille produits onglet Produits, trouvez l'ID de votre produit et collez la description dans la colonne Description (FR ou EN). Pour finir, importez les modifications en cliquant sur Import Produits
Pas de commentaires client pour le moment.