Embed Size (px)
Citation preview
MANUEL
D’UTILISATION
E-mail : [email protected]
Site web : www.maison-dubois.com
Maison DUBOIS
Véronique SEGUIN, Chef de Projet
1
Rappel fonctionnalités du site ........................................................................................... 3
Manuel utilisation ............................................................................................................ 4
Connexion ..................................................................................................................... 5
Dashboard Généralité .................................................................................................... 6
Zone de navigation ........................................................................................................ 7
Zone d’informations ...................................................................................................... 9
Zone de menu ............................................................................................................. 10
Articles : afficher & modifier .................................................................................. 11
Visualiser les modifications ......................................................................... 15
Ajouter un nouvel article ............................................................................. 16
Catégories : création & affichage ................................................................. 21
Etiquettes .................................................................................................... 22
Médias : Ajouter & Modifier .................................................................................. 23
Pages : création & modification ............................................................................. 25
Commentaires ...................................................................................................... 26
Woo Commerce : accueil ....................................................................................... 27
Commande .................................................................................................. 28
Clients & rapport .......................................................................................... 29
Réglages & états & extensions ..................................................................... 30
Produits : ajouter un produit.................................................................................. 31
Données des produits : inventaire, expédition, produits liés .................................. 32
Autres paramètres produits .................................................................................. 33
Statistiques ........................................................................................................... 34
Marketing ............................................................................................................. 35
Apparence page d’accueil site : Thème & Personnaliser ......................................... 36
Général & Titre/Slogan/Logo du site ............................................................ 37
Zone d’entête .............................................................................................. 38
Menu layout ................................................................................................ 41
Blog & Polices .............................................................................................. 43
Pied & Couleurs &Arrière-plan ..................................................................... 44
Menus ......................................................................................................... 45
Widgets ....................................................................................................... 47
Personnalisation boutique WooCommerce ................................................. 49
Comptes ............................................................................................................... 50
TABLE DES MATIERES
2
Maison DUBOIS
3
Rappel des Fonctionnalités
La Maison Dubois est une fabrique de meubles artisanaux en bois brut. Afin de commencer une commercialisation de ses produits en ligne, la Maison Dubois demande la réalisation d’un site e-commerce, permettant aux utilisateurs de découvrir, commander et se faire livrer les produits commercialisés sur le site.
Le back-office du site devra permettre de : ➢ Créer de nouvelles fiches de produits,➢ Gérer les inventaires,➢ Gérer les prix,➢ Gérer les promotions➢ Lister les commandes.
4
5
Connexion
Se rendre sur le site à l’adresse suivant
http://localhost/maison_dubois/wp-admin/ Identifiant de connexion Identifiant : alternante Mot de passe : alternanteMaisonDubois123
Cliquez sur : Se connecter
6
Dashboard généralité
Le dashboard WordPress est constitué de 3 zones :
➢ Zone de navigation : permet d’accéder à WP, à la visualisation du site, accès rapide
à certains paramètres du site tel que création d’articles, page, fichier média, produit,
commande et code promo
➢ Zone d’informations : permet à l’ouverture d’avoir une vue d’ensemble sur les
nouveautés, l’activité sur le site
➢ Zone de menu : permet de gérer les paramètres du site
M
e
n
u
Zone
d’informations
Zone de navigation
7
Zone de navigation
Les fonctionnalités seront étudiées dans les chapitres dédiés.
À droite, identité de la personne connectée.
À gauche
Accès à Wordpress
Cliquer sur l’icône WP, pour ouvrir le menu permettant d’accéder au site WP, à la
documentation et au forum.
Accès au site
Cliquer sur l’icône en forme de maison pour ouvrir le menu et accéder au site ou
directement à la boutique.
8
Accès au commentaire
Cliquer sur l’icône commentaire afin d’afficher la liste des commentaires
Accès direct
Cliquer sur la croix afin d’accéder aux fonctionnalités les plus utilisées.
9
Zone d’informations
En cliquant sur l’onglet option de l’écran, il est possible de paramétrer les informations
affichées dans la zone d’informations.
En cliquant sur l’onglet aide, une aide contextuelle s’affiche
10
Zone du menu
Créer, modifier, supprimer les pages,
articles, photos
Créer, modifier les fiches de produits
Gérer les prix, les codes promo
Gérer les commandes
Listing des commandes et clients
Gérer l’apparence du site
Gérer les commentaires
Gérer les comptes et profils utilisateurs
11
Articles Tableau de bord>Articles
Afficher tous les articles Tableau de bord>Articles>Tous les articles
Modifier un article avec l’éditeur WordPress Tableau de
bord>Articles>Tous les articles
Quelles différences entre Modifier et Modification rapide
La Modification rapide permet de visualiser et de gérer le titre, le slug, la date, l’auteur, la
catégorie, le modèle utilisé, les autorisations et les états.
12
La modification permet de mettre à jour le texte et la mise en page d’un article.
Cliquez sur l’icône pour faire apparaître les options les plus utilisées.
Sélectionner l’option désirée avec un clic gauche sur la souris.
Rédiger.
13
Si vous ne trouvez pas l’option désirée
cliquez sur Tout parcourir un menu
contextuel va s’ouvrir à gauche afin
D’afficher toutes les options disponibles
concernant :
➢ Les blocs
➢ Les médias
➢ L’apparence
➢ Les widgets
➢ Contenus embarqués
➢ Woo commerce
➢ Jetpack
Clic gauche sur l’option choisi, maintenir
le clic et faire un glisser déposer à
l’endroit désiré
14
Autre paramétrage de l’article
Modifier les éléments en fonction de vos besoins
Mettre à jour avant de sortir pour enregistrer les modifications apportées.
« Attributs d’articles » permet
de préciser la taille, la couleur
des articles.
15
Visualiser les modifications
Cliquer sur Voir l’article afin de visualiser les modifications apportées en bas à gauche,
affichage temporaire.
Sinon
16
Ajouter un article Tableau de bord>Articles>Ajouter
Un article peut être créé à l’aide de l’éditeur WP soit avec un page-Builder comme
Elementor. Dans tous les cas, l’article sera modifiable avec l’éditeur utilisé.
La construction d’un article avec l’éditeur WP est identique à la modification décrite ci-
dessus.
Je consacrerais cette partie à l’utilisation d’Elementor.
Tableau de bord>articles>ajouter>Nommer l’article>Modifier avec Elementor
Sélectionner Modifier avec Elementor
Sélectionner une option dans le menu de gauche et insérer en glisser déposer au niveau de
la zone centrale
17
Apporter les modifications dans la zone latérale gauche. La zone modifiable est entourée
d’un carré bleu. Les modifications apportées apparaissent directement dans la zone de
visualisation immédiatement.
Modification Visualisation des modifications apportées
Cliquer sur Publier afin d’enregistrer les modifications.
18
Options de personnalisation
Elementor propose un large choix de personnalisation
tant au niveau du style que de la typographie. Il est
cependant recommandé de respecter la charte
graphique et l’uniformité du document. Le style et la
typographie étant au préalable paramétré en fonction
de la charte en application pour le site.
19
Différents widgets à insérer
20
Modifier un élément avec Elementor
Passer la souris sur l’élément à modifier, un double carré bleu apparait.
Cliquer. Modifier.
Cliquer sur mettre à jour afin d’enregistrer les modifications.
Cliquez sur afin de faire apparaitre à nouveau les options disponibles.
Modifier la structure d’un élément
Par défaut, les éléments se positionne les uns en dessous les autres, afin de modifier la
disposition et placer des éléments sur la même ligne, cliquer sur
Sélectionner la structure désirée.
Insérer les options comme précédemment. Pour sortir cliquer sur
Sélectionner l’option désirée.
21
Gérer les catégories Tableau de bord>Articles>Catégories
Les catégories sont obligatoires, elles permettent de trier et regrouper des articles en
fonction de leur thématique
Création d’une catégorie
Afficher la liste des catégories
22
Gérer les étiquettes Tableau de bord>Articles>Etiquettes
Les étiquettes font parties comme les catégories des taxonomies dans Wordpress. Les
étiquettes ne sont pas obligatoires, elles permettent d’améliorer la classification des
articles.
Le mode de création d’étiquette et l’affichage de la liste est identiques à la section
catégories.
Catégories et étiquettes présentent un réel intérêt pour améliorer le référencement
naturel.
23
Médias Tableau de bord>Médias
On trouve dans cet onglet la médiathèque contenant l’ensemble des médias disponibles
Ajouter un média Tableau de bord>médias>ajouter
On peut déposer des fichiers pour les téléverser, les médias apparaitront ainsi dans la
médiathèque. Au préalable, il est recommandé de minifier la taille des images et de les
compresser avant utilisation.
Les images peuvent être modifier, l’ajout d’un texte alternatif est fortement conseillé qui
peut être complété par une légende et une description.
Cliquer sur mettre à jour
24
Modifier l’image
25
Pages Tableau de bord>Page>Toutes les pages
Cet onglet permet l’affichage des pages, la modification et la création de nouvelle page.
Confère chapitre article.
Les pages présentent des contenus plus statiques tels que les pages de contact, à propos,
mentions légales, les conditions générales de ventes, parfois la page d’accueil.
26
Commentaires Tableau de bord>Commentaires
Cet onglet permet d’afficher les commentaires mais également de les traiter.
Plusieurs actions sont possibles concernant la gestion des commentaires.
27
WooCommerce
Accueil tableau de bord>WooCommerce>Accueil
La page d’accueil permet de visualiser en un clin d’œil l’ensemble de l’activité commerciale
du site.
28
Commande tableau de bord>WooCommerce>Commandes
En cliquant sur la commande, le détail de celle-ci s’affiche
29
Clients tableau de bord>WooCommerce>Clients
Listing client téléchargeable au format Excel.
Rapports tableau de bord>WooCommerce>Rapports
Récapitulatif d’activité exportable au format CSV.
30
Réglages tableau de bord>WooCommerce>Réglages
Gestion des coordonnées de la boutique et de la devise, du taux de TVA, des conditions et
tarifs d’expédition, des moyens de paiement, des emails automatiques en fonction de la
situation, conformité du compte client, géolocalisation, fonctions avancées.
Etat Tableau de bord>WooCommerce>Etat
Cet onglet concerne l’environnement WordPress
Extension Tableau de bord>WooCommerce>Extension
Cet onglet propose les extensions pouvant être utilise tel que google Analytics, Zapier
(connecte le site à des apps cloud)
31
Produits Tableau de bord>Produits>
Cet onglet permet d’afficher la liste des produits, de créer de nouveau produit, de gérer le
stock.
Ajouter un produit Tableau de bord>Produits>Ajouter
32
Données produit Tableau de bord>Produits>Ajouter>Données
Produit>Général
Gestion inventaire Tableau de bord>Produits>Ajouter>Données Produit>Inventaire
Condition d’expédition Tableau de bord>Produits>Ajouter>Données Produit>Expédition
Produits liés présentés au client Tableau de bord>Produits>Ajouter>Données
Produit>Produits liés
Les ventes croisées sont des produits que vous mettez en avant dans le panier, basés sur le
produit acheté par le client.
Attribut Tableau de bord>Produits>Ajouter>Données Produit>Attributs
Les attributs sont des valeurs permettant d’apporter des variations à un même produit
telles que la taille, la couleur d’un article.
Avancé Tableau de bord>Produits>Ajouter>Données Produit>Avancé
Note de commande, ordre de menu personnalisé …
33
Tableau de bord>Produits>Ajouter
Dans la partie droite, plusieurs autres options sont également paramétrables.
FB product sets Tableau de bord>Produits>FB Product Sets
Cette section permet de réunir les produits sous forme d’ensemble d’articles afin de les
catégoriser dans un catalogue à présenter soit dans des annonces et des boutiques.
Paiement Tableau de bord>Paiements
Paramètre de Connexion au module de paiement Woo Commerce
34
Statistiques Tableau de bord>Statistiques>Vue d’ensemble
Cet onglet permet le suivi de l’activité commerciale présentée sous forme
de tableau ou de graphe récapitulatif.
Les documents téléchargeables sont paramétrables
35
Marketing Tableau de bord>Marketing>Codes promo
L’onglet marketing permet de gérer les codes promo
Facebook Tableau de bord>Marketing>Facebook
Facebook pour WooCommerce connecte la boutique WooCommerce à Facebook afin
d’aider les internautes à découvrir la boutique et permettre de trouver de nouveaux
clients.
36
Apparence de la page d’accueil du site
Thèmes Tableau de bord>Apparence>Thèmes
Dans cette partie, vous trouverez toutes les informations concernant le thème utilisé pour
la création du site.
Personnaliser Tableau de bord >Apparence>Personnaliser
Cette section est également accessible également via le site en cliquant sur Personnaliser
Afin de modifier une zone, cliquer sur l’icône crayon bleu Cela vous permettra
d’accéder directement à la section de personnalisation correspondante, dans la partie
latérale gauche.
Les modifications peuvent être nuancer en fonction du support desktop, mobile, tablette
Attention : Il est impératif de cliquer sur Publié afin que les modifications
soient prises en compte.
Nom du site
Thème actif
Zone d’accès à la
Personnalisation
Sélecteur
desktop,
tablette, mobile
37
Général : Site> Personnaliser>Général
Cette section permet de paramétrer le conteneur. Le padding définit l’espace compris
entre la bordure d’un élément et son contenu. Il s’agit donc d’une marge intérieure.
Titre / Slogan / Logo du site : Site>Personnaliser>Titre/Slogan/Logo du site
Sortir
Retour page précédente
Validation
38
Zone d’entête : Site>Personnaliser> Zone d’entête
Cette section permet la personnalisation de l’entête. Il est proposé de personnaliser
l’entête de la page d’accueil indépendamment des autres pages. Les 4 type d’entêtes
proposés sont paramétrables via l’onglet Diaporama d’entête et Média de l’entête.
Types d’en-tête Site>Personnaliser> Zone d’entête>type d’entête
Menu seul
Diaporama
Image
Vidéo
39
Diaporama d’entête Site>Personnaliser>Zone d’entête>Diaporama d’entête
Le diaporama permet un défilement d’image.
Dans cette section, il est possible de paramétrer plusieurs options.la vitesse, les images, les
titres, sous titres du diaporama ainsi que le texte, le lien et le comportement à affichage du
bouton call to action
Adresse de la page de
destination
Responsive : s’adaptable
automatique à la taille de
l’écran à la page.
Plein écran : conserve un
maximun de place à l’écran
40
Média de l’entête accessible également Site>Personnaliser> Zone d’entête>Média de
l’entête
Cette section permet le paramétrage de la vidéo et de l’image d’entête.
41
Menu layout Site>Personnaliser>Zone d’entête >Menu layout
Cette section permet le paramétrer le comportement du menu
Menu fixe mis en avant : le menu est fixe et reste
visible lors du scroll de page
Statique : le menu disparait au scroll
Aligné
Centré
Contained
Pleine largeur
42
Site>Personnaliser>Zone d’entête >Menu layout>Header custom item
Bouton :
43
Options du blog Site>Personnaliser>Options du blog
Police Site>Personnaliser>Polices
44
Pied Site>Personnaliser>Pied
Couleurs Site>Personnaliser>Couleurs
Cette section permet de sélectionner les couleurs appliquées
aux différentes sections.
Image d’arrière-plan Site>Personnaliser>Image d’arrière-plan
45
Menus Site>Personnaliser>Menus
Cliquez sur le lien pour l’insérer dans la partie
gauche
Puis sélectionner le et déplacer en fonction de
vos besoins.
L’indentation correspond à un sous menu
46
Le menu est également accessible par Tableau de bord> Apparence>Menus
47
Widgets Site> Personnaliser>Widgets
Ajouter un widget
Les widgets sont également accessibles par Tableau de bord>Apparence>Widgets
Cliquer
48
Supprimer un widget
Ou Tableau de bord>Apparence> Widgets
49
Woo Commerce Site> Personnaliser>WooCommerce
Personnalisation de la boutique
50
Comptes Tableau de bord>Comptes>Tous les comptes
Rôle WordPress
Administrateur : Accès à toutes les fonctionnalités de l’administration WordPress Editeur : Peut publier et gérer les pages ainsi que celles des autres utilisateurs Auteur : Peut publier et gérer ses propres articles uniquement Contributeur : Peut écrire et gérer ses propres articles mais ne peut pas les publier Abonné : Peut gérer son profil, lire les messages et laisser des commentaires Rôle WooCommerce Client : Peut gérer son compte, afficher ses commandes et l’historique de ses commandes Gestionnaire de boutique : rôle similaire à l’éditeur avec la possibilité de modifier les paramètres et les produits WooCommerce, d’afficher les rapports.
51
Pour aller plus loin
Documentation WordPress : https://fr.wordpress.org/support/
Documentation WooCommerce : https://docs.woocommerce.com/
Documentation MailPoet : https://kb-mailpoet-
com.translate.goog/?_x_tr_sl=en&_x_tr_tl=fr&_x_tr_hl=fr&_x_tr_pto=ajax,se,elem,sc
Documentation Jetpack : https://fr.jetpack.com/support/
Documentation Yoast : https://yoast.com/help/
Formation SEO en ligne : https://yoast.com/academy/
