CMS (WEBSITE) FR

• Table des matières
• CMS
• Back offices
• Media Library
• Modules-> Pages
• Modules-> News
• Modules-> Events
• Modules-> Blocks
• Modules-> Home Banners
• Translate
• Backoffice WS
• Webshop
• Magasin
• Réception de commandes
• Settings
• Classification
• Livraison
• Sélections
• OnixEditor

CMS

Back offices:

Le back office du CMS permet de gérer le contenu du site web (gestion des images, évènements, nouveautés, gestion des sélections, bannières, pages, etc…).

Une partie du menu du back office permet d’accéder à la gestion des web services, néanmoins celle-ci nécessite une nouvelle connexion (login/mot de passe).  Cette partie permet de créer des sélections, des classifications, de gérer les commandes, les clients, modifier les informations du magasin, gestion des papiers cadeaux, gestion des frais de port, utilisation de l’Onix editor, etc…).

Media Library:

Cet écran permet de gérer la librairie des images. Il est possible d’uploader des images ainsi que de créer des dossiers (« catégories »). Il faut ajouter les images au back office via cette interface afin de pouvoir les utiliser pour les bannières, nouveautés, évènements, etc…

Exemple video:

 Modules->Pages

Cette partie permet de gérer les différentes pages que compose le site web. Ces pages sont gérées par l’administrateur/développeur.

Si vous désirez ajouter une page directement dans le menu, cette page doit se trouver dans le dossier « Menu ».

Pour éditer une page (par exemple la page de contact), cliquez sur le bouton d’édition en bleu.

Le titre et l’introduction (facultatif) sont modifiables. Vous pouvez également désactiver  la page sans la supprimer.

L’onglet « online » permet de déterminer si la page n’est accessible que sur une période de temps ou indéfiniment.

La partie « item date » permet de changer la date de création de la page.  Cette fonction peut être utile pour le trie des évènements ou nouveautés par exemple.

Pour éditer cette page, cliquez sur le bouton  « edit content » en rouge. Vous serez redirigé vers la page en question avec l’interface permettant de modifier le contenu. Cliquez sur le bouton edit. Vous pouvez grâce à cette interface gérer le contenu, appuyer sur le bouton vert pour appliquer les changements. Appuyer sur le bouton clear cache du back office afin de vider le cache.

La page de contact contient la maps google. Contactez l’administrateur si vous désirez enlever cette fonctionnalité.

Exemple video:

Modules->News

L’écran « news » permet d’ajouter, modifier et supprimer des nouveautés. En appuyant sur le bouton édition en bleu vous pourrez modifier celle-ci.

Vous pouvez déterminer le titre et l’introduction de l’article.

L’onglet « online » vous permet de déterminer quand l’évènement est visible (facultatif).

L’onglet « Images » permet d’ajouter l’image qui sera affichée à côté du titre. Vous pouvez ajouter une image via la page « media library » afin de pouvoir l’utiliser ici.

Les onglets SEO et Social servent au référencement de la page (évitez au maximum les accents dans les urls).

Pour éditer l’article, cliquez sur le bouton « edit content » en rouge.

Appuyez ensuite sur le bouton d’édition bleu en haut à gauche.

Sur cet écran vous pouvez éditer votre article, ajouter du texte, des images,  video, etc…

Une fois l’article terminé, appuyez sur le bouton approuver en vert afin de le sauvegarder.

Exemple:

Modules->Events

Cette partie se gère comme les nouveautés, voir ci-dessus.

Modules->Blocks

Gestion de l’affichage des sélections

Vous retrouvez tous les éléments de la page d'accueil sur cet écran. Avec le drag and drop vous pouvez modifier l’ordre des éléments, activer/désactiver ainsi que choisir le nombre d’éléments à afficher.

Edition des sélections

Pour éditer une sélection ou en créer une nouvelle cliquez sur le bouton « edit selection ».

Vous serez ainsi redirigé vers le back office des web services. Vous retrouverez la partie consacrée à la gestion des sélections ici.

Exemple video:

Modules-> Home Banners

Ce lien permet de vous rediriger vers la page de gestion des bannières.

Dans l’onglet « images » vous pouvez ajouter une bannière que vous aurez préalablement téléchargée via la page « Media library ».

NB : Pour la modification des bannières, un « clear cache » est nécessaire (bouton en haut à gauche) pour vider le cache et que la modification soit instantanée sur le site web.

Veuillez respecter les dimensions qui sont notées au-dessus de la sélection des dossiers « select category ». Avec le drag and drop vous pouvez également modifier l’ordre des bannières.

En cliquant sur le bouton d’édition situé sur le dessus de l’image vous pouvez changer les propriétés de celle-ci.

Il est possible de changer la balise « title » de l’image (visible lors du survol de la souris).

Le bouton de sélection du dessous permet de créer automatiquement  l’url (avec la sélection choisie) vers laquelle l’image va renvoyer au clique de la souris. Il est également possible d’insérer manuellement l’url vers laquelle vous souhaitez rediriger l’utilisateur (classification, évènement, autre site web, etc…).

Les options « start date » et « end date » permettent de limiter la bannière dans le temps. Il est également possible d’activer une bannière uniquement le weekend (only weekend).

Exemple:

Translate

La gestion des traductions est très simple, il suffit de remplir le terme ou la phrase et de cliquer sur « Save ».                          

Le bouton check front permet de récupérer toutes les occurrences si un nouveau terme a été ajouté dans le code.

Backoffice WS

La partie back office WS permet de gérer les web services qui sont utilisés.  Cette partie nécessite une nouvelle connexion, néanmoins celle-ci sera active le temps de votre session.

Le menu pour les web services se retrouve sur le côté gauche.

La partie back office WS permet de gérer les web services qui sont utilisés.  Cette partie nécessite une nouvelle connexion, néanmoins celle-ci sera active le temps de votre session.

Le menu pour les web services se retrouve sur le côté gauche.

Webshop

Clients / Commandes

Ces pages contiennent l’ensemble des clients ou commandes. Il est possible de filtrer ou rechercher afin d’affiner la liste.

Pour chaque Client/Commande, il existe une fiche détaillée dans laquelle nous pouvons apporter des modifications ou tout simplement consulter les informations de celle-ci ou celui-ci. Comme par exemple voir toutes les commandes d’un client ou encore les livres commandés.

Magasin

L’onglet magasin regroupe les pages de gestion de commandes : création, réception et livraison de commandes.

Ces fonctionnalités ont était développées dans le but de répondre au besoin d’une borne électronique. Mais peut aujourd’hui servir à d’autres utilités comme un geste commercial par exemple.

Création de commande

Le système de création de commandes se déroule en 4 étapes :

1. Sélection du ou des livres

C’est ici que l’on va ajouter au panier les livres désirés en appuyant sur

Cette page comporte 2 listes : une liste des entrées venant de la borne électronique et les résultats d’une simple recherche.

Une fois le livre ajouté au panier, nous pouvons passer à la prochaine étape : le panier.

1. Panier

Durant cette étape, il est possible de modifier le panier : Augmenter la quantité ou supprimer la ligne.

Elle permet de rectifier la commande dans le cas où on aurait fait une erreur comme entrée deux fois le même livre alors que le client n’en voulait qu’un.

1. Client

Nous prenons les informations du client, auquel la commande sera attribuée à la fin du processus.

Il est possible de rechercher un client existant et de modifier ses informations.

Dans le cas d’une livraison en magasin, le client peut choisir son moyen de contact. Il sera prévenu lors de la réception de commandes par le moyen choisi.

1. Résumé

La dernière étape permet d’avoir un récapitulatif de la commande avant la validation.

Réception de commandes

Lors d’une livraison en magasin, nous allons réceptionner les livres commandés par un client.

Une fois sur la page, il suffira de scanner le livre réceptionné pour voir les commandes lié à celui-ci.

En appuyant sur  pour prévenir le client que son livre est arrivé selon le moyen de contact choisi lors de la prise de commande.

Livraison de commandes

Cette page servira à la finalisation de la commande lorsque le client viendra chercher sa commande. Une fois tous les livres de la commande « livrés », la commande passe au statut «  ».

Settings

Classification

Exemple de classification du site de démonstration :

Les classifications sont un ensemble de « thèmes », dans notre exemple, nous avons une classification « Littérature » qui possède 2 autres sous-classifications dans lequel nous avons ajouté des « thèmes ».

Nous avons 2 catégories de « Littératures » : jeunesse et étrangère. Mais nous voulons ajouter une catégorie « Littérature française »:

Si un livre ne possède pas le thème nécessaire afin qu'il réponde à une classification, il est possible d'en ajouter ou modifier grâce à « OnixEditor ».

Livraison

Cette page rassemble les informations propres à la livraison : adresse du magasin, frais de port,…

Onglet « Magasins »

Exemple de l’onglet « magasins »

Sur cet onglet, vous pouvez modifier les données d’un magasin ou en créer un nouveau.

Onglet « Papiers cadeaux »

Exemple d’un onglet « Papiers cadeau »

Lors d’un achat sur le site, le client aura la possibilité de choisir un papier cadeau. Cet onglet permettra d’en ajouter et de les modifier.

Onglet « Zone / Frais de port »

Cet onglet permet de paramétrer les frais de port

Dans cet exemple,  Les frais de port s’élève à 2,4€. Si le montant de la commande s’élève au minimum à 25€, les frais de port sont offerts (gratuits).

Sélections

Création

Cette liste de sélections permet d’activer supprimer ou créer des sélections, Il existe un « type » de sélections : private, group ou public. Mais n’est pas utilisé pour le moment.

Edition

De l’onglet « Edition », nous avons la possibilité de rechercher les livres que nous voulons ajouter à une sélection.

La sélection est disponible dans la colonne de gauche. Cette page utilise un système de « Drag & Drop », vous pouvez « glisser » les livres pour les ajouter, supprimer de la liste ou encore modifier l’ordre.

Exemple d’intégration :

Exemple d’intégration sur le site de démonstration

OnixEditor

C’est ici que l’on va venir apporter des modifications aux livres.

Voilà le résultat d’une recherche dans onixEditor, permettant de choisir le livre à modifier.

Il est également possible de créer un nouveau livre.

Toutefois, aucune modification n’est apportée aux données du fournisseur, mais un nouveau livre sera créé dans un catalogue personnalisé ou privé.

Les modifications sauvegardées ne seront pas immédiate (≈15min).

Cliquer sur l’un des résultats ou « créer nouveau livre » pour ouvrir le formulaire d’édition.

OnixEditor est divisé en 3 parties :

-Description du produit

Métadonnées propres au livre : titre, auteur, poids,…

-Détails de publication

Cet onglet rassemble les informations propres à la publication.

C’est d’ailleurs ici que nous pouvons ajouter un « Thème » à un livre, le rendant présent dans les recherches sur les classifications.

-Information du fournisseur

C’est dans cet onglet que nous pourrons changer :

• le code de disponibilité d’un livre.
• Ajouter ou modifier un prix, « à partir » ou « jusqu’à » selon une ou un intervalle de dates.
• Ajouter un prix « promo ».