cours prestashop 1.6 / webbax - ecole club migros

CAHIER DES CHARGES PRÉLIMINAIRE A LA CREATION DE VOTRE SITE E-COMMERCEMa boutique avec Prestashop

Webbax | Rue de l'Eglise 35 |1926 Fully | [email protected] | www.webbax.ch

COURS 1



Bienvenue !

But du cours :• Mettre en place & avoir les

compétences pour gérer une boutique e-commerce

• Evolution du cours en fonction des compétences du groupe

N’hésitez pas :• A demander si vous ne comprenez

pas• A faire partager la problématique

liée à votre activité - expérience

Déroulement• Pause de 15/20 min. à 19h30

Ma boutique avec Prestashop

Webbax en quelques mots

• Présentation de l’entreprise• Expertise depuis 2010• Travaille avec beaucoup de petits

e-commerçants• Développement de modules (+

orientation Suisse)• Solutions sur mesure• Blog & Communication (partager)

+ YouTUBE• Solutions concrètes



Et vous ?

• Votre activité professionnelle• Vos attentes• Votre but• Votre niveau, vos compétences web• Pourquoi vous lancer dans le e-commerce ?



Présentation de Prestashop

• Origine de la solution Prestashop• Open-source• Leader Européen

Rivalité avec Magento• Forum• Modularité• Prestashop Addons



Comment fonctionne un site internet / site e-commerce

• Le côté client (navigateur)• L’hébergement (dépôt des fichiers)• Le langage PHP != HTML• L’accès FTP• La base de données• Et le webmail ?




Choisir un nom de domaine

• L’importance du nom• Simple, clair et facile à écrire / dicter• Faut-il utiliser le trait d’union ?• Utilisation des mots clés• Qui distribue les noms de domaines en Suisse ?• Quelles extensions faut-il acheter ? Du «.com»,

«.ch» ?• Réflexion sur un nom de domaine à acheter



Acheter un hébergement

• Quel hébergeur choisir ?• Les avantages d’Infomaniak• Quels sont les différents types de serveurs ?• Que comprend le pack «Classique»• Information sur les sauvegardes• Création d’un nouveau compte client et achat

de l’hébergement avec le nom de domaine.


Découverte de l’hébergement

• Consulter les services disponibles• Créer une nouvelle adresse e-mail• Tester l’accès au Webmail• Créer un accès FTP• Créer un accès aux bases de données



Filezilla

• Explication sur le client FTP• A quoi ça sert• Téléchargement du logiciel• Connexion à la boutique• Sécurité & risques




Déploiement de Prestashop

• Téléchargement de Prestashop 1.6• Transfert sur le FTP• Création d’une nouvelle adresse email• Installation de la base de données• Configuration de la base de données• Finalisation de l’installation• Application des CHMOD• Visualisation dans PHPmyAdmin• Test de connexion au back-office• Mise en maintenance de la boutique• Désactivation des caches (+ en détail plus

tard)• Test de commande sur la boutique• Création d’une nouvelle adresse e-mail

marchand (back-office Infomaniak)• Tester le fonctionnement des mails (via

l’outil test de Prestashop)• Contrôle de réception sur le webmail



COURS 2


Réglages généraux

• Administration -> Employés- gestion des comptes utilisateurs

• Paramètres avancés -> Performances- contrôle de la désactivation des caches- explication avec la compression CSS / JS- importance pour le référencement

• notifications marchands via le module alerte- modification des emails : Clients -> Contacts

• Préférences -> Coordonnées magasins- ajustement de vos informations

• Paramètres avancés -> Emails- configuration de la transmission des mails- test de commande & activation

• Localisations -> Taxes- configuration de la TVA

• - fonctionnement légal



Configuration de localisation

Langues

• Définir les langues à activer• Installer une nouvelle langue• Problématique du multilingue

- volume travail & compatibilité modules

Devises & Pays

• Choix des devises- tâche planifiée

• Gestion des pays & zones- création d’une zone Suisse- Préférences -> Géolocalisation

• Recommandations- commencez local & simple



Préférences & Administration

Afin d’avoir une boutique qui corresponde le mieux possibles à vos besoin, nous allons vérifier ensemble les possibilités proposées par Prestashop et qui ont un impact direct global sur la boutique.

Préférences

• Générales• Commandes• Produits• Clients

Administration

• Préférences



Thème & Logos

• Choix du thème (exemples de plateformes qui vendent des thèmes : Prestashop Addons / Themeforest / Template Monster)

• Recommandations & prudence- compatibilité- complexité d’intégration- beaucoup de modules externes (anglais & complexes)- disponibilité du SAV- retouche à faire lors d’intégration de nouveaux modules externes- tester la version mobile

• Les avantages du thème par défaut



Logo de la boutique

• Déterminer votre identité• Utilisation d’une baseline ?• Où acheter un logo ?

- Exemple avec Graphicriver- le meilleur prix VS graphiste- logo déjà vectorisé (avantages)

• Création d’un logo sous Pixlr- upload du logo sur Prestashop

• Création d’un Favicon• - utilisation de Dynamicdrive




Catégories produits

• Structuration & méthodologie- capital pour la navigation- inspirez-vous des concurrents- hiérarchisez / volume produits

• Création des catégories- analyse des champs- intégration d’image-- mesure avec Google Chrome-- création d’une image avec Pixlr- créer une arborescence



Menu Horizontal

• Découverte du Menu horizontal• Création d’un accès rapide• Liaison avec les catégories• Utilisation des différents types de liens• Utilisation du tri des liens selon ordre

d’importance• Création de liens manuels

- liens internes- liens externe Facebook


Fiche produit

• Découverte de l’éditeur de fiche produit et des différentes possibilités

• Recommandations pour le référencement

• Découverte des déclinaisons• Présentation des caractéristiques• Création d’un produit depuis zéro en

utilisant le maximum d’options que propose Prestashop (un produit avec variantes / l’autre sans variante).

• Montrer l’option pour les produits virtuels



Marques & Fournisseurs

• Liaison entres les produits• Privilégier la marque• Maillage interne• Faciliter la recherche• Page globale des marques• Création de marques & fournisseurs• Différences entre marques &

fournisseurs



Pièces jointes

• Des produits plus complets• Fournir le maximum de détail• Devancer la concurrence• Pensez à consulter vos fournisseurs• Scannez des documents

complémentaires• Ajout d’une nouvelle pièce jointe &

liaison avec le produit• SEO : Google peut lire les PDF




COURS 3


Les modules Prestashop

• Interface du shop très modulaire• Variantes en fonction du thème

Ex. emplacement du module• Chaque bloc = 1 module• 1 module = 1 position• Module à emplacements multiples• Beaucoup de modules déjà présents• Possibilité d’ajouter des modules

payants (voir plus tard via PS Addons)• Ne pas surcharger inutilement en

limitant les modules.• Ne mettez jamais à jour un module.• Astuce pour retirer les mises à jour &

module payants (voir blog).




Les modules du header

• Intégrez une bannière dans le header de page (ou désactivation)- définissez un objectif clair- restez dans l’esprit du thème de base- le design n’est pas le point n° pour influencer sur les ventes- mesurer & intégrer une bannière

• Modification du bloc de contact

Youtube

• Retrouvez de l’aide sur YouTube pour la configuration des modules : https://youtube.com/webbax


Module Diaporama & configurateur de thème

• Utilité ? Et répartition selon modules• Recommandations marketing (images /

uniformité / achat)• Objectif clair avec un lien précis• Fréquence de modification• Visiez la simplicité, observation des

bannières sur des sites à grosse réputation

• Présentation des réglages du module configurateur de thème et ajustement des paramètres

• Présentation des réglages du module diaporama et ajustement des paramètres



Module Produits Phares

• Utilité du module :- mettre en avant des produits

• Présentation des réglages en back-office avec configuration du module

• Assignation d’un produit sur la page d’accueil

• Modification du positionnement du produit dans la catégorie accueil

• Faire tourner le flux produits un travail à effectuer chaque semaine / important pour le visiteur



Module Editorial

• Utilité du module :- créer du contenu sur la homepage

• Configuration du module• Définir un texte qui présente bien la

boutique et qui utilise des mots clés importants liés à votre activité

• Eviter «les gros blocs de textes»• Eviter «Bienvenue sur ma boutique»• Générer un contenu avancé via le site

LayoutIt



Ajustement pré-footer

• Intégration du bloc réseau social Facebook. Explication sur la création d’une page entreprise.

• Intégration des éléments de ré-assurance client (toujours modifier en mode HTML) pour plus de sécurité.

• Personnaliser le «Custom bloc» via le module CMS, en expliquant ce que fait l’entreprise & historique (rassurance & visibilité).



Ajustement du footer

• Contrôle sur le bloc newsletter et retouche du texte «Lettre d’information». (voir en back-office le module + exportation des emails)

• Configurez les liens vers les réseaux sociaux, essayez d’être sur le maximum de plateformes possibles (référencement).

• Ajustement des différents liens & retrait de la signature Prestashop via le module «Bloc CMS».

• Contrôle des coordonnées de l’entreprise + souligner l’importance du numéro de téléphone+ ajuster le téléphone dans le module «bloc contact» pour le header



Bloc catégories

• Utilité du bloc ?• Complémentarité au menu horizontal,

plus facile pour des navigations plus profondes.

• Découvrir les paramètres du module et choisir la meilleure configuration.

• Faire attention avec le «pied de page» concernant le 1er niveau de catégories.

• Désactiver le module si celui-ci est superflu.



Module navigation à facettes

• Utilité du bloc ?• Un système de filtre élaboré comme les

grandes entreprises (ex. Zalando).• Très pratique pour affiner les boutiques qui

regorgent d’articles similaires, cela évite de parcourir des pages catégories.

• Maximisez l’utilisation de ce module en utilisant les déclinaisons et surtout les caractéristiques des produits.

• Configuration du module & découverte des différentes options + mise en place d’une tâche planifiée sur le serveur.

• Désactiver le module si celui-ci est superflu.



Bloc CMS

• Utilité du bloc ?• Montrer des informations / liens qui

sont importants pour le client.• La création de contenu via le module

blocs CMS peut-être multiple. Chaque bloc peut avoir un esprit de thématique différent.

• Ex. avec un 1er bloc dédié à l’aide pour les acheteurs.

• Ex. avec un 2ème bloc dédié à l’actualité diffusée sur la boutique.




COURS 4


Bloc Promotions

• Utilité du bloc ?• Comment sont gérées les promotions

via la fiche produit ? • Ajuster la configuration du module• Intégrez le bloc uniquement si vous

réalisez des promotions




Bloc Magasins

• Utilité du bloc ?• Gérer les magasins depuis le back-office

sous «Préférences - > Coordonnées et Magasins».

• Ajuster la configuration du module• Idéal si vous avez plusieurs points de

ventes voir même un seul magasin physique (dans ce dernier cas réviser la traduction du bloc).



Module Tags

• Utilité ?• Configuration du module• Liens avec les produits & pertinence• Aide à la recherche• Voir récapitulatif de tous les tags dans

«Catalogue -> Tags»



Bloc Fabricants & Fournisseurs

• Utilité ?• Configuration & installation des 2 modules• L’importance de bien saisir les produits,

pour qu’ils soient complets• Le bloc fournisseurs est rarement affiché

du côté public• Suggestion : lien manuel du menu, vers les

Fabricants



Bloc Publicité

• Utilité ?• Configuration du module• Rediriger avec un intérêt défini

> un produit / une action> communication page CMS> réseaux sociauxVidéo d’aide : https://www.webbax.ch/2016/10/10/prestashop-de-a-a-z-bloc-publicite-ep-23/


Bloc Nouveaux Produits

• Utilité ?• Configuration du module• Basé sur la date d’ajout (voir aussi

options produits pour le délai de x jours)

• L’importances d’avoir des nouveautés• Création de nouveaux produits chaque

semaine (alimenter l’animation)




Pages CMS

• Utilité ? • Référencement & rassurance client• Lien via le menu / pages importantes• Révisez bien le contenu de ces pages

(ex. CVG)• Lien direct avec le module bloc

informations• Création de mise en page complexe avec

Layoutit : http://www.layoutit.com



Bloc Newsletter

Module• Utilité ?• Réviser le titre «Lettre d’informations»• Travailler sur la collecte d’emails• Exporter les adresses emails

Comment envoyer sa newsletter• Système D (client mail standard)• Mailjet ou Mailchimp• Utiliser un module newsletter (payant)• Synchroniser automatiquement avec

mailchimp (module payant) plus besoin de réaliser des exports / imports.

Augmenter son volume d’inscrits• Via un module de Popup



Expédition & Transports

• Création d’une nouvelle zone (Suisse)• Activation des pays utiles &

assignation de la Suisse à la bonne zone.

• Présentation du site de la poste pour la grille tarifaire + international

• Configuration d’un transporteur «Poste suisse» avec tranches de poids

• Lien suivi colis : https://www.webbax.ch/2014/08/18/suivi-des-colis-avec-la-poste-suisse/(code avec le @)

• Ajouter le logo au transporteur• Remarques sur les coûts des frais de

ports en Suisse + alternatives• Frais selon tranche de prix possible• Proposer le retrait sur place gratuit




COURS 5


Méthodes de paiement

L’étape du paiement est fondamentale sur une boutique en ligne, car elle peut influencer le comportement des acheteurs.

Virement bancaire

Voir ensemble la configuration module virement bancaire.

AvantageConfiguration simple et rapide, pas de frais, il suffit de disposer des coordonnées de la banque

InconvénientLe client doit se connecter manuellement à sa banque, lancer un transfert puis vous devez ensuite contrôler manuellement la réception du paiement.



Paypal

Un moyen de paiement économique pour encaisser de l’argent via compte PayPal ou carte de crédit

Avantage- Pas de frais liés à la création du compte (pas de contrat), la méthode de paiement est directement prête à l’emploi- Vous ne vendez rien, vous ne payez rien- Méthode de paiement universelle

Inconvénient- La commission de PayPal à 3.4%.- Interface pas pratique pour les clients ne connaissant pas PayPal- Transfert manuel vers le compte bancaire.

Processus à suivre PayPal- Création d’un compte chez PayPal- Inscription /confirmation de l'adresse email- Configuration avec le module Prestashop- Préférences / Accès API (Option 2, Signature API)



Paiement contre-remboursement

Proposer au client de payer contre remboursement est aussi un concept possible. Pour cela il faut installer la méthode de paiement «Cashondelivery».

La contrainte est qu’il faut faire payer 15 CHF de frais supplémentaires (Poste Suisse) voir leur tarif : https://goo.gl/v04TT6

Pour y parvenir, il faut idéalement créer un nouveau transporteur Poste Suisse avec ces frais.

Afin de limiter la méthode de paiement selon un transporteur, il est possible de mettre en place le module suivant : https://goo.gl/BdXRDJ



Autres méthodes de paiement

1) La méthode la plus demandée sur une boutique e-commerce est le paiement par cartes de crédit + le support de la Postcard.Cetinvestissement est à mon sens incontournable.

Prestation e-payment : https://goo.gl/KEDyXi.Voir le module : https://goo.gl/YOKgw8

Voir aussi : Datatrans, Saferpay / Six payment

2) Le paiement par facture «Swissbilling» avec garantie de paiement (très demandé en Suisse).

Site Swissbilling : http://www.swissbilling.ch/fr/Voir le module : https://goo.gl/5zMGRC

3) Les autres modules, paiement sur facture (B2B), paiement en magasin.


Logos de paiement

L’affichage des logos de paiement est un élément indispensable pour tout acheteur. Celui-ci doit savoir avec quelles méthodes il peut payer avant même de s’être connecté avec son compte et de devoir se rendre à l’étape de paiement.

• Ne frustrez pas vos acheteurs• Plus vous avez de méthodes + vous

aurez de chance de conserver le visiteur et d’avoir une validation de la commande

• Les possibilités / emplacements d’affichage via module : - directement sur la fiche produit- sur le bloc de la colonne de gauche- effectuer l’intégration




Gestion des commandes

Le panel de la gestion des commandes permet d’avoir une vision globale sur l’ensemble des achats effectués par vos acheteurs.

Celui-ci est déterminant pour assurer l’expédition de vos colis et entretenir une relation avec vos clients.

L’option la plus utilisée sera le panel principal des commandes, avec l’édition, l’impression (pour l’expédition).

Nous allons aussi découvrir les options secondaires du menu pour des réglages plus avancés (statuts de commandes / retours, message prédéfinis).



Gestion des clients

L’onglet des clients, permet une vision sur l’ensemble des inscrits dans votre boutique.

L’édition des clients peut-être utile pour aider un client à remettre son mot de passe à zéro ou ajuster des mauvaises coordonnées.

Les groupes clients permettent de mieux segmenter votre activité + effectuer des limitations sur l’ensemble de votre boutique.

La gestion des paniers permet une vision des commandes en attente, pensez à les relancer pour la validation.

Le SAV permet la centralisation des requêtes clients et vous permet une gestion centralisée des demandes / si vous n’avez pas accès à vos mails.



Promotions

Le fait de proposer des promotions à vos clients peut influencer leur comportement dans leur décision d’achat.

Incitez-les à venir commander chez vous grâce à un bon de réduction (proposez le bon via les réseaux sociaux, par e-mail ou entretien physique).

- Comment bien exploiter les bons de réductions ?

- Quelles sont les règles essentielles ?- Fonctionnement en front-office



Statistiques

L’onglet des statistiques de Prestashopvous permet une vision globale de l’évolution de votre activité sur différents aspects.

Cela peut concerner autant la partie chiffre d’affaire, l’état de votre clientèle ou encore le positionnement / notation de votre catalogue.

Pensez à fixer (1h) un jour par mois pour faire un tour des statistiques, afin de vérifier votre évolution.

Prudence des chiffres, toujours se référer à un outil externe pour la comparaison comme par ex. Google Analytics.



Préférences -> Seo & Urls

1) Optimisez le texte de la page «index», afin de rendre votre page d’accueil optimale pour Google.

2) Assurez-vous que les urls simplifiées sont bien activées (réécritures des urls).

3) Configurez l’url canonique en mode redirection 301.

4) Vérifiez que l’url de la boutique en ligne corresponde bien à votre nom de domaine / pas d’url temporaire.

5) Générez le fichier «robots.txt» pour que les robots visitent les bonnes pages concernées.




COURS 6


Recherche interne

• Optimiser la recherche interne (Préférences -> Recherche)

• Les fautes de recherche• Reconstruction de l’index• Automatiser l’actualisation de la

recherche via tâche planifiée.



Maintenance

• Mise en maintenance de la boutique• Intérêt & respect du client• Faire attention à sa propre IP



Traductions

• Comment traduire les différentes interfaces ? (Rubrique : Localisation)

• Traduction Front Office• Traduction Back Office• Traduction Modules• Utilisation de modules tiers• Opération longue et fastidieuse. Donnez

priorité à l’allemand, afin d’être concurrentiel au niveau des prix.



Accès rapide

• Utilité ?• Toujours les mêmes besoins• Gain de temps au quotidien• Création d’un accès rapide



Expertise marchand

• Utilité ?• Gadget• Rendre l’expérience

marchand «fun» en s’améliorant progressivement dans le temps.

• A désactiver, si inutilisé car le module occupe surcharge le back-office.



Google Analytics

• A quoi ça sert ?• Ouverture d’un compte Google

Analytics via Gmail.• Linkage de la boutique dans

Google Analytics• Configuration du module et

contrôle de la détection du visiteur (mode live).




Google Search Console & Sitemap

• A quoi ça sert ?• Génération du Sitemap• Consultation du fichier généré• Mise en place d’une tâche planifiée• Ouverture d’un compte Google

Webmaster• Transmission du fichier Sitemap• Vérification après 1 ou 2 jours• Toujours suivre les mentions de Google

Webmaster (ex. 404 / erreurs serveur)



Page Rank

• Note de 1 à 10 par Google• Tester son Page Rank• Améliorer son Page Rank

- augmenter liens entrants- liens partenaires- qualité du contenu

• 0 = pas forcément mauvais (jeune site)

• Ne pas être pressé (ré-évaluation chaque 4 mois env.)


Activation du cache

• Option sous «Paramètres avancés -> Performances»

• Activer le cache uniquement lorsque tout est prêt

• Activation vitale pour une vitesse d’affichage correcte

• Pour des tests toujours «désactiver le cache» + «forcer la compilation»

• Contrôle vitesse via Google Speed : https://goo.gl/ySNT9r

• Utiliser un module externe de cache pour un site plus rapide.



Evolution de sa boutique

• Consulter des blogs sur le e-commerce• Avoir un compte Twitter• Rester au courant de la tendance• Rejoindre des groupes sur Facebook• Travailler par objectif (chaque semaine)• Prestashop Addons les modules payants

(+ ce qu’il faut faire attention)



En cas de problème

Problème d’utilisation• Chercher par soi-même• Consulter la documentation• Faire une recherche sur le forum Prestashop

Problème technique• Copier l’erreur et faire une recherche sur

Google• Ouvrir un topic sur le forum Prestashop• Contacter votre webmaster

Astuce• Comment activer la gestion des erreurs pour

avoir le détail exact de l’erreur.



Questions

• Des points ne sont pas clairs ?• Besoin d’informations sur un sujet

précis ?

Remerciements

Merci d’avoir choisi ce cours et tout le succès pour la suite avec votre boutique e-commerce !


cours prestashop 1.6 / webbax - ecole club migros

Internet