E-COMMERCE. WebAcappella WebAcappella 4

PDF

Document

Manuel d’utilisation WebAcappella 4 – Juillet 2014

E-COMMERCE

CRÉATION DE BOUTIQUE EN LIGNE

Le nouveau E-commerce se divise en deux parties : une partie située dans

WebAcappella, appelée «

Front-Office

» (votre boutique dans WebAcappella) et une autre appelée «

Back-Office

» (console d'administration).

Le « Front-Office » contient l'ensemble des composants de votre boutique, à savoir :

- Le composant «

Produits

- Le composant «

Bouton Panier

- Le composant «

Bouton Compte Client

- Le composant «

Bouton Devise

Ces composants sont modifiables en terme de rendu (notamment en terme de couleurs).

Le «

Back-Office

» (console d'administration) regroupe toute la partie gestion de votre boutique.

Parmi les grandes nouveautés, vous allez retrouver dans ce nouveau e-commerce :

Gestion des stocks avancée

Produits, catégories et attributs illimités

Affichage de plusieurs images de chaque produit

Vente de produits téléchargeables

Affichage de produits

Affichage des quantités disponibles

Zoom sur les produits

Ajout à la liste de souhaits

Avis sur les produits

Envoyer à un ami

Optimisation SEO

Personnalisation des URL

Google Site Map

Méta-description pour les produits et les catégories

URL simplifiée basé sur le nom du produit

Balises de titre par produit

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Commandes

Commande en tant qu'invité

Expédition

Frais de port selon prix ou poids

Adresses de livraison ou de facturation distinctes

Transporteurs et pays illimités

Paiement

Moyens de paiement divers et sécurisés

Devises illimitées

Taxe automatiquement configurée par pays ou état

Compte client

Compte client complet

Gestion des retours

Centralisation des messages dans le SAV intégré

Gestion du site

Administration des autorisations et des utilisateurs

Traductions du backoffice

Personnalisation des logos sur les factures

Statistiques

Rapports graphiques

Suivi des visiteurs

Profils des clients (meilleurs clients, âges, commandes...)

Statistiques du catalogue

Suivi des commandes et des ventes

Géolocalisation

Rappel de la configuration requise pour installer la nouvelle version du E-commerce : http://www.webacappella.fr/ecommerce_fr.html

Mots clés : E-commerce, Boutique, Achat, Produits, Back-office, Administration,

Console, Web boutique

Manuel d’utilisation WebAcappella 4 – Juillet 2014

INSTALLATION DU E-COMMERCE

Installation de votre nouvelle boutique : * Si vous travaillez sur Mac, il est fortement conseillé d’installer cette nouvelle version e-commerce dans un dossier autre que « applications » sur votre ordinateur. En effet, votre version actuelle de WebAcappella est installée par défaut dans ce dossier.

1 – Ouvrir la nouvelle version WebAcappella e-commerce

2 – Créer un projet (lui donner un nom) puis choisir site vierge ou un des modèles proposés.

3 – Cliquer sur le bouton «

Ma boutique

» puis «

installation et gestion de votre boutique

4 – Dans l’onglet «

Général

», remplir les champs suivants :

• Protocole

• Nom de l’Hôte

• Identifiant

• Mot de passe

• Adresse internet

• Dossier FTP distant

Puis, cliquer sur «

Tester vos paramétrages FTP

». Si ok alors étape suivante sinon merci de vérifier les champs (ci-dessus) saisis.

5 – Saisir les champs de l’onglet «

Base de données

» :

• Pour le champ «

connecteur

» uniquement MySQL !

• Nom de l’hôte

• Nom de la base de données

• Identifiant de la base de données

• Mot de passe de la base de données

Puis, cliquer sur «

Tester vos paramétrages de base de données SQL

». Si ok alors

étape suivante sinon merci de vérifier les champs (ci-dessus) saisis.

6 – Saisir les champs de l’onglet «

Boutique

Note : le mot de passe doit avoir 8 caractères minimum.

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Pour le type de moteur SQL, merci de privilégier InnoDB (plus avantageux). Le préfixe est non modifiable.

Cette option sera utile pour forcer l'installation de la boutique chez certains hébergeurs

(à n'utiliser qu'en cas de problème, laissez décochée par défaut).

Choisissez ce qui vous convient le mieux.

Le choix ici est tout à fait libre et il peut-être modifiable à posteriori.

Certains hébergeurs mettent à disposition des serveurs non optimisés ou dont les performances sont trop faibles pour certaines tâches dont la décompression à la volée de fichiers compressés.

Cette option permet de décompresser les fichiers d'installation en local puis de les publier dans le dossier distant de votre compte chez votre hébergeur.

Cela permet donc une plus grande compatibilité au détriment du temps d'installation qui est considérablement rallongé (de 20 minutes à plus d'une heure).

Voilà tous les champs sont maintenant renseignés, nous pouvons procéder à

Manuel d’utilisation WebAcappella 4 – Juillet 2014 l’installation de votre boutique en cliquant sur :

7 – Finalisation de l’installation de Prestashop

Cliquez sur le bouton «

Démarrer l’installation

» et laissez-faire… en cas d’interruption

(volontaire ou non), à chaque fois un message vous indiquera clairement la marche à suivre.

Une fois l’installation terminée, un message vous indiquera que votre boutique a été installée et configurée correctement et un écran récapitulatif des champs saisis vous sera proposé.

Note : la durée d'installation est dépendante de multiples éléments et peut durer plusieurs minutes (surtout si votre offre dépend de serveurs mutualisés).

Mots clés : Install, Installation, Procédure, Étapes, Paramètres, FTP, SQL, MySQL,

Base de données, E-commerce, Boutique

LES OPTIONS AVANCÉES

Il existe 6 rubriques :

Si vous n'avez pas coché l'option «

Insérer des liens images dans les fichiers CSV des produits et déclinaisons

» et que vous souhaitez à présent importer les images des articles de votre ancienne boutique, alors vous devez cliquer sur ce bouton et choisir le fichier CSV comprenant les liens (url) des images.

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Mots clés : Options, Avancées, Installer, Réinstaller, Importer, Forcer, Désinstaller

L’INTERFACE DE VOTRE BOUTIQUE DANS WEBACAPPELLA

Le terme «

Front-Office

» désigne l'affichage de votre boutique dans WebAcappella.

Cliquez sur ce bouton afin de découvrir le menu de votre boutique comme l'installation de celle-ci ou encore les composants qui la définissent.

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Composant « Produits »

ONGLET PROPRIÉTÉS GÉNÉRALES DES PRODUITS

Produits : celui-ci vous permettra de choisir et d’afficher un ou plusieurs produits de votre catalogue (catalogue de produits que vous avez créé au préalable dans la partie administration de votre boutique dans le menu «

Catalogue

» - «

Produits

»).

A noter que pendant l’installation de votre nouvelle boutique, quelques produits sont déjà présents.

Le bouton + vous permettra de rechercher les produits que vous souhaitez insérer dans votre boutique en ligne en tapant les premiers caractères du produit (barre Rechercher).

Ou bien de les sélectionner un à un ou par lot (maintenez enfoncé la touche shift puis clic gauche avec la souris).

Une fois le choix effectué, appuyez sur l’icône «

».

Catégories : la liste proposée sera identique à celle que vous avez précédemment créée dans le « back office » de votre boutique : Menu «

Catalogue

» - «

Catégories

»).

Ce type d’affichage a l’avantage de ne présenter qu’une partie des produits de votre boutique et donc de cibler une catégorie de visiteurs/clients (exemple : vous avez créé une page intitulée « Ordinateurs » et vous ne souhaitez faire apparaître que des PC de bureaux ou Macintosh).

Marques : la marque d'un produit correspond à son fabricant.

Les visiteurs de votre site peuvent avoir un accès rapide à l'ensemble des produits d'une marque donnée. Cela rend la navigation sur votre site plus facile pour eux.

Disposition : une disposition est une forme de mise en page de vos produits ou catégories de produits.

Cet outil peut se révéler particulièrement pertinent par rapport à la quantité de produits

/ catégories affichés mais aussi pour l’esthétisme de la page de votre site.

En effet, selon le type de Layout choisi, l’affichage des produits sera différent :

- Disposition 1 : affichage sous forme de liste verticale comprenant une image du produit, son récapitulatif, son tarif…

- Disposition 2 : Idem que la Disposition 1 sauf que l’affichage est sous forme de grille

(affichage de gauche à droite et non de haut en bas).

- Disposition 3 : Idem que la Disposition 2 mais en plus restreint : seul le nom du produit, son image et son prix seront affichés.

- Disposition 4 : taille de l'image du produit maximisée et affichage minimaliste des caractéristiques de celui-ci (nom, prix, ajouter au panier et lien «

voir

»).

Manuel d’utilisation WebAcappella 4 – Juillet 2014

- Disposition 5 : mise en avant de la photo du produit et des détails.

- Disposition 6 : affichage minimaliste sous forme de liste avec petite photo, nom du produit et prix.

Bien entendu, vous pouvez sélectionner le nombre de produits affichés par page.

Si par exemple votre liste de produits comporte 10 produits mais que vous décidez de n’en afficher que 4 par page alors l’internaute devra cliquer sur les boutons de navigation afin de tous les parcourir.

Administration de votre boutique

Ce bouton est la partie centrale de la gestion

de votre boutique.

En cliquant dessus, cela ouvrira un nouvel onglet vous dirigeant vers le cœur de votre boutique

(appelé administration de votre boutique).

Rafraîchir

Cet outil est à utiliser dans le cas de modifications des catégories des produits (mise à jour, suppression, ajout…) mais également si des modifications sur n’importe quelle propriété d’un produit ont été faites depuis le back-office (prix, image, référence…).

ONGLET PERSONNALISATION DU RENDU DES COMPOSANTS

En cliquant sur «

Editer les propriétés

» à partir de cet onglet, vous pourrez modifier et adapter à votre goût (notamment les couleurs) les 4 composants fondamentaux de votre boutique : panier, compte client, barre des devises et les produits.

Ces modifications pourront s’effectuer de 2 manières :

- par l’entrée d’une valeur hexadécimal

- par l’ouverture d’une palette graphique (bouton de droite).

Pour chaque Onglet, vous pourrez voir instantanément les modifications faites et cela dans les 6 types d’agencement (Layout 1,2,3,4,5 ou 6) disponibles en haut à droite.

Onglet produit :

Cet onglet est la partie la plus complète au niveau des modifications possibles car elle représente le cœur de l’affichage de votre boutique.

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Dix propriétés sont personnalisables, principalement au niveau des couleurs :

- La couleur de l’arrière plan (concerne l’intégralité de l’arrière plan sauf l’image du produit).

- La couleur de la bordure (il s’agit du cadre de l’image du produit)

- La couleur du titre (change la couleur du nom du produit)

- La couleur de la description (modifie la couleur de la description du produit)

- La couleur du prix (uniquement la couleur du prix du produit affiché)

- La couleur du texte du lien «

Voir

- Vous pouvez également remplacer le texte «

Voir

» par une icône (de préférence une image au format jpeg (jpg) ou png).

Enfin, vous pouvez également changer l’icône, la couleur de l’arrière plan et du texte

Ajouter au panier

» :

- L’icône (de préférence une image au format jpeg (jpg) ou png).

- La couleur de l’arrière plan de ce bouton.

Onglet Panier :

Sur la partie de gauche est présenté un exemple de panier dont vous pourrez voir en temps réel les modifications que vous allez apporter depuis la partie de droite, à savoir :

- La couleur de l’arrière plan de l’élément «

Panier

- La couleur du texte

- La modification de l‘icône du panier (de préférence une image au format jpeg (jpg) ou png)

- La couleur du séparateur permet de modifier la couleur de la barre horizontale séparant la liste des produits avec le sous-total du panier.

Mais aussi vous avez la possibilité de personnaliser le bouton «

Commander

» de 3 manières :

- L’icône (de préférence une image au format jpeg ou png)

- La couleur de l’arrière plan de ce bouton

- La couleur du texte de ce bouton.

Onglet Compte :

3 propriétés sont personnalisables :

- La couleur du texte «

Bienvenue

» et «

Identifiez-vous

- L’icône connecté (de préférence une image au format jpeg (jpg) ou png)

- L’icône déconnecté (de préférence une image au format jpeg (jpg) ou png).

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Onglet Devise :

3 propriétés sont aussi personnalisables :

- La couleur de l’arrière plan

- La couleur de la fonte (du texte)

- L’icône (de préférence une image au format jpeg (jpg) ou png).

Onglet personnalisation du rendu des propriétés géométriques :

La position et la taille du cadre du composant sont modifiables ici (taille exprimée en pixels).

Composant « Panier »

Le panier (appelé aussi caddie ou caddie virtuel) permet de conserver la trace des achats du client tout au long de son parcours et de modifier les quantités pour chaque référence.

• Onglet propriétés générales du panier

• Onglet personnalisation du rendu des composants

Voir : Onglet personnalisation du rendu des composants

• Onglet personnalisation du rendu des propriétés géométriques : la position et la taille du cadre du composant sont modifiables ici (taille exprimée en pixels).

Composant « Compte client »

Ce composant donne la possibilité à vos clients d’avoir accès à leur compte client :

Historique et détails de mes commandes

Mes avoirs

Mes adresses

Mes informations personnelles

Mes bons de réductions

Mes produits favoris

Manuel d’utilisation WebAcappella 4 – Juillet 2014

• Onglet propriétés générales du compte client

• Onglet personnalisation du rendu des composants

• Onglet personnalisation du rendu des propriétés géométriques : la position et la taille du cadre du composant sont modifiables ici (taille exprimée en pixels).

Composant « Devise »

Votre boutique ne peut vendre des marchandises ou des services à l’étranger, sans que vos clients aient la possibilité de choisir entre différentes devises.

C’est donc dans ce composant que la liste des différentes devises (que vous aurez défini préalablement dans la partie Administration de votre boutique) apparaîtra.

• Onglet propriétés générales « Devise »

• Onglet personnalisation du rendu des composants

• Onglet personnalisation du rendu des propriétés géométriques : la position et la taille du cadre du composant sont modifiables ici (taille exprimée en pixels).

Mots clés : Composant, Produits, Devise, Panier, Caddie, Compte client, Couleur,

Icône

L’OUTIL EXPORT / IMPORT

Cet outil va vous permettre de « transférer » les produits (et ses options) du e-commerce initiale vers le nouveau e-commerce.

Menu «

Outils

» puis «

Exporter les produits de votre boutique WebAcappella

Deux possibilités de sélection d’articles : soit article par article, soit tous les articles

(cocher alors la case à gauche de «

Titre

»).

Une fois la sélection faite, il vous faudra saisir un nom de catégorie pour l’export puis cliquer sur «

Exporter

».

Note : une option concernant les liens des images à inclure ou non dans l'export des articles de votre boutique est disponible :

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Attention : Par défaut, cette option n'est pas cochée et donc vos articles n'auront pas d'images associées à la fin du processus d'importation (pour associer vos images

voir les options avancées )

Cette option est utile notamment pour des serveurs dont le temps d’exécution est limité

(traitement de lot d’images par groupe de cinq).

Un mini-explorateur va alors s’ouvrir vous demandant à quel endroit (quel dossier)

écrire le fichier d’export (format csv).

Une fois l’exportation terminée, vous trouverez au minimum deux fichiers portant ce nom (Boutique_products et Boutique_combinations) ou plus, si jamais votre site est multilingue.

Il est temps maintenant d’importer vos nouveaux produits dans le back-office.

Pour ce faire, il faut cliquer sur le bouton «

Administration de votre boutique

» de l’inspecteur d’élément E-commerce :

1. Menu «

paramètres avancés

», puis «

import

» :

Cliquer sur «

Mettre en ligne un fichier

» puis choisir un fichier produit dont le nom du fichier est : Boutique_products et cliquez sur «

mettre en ligne un fichier

».

Attention : si un en-tête est présent dans le fichier

CSV concerné alors vous devez obligatoirement changer la valeur de «

Sauter...lignes

» :

2. Dans le champ «

Quel type d'entités souhaitez-vous importer ?

», choisir «

Produits

» puis cocher les cases suivantes :

Manuel d’utilisation WebAcappella 4 – Juillet 2014

Puis cliquer sur étape suivante et plusieurs fois sur la flèche droite

Jusqu’à la dernière colonne intitulée «

Price Tax Include

» et remplacez «

ignorer cette colonne

» par Prix TTC puis cliquez sur le bouton : et patientez (cela peut prendre un peu de temps).

Note : Si les prix affichés de votre boutique comprennent la TVA dans le montant du panier alors vous devrez modifier la dernière colonne d'import dans votre console d'administration.

Vous devrez procéder à la même manipulation si vous possédez d’autres langues sur votre projet de site mais sans cocher la case ci-dessous «

supprimer tous les produits avant l’import

» !

Ensuite, si vous avez inséré des options de produits, alors ce type de fichier sera

également présent (Boutique_combinations) :

Pour ajouter donc les déclinaisons de vos produits, cliquer sur «

mettre en ligne un fichier

» puis choisir un fichier produit (ex : Boutique_combinations) et cliquer sur «

mettre en ligne un fichier

».

3. Dans ce champ «

Quel type d'entités souhaitez-vous importer ?

», choisir

Déclinaisons

» puis cocher les cases suivantes :

Puis cliquez sur «

Etape suivante

» (cliquer sur « Ok » à la question posée) puis appuyez sur le bouton «

importer les données

L’importation de vos produits est finie (ne pas tenir compte des messages d’avertissement ou d’erreurs à la fin de chaque import de produits/déclinaisons).

Vous pourrez les retrouver dans le menu «

Catalogue

» - «

Produits

».

Note : Il faut que la boutique actuelle (celle dont les produits vont être exportés) soit déjà en ligne afin de pouvoir récupérer les images des produits.

Mots clés : Outil, Import, Export, Produit, Déplacer

Manuel d’utilisation WebAcappella 4 – Juillet 2014

LA CONSOLE D’ADMINISTRATION DE VOTRE BOUTIQUE

PRÉSENTATION DE L’INTERFACE

Prenez le temps d'appréhender le tableau de bord – c'est à dire, la première page que vous voyez en vous connectant au back-office. Non seulement il vous donne un résumé de tout ce que vous devez savoir sur votre boutique à un instant T, avec des liens vers les pages les plus utiles, mais par ailleurs, en tant que nouvel utilisateur de la nouvelle version e-commerce WebAcappella, il vous donne quelques conseils à propos de réglages auxquels vous devez faire attention.

La barre supérieure

En haut de la page se trouve une barre sombre contenant quelques liens :

- Nom de votre boutique (ici, WebAcappella) : Il vous permet de revenir au tableau de bord depuis n'importe quelle page.

- Icône de caddie : Ouvre un encadré vous présentant les nouvelles commandes depuis la dernière fois que vous avez cliqué sur cette icône. Une info bulle rouge donne le nombre de nouvelles commandes. De là, vous pouvez soit afficher l'une des commandes, soit aller à la liste de commandes.

- Icône de personnes : Ouvre un encadré vous présentant les nouveaux clients inscrits depuis la dernière fois que vous avez cliqué sur cette icône. Une info bulle rouge donne le nombre de nouveaux inscrits. De là, vous pouvez soit afficher la page de l'info des clients, soit aller à la liste des clients.

- Bulles de dialogue : Ouvre un encadré vous présentant les nouveaux messages reçus par le service clientèle depuis la dernière fois que vous avez cliqué sur cette icône. Une info bulle rouge donne le nombre de messages. De là, vous pouvez soit afficher l'un des messages, soit aller à la page du SAV.

- Moteur de recherche avec un sélecteur indiquant « tout » : Vous permet de lancer une recherche sur l'ensemble de votre boutique, y compris les pages du back-office s'il vous ne vous souvenez pas où se configure une option.

- Accès rapide : Un menu regroupe des raccourcis vers certaines des pages les plus utiles, que vous pouvez modifier dans la page «

Accès rapide

» du menu «

Administration

».

- Bienvenue, (votre nom) : Un simple rappel du compte avec lequel vous êtes connecté.

Manuel d’utilisation WebAcappella 4 – Juillet 2014

- Liens «

Mes Préférences

» : Ouvre la page de préférence de votre compte utilisateur actuel, d'où vous pouvez régler certaines options, comme la langue du back-office ou votre mot de passe.

- Lien «

Déconnexion

» : Vous déconnecte du compte actuellement utilisé.

- Lien «

Voir Ma Boutique

» : Ouvre un nouvel onglet de votre navigateur avec la page d'accueil de votre boutique.

Les menus

Lors de vos activités quotidiennes d'administrateur de boutique, vous aurez régulièrement à parcourir les nombreuses pages et options du back-office.

Chaque menu correspond à un ensemble donné de tâches :

- Catalogue : c'est le cœur de votre boutique, là où vous aller ajouter vos produits, créer des catégories, configurer vos transporteurs et fournisseurs...

- Commandes : dès qu'un client commence à ajouter des produits à son panier, vous verrez les premières commandes arriver dans ce menu, avec les factures qui les accompagnent. C'est également à partir de ce menu que vous gérerez vos retours de marchandise, vos avoirs et le service client par commande.

- Clients : ce menu vous donne accès à toutes les informations sur vos clients. Vous pouvez modifier leurs adresses, créer des groupes d'utilisateurs afin de leur appliquer des promotions spécifiques, gérer le service après-vente, et même ajouter de nouveaux titres de civilité si besoin est.

- Promotions : ce menu vous permet de créer rapidement des bons de réduction et des promotions par le biais d'un jeu de règles.

- Transports : tout ce qui concerne l'expédition de vos colis, notamment les coûts de transport.

- Localisation : vous aide à configurer votre boutique avec des éléments locaux, tels que la langue et les traductions, la monnaie, les unités de mesure, les taxes et règles de taxes, et les entités géographiques.

- Modules : multipliez la puissance et l'utilité de votre boutique en ajoutant des modules, dont une centaine est déjà disponible dans l'installation par défaut, et plein d’autres sont disponibles à l'achat sur le site Addons. Consultez notre équipe technique sur le

Manuel d’utilisation WebAcappella 4 – Juillet 2014 support client avant l’achat de modules. C'est également dans ce menu que vous gérerez vos thèmes, où vous placerez les éléments de vos modules sur votre thème.

Enfin, une dernière page vous permet d'appliquer des réglages globaux à vos modules de paiement.

- Préférences : l’administration de votre boutique est très configurable, et vous pouvez modifier quasiment tous ces comportements à l'aide de ce jeu de pages de préférences.

- Paramètres avancés : contient des liens vers des outils et des pages d'informations qui sont trop particuliers pour tenir dans d'autres menus, tels que les réglages du service web, l'outil de sauvegarde de la base de données, ou la page d'amélioration des performances, entre autres.

- Administration : voici tous les réglages relatifs au back-office lui-même. Par exemple, le contenu du menu « Accès rapide », la liste de vos employés et leurs droits d'accès, et l'ordre des menus, entre autres.

- Stats : ce menu vous donne accès à un grand nombre de statistiques et graphiques.

- Stock (uniquement si la case « activer la gestion des stocks avancés » est cochée) : ce menu vous donne accès à une nouvelle fonctionnalité, où vous pouvez gérer vos entrepôts, les mouvements de votre stock et vos commandes de réapprovisionnement.

Pour tout élément présent dans les menus, vous aurez la présence de

l'aide symbolisée par ce bouton.

Manuel d’utilisation WebAcappella 4 – Juillet 2014