51
Rubedo Commerce Tutoriel de création d’un site e-commerce avec Rubedo Commerce 2.2

Tutoriel rubedo commerce

  • Upload
    rubedo

  • View
    613

  • Download
    0

Embed Size (px)

DESCRIPTION

Rubedo Commerce est une solution de gestion de sites/ multi-sites e-commerce. Adossé aux fonctionnalités de gestion des contenus et des médias de Rubedo cms, Rubedo Commerce offre un environnement complet permettant de gérer plusieurs sites internet, intranet, extranet et e-commerce. Rubedo Commerce bénéficie ainsi de l’ensemble des fonctionnalités de Rubedo : e-mailing, gestion des droits, médiathèques, studios, enquêtes, … Pour optimiser les ventes, un moteur de recommandation/personnalisation par ciblage comportemental est intégré dans la solution Rubedo.

Citation preview

Page 1: Tutoriel rubedo commerce

Rubedo Commerce

Tutoriel de création d’un site e-commerce avec Rubedo Commerce 2.2

Page 2: Tutoriel rubedo commerce

Rubedo Commerce

Tutoriel : Rubedo Commerce

� Rubedo Commerce est une solution de gestion de sites/ multi-sites e-commerce.

Adossé aux fonctionnalités de gestion des contenus et des médias de Rubedo,Rubedo Commerce offre un environnement complet permettant de gérerplusieurs sites internet, intranet, extranet et e-commerce.

Rubedo Commerce bénéficie ainsi de l’ensemble des fonctionnalités de Rubedo :e-mailing, gestion des droits, médiathèques, studios, enquêtes, …

Pour optimiser les ventes, un moteur de recommandation/personnalisation par ciblage comportemental est intégré dans la solution Rubedo.

Page 3: Tutoriel rubedo commerce

Rubedo Commerce

Tutoriel : Rubedo Commerce

� Etapes de création d’un site e-commerce

– Activer le e-commerce dans l’installation de Rubedo

– Créer un nouveau site et activer les catégories

– Création de la taxonomie

– Création et publication des produits et des contenus

– Création de l’arborescence / Pages

– Paramétrage des fonctions e-commerce

Page 4: Tutoriel rubedo commerce

Activer les fonctions e-commerce

Tutoriel : Rubedo Commerce

� Dans l’install de Rubedo / Applications settings / activer le e-commerce

Page 5: Tutoriel rubedo commerce

Création d’un nouveau site

Tutoriel : Rubedo Commerce

� Les fonctionnalités e-commerce peuvent être ajoutées à un site existant ou sur un nouveau site Rubedo.

� Création d’un nouveau site :– Dans le menu Studio > Sites

– Ajouter un site

– Paramétrer • Voir guide administrateur

• Rubedo et les fonctions d’usine à sites

– Activer les catégories

Page 6: Tutoriel rubedo commerce

Création de la taxonomie

Tutoriel : Rubedo Commerce

� La taxonomie à pour objectif de classer les différentes informations (Produits, articles, news, …) d’un site.

Liste des taxonomies

Liste des termes de la taxonomie

sélectionnée

Ajout et suppression de taxonomie

Ajout et suppression de termes

Paramètres de la taxonomie sélectionnée

En savoir plus http://fr.slideshare.net/Rubedo-project/multi-classement-des-contenus-avec-la-taxonomie

Page 7: Tutoriel rubedo commerce

Création de la taxonomie

� Exemple :– Le site propose des vêtements et des clés USB.

– Ces termes seront ensuite appliqués aux produits

Facettes de recherche

Page 8: Tutoriel rubedo commerce

Création des Types de produits

Tutoriel : Rubedo Commerce

� A l'instar des Types de contenus et des Types d'utilisateurs (Création d'un type de contenu), Rubedo permet de définir les différentes informations qui composent un produit. "On ne vend pas des clés USB de la même façon qu'un tee-shirt".

� Ce tutoriel présente la création d'un nouveau produit Nommé USB.

– Dans l'application Type de contenu, cliquer sur "Ajouter"

– Indiquer le nom du type de produit, puis sélectionner "Configurable"

Page 9: Tutoriel rubedo commerce

Création des Types de produits

Tutoriel : Rubedo Commerce

� Ajouter les différents champs nécessaires pour créer les produits. Dans notre exemple : Numéro du produit, description, image, poids, dimension, délai de préparation, pack size et couleur.

En savoir plus http://fr.slideshare.net/Rubedo-project/types-de-contenus

Page 10: Tutoriel rubedo commerce

Création des Types de produits

� Pour chaque champs, il est possible d'appliquer des propriétés (sur les données et leur recherche/indexation. Sélectionner le champs à gauche pour ajouter des propriétés dans l'onglet droit.– Indiquer lorsque le champ est une variation du produit. Dans notre exemple,

Pack size et Couleur seront les variations des clés USB.

Page 11: Tutoriel rubedo commerce

Création des Types de produits

� Onglet Taxonomie

� Sélectionner les vocabulaires de taxonomie associés (Multi classement des contenus avec la taxonomie). – Dans l'exemple, les clés seront classées par leur taille et la plateforme

d'utilisation. Ces 2 vocabulaires de taxonomie seront donc disponibles dans les facettes de la recherche.

Tutoriel : Rubedo Commerce

Page 12: Tutoriel rubedo commerce

Création des Types de produits

� Onglet propriétés

� La gestion des propriétés des types de produits permet de définir leur visibilité (Par exemple réserver à des groupes d'utilisateurs, ventes privées, ...), la gestion des stocks ou les délais de préparation. – Gestion de la visibilité : possibilité de réduire l'accès à des types de produit

(Voir tutoriel sur le paramétrage des droits et rôles)

� Commentaires : activer ou désactiver pour permettre de commenter les fiches produits avec DisQus

� Management des stocks : activer ou désactiver la gestion des stocks depuis Rubedo. Cette fonction permet également de définir si les produits sans stock peuvent être commandés sur le site et permet de visualiser sur l'interfac "Gestion des stocks" l'état en temps réel des stocks des produits.

� Délai de préparation : Permet de spécifier un délai de préparation. Ce délai est également indiqué aux clients lors de leur commande.

Tutoriel : Rubedo Commerce

Page 13: Tutoriel rubedo commerce

Tutoriel : Rubedo Commerce

Page 14: Tutoriel rubedo commerce

Création des Types de produits

� Onglet Mise en page

� Définir la mise en page des produits : Rubedo permet de créer simplement des mises en page pour l'affichage des produits. (Voir aussi : Tutoriel : Création des mises en pages des contenus)

Tutoriel : Rubedo Commerce

Page 15: Tutoriel rubedo commerce

Création des Types de produits

� Onglet Mise en page

� Une fonction d'affichage sous forme d'onglet est disponible – Ajouter une ligne puis activer Display as a tabs

– Ajouter des colonnes pour chaque onglet (ici 3 colonnes) et les nommer (Par exemple : Description, caractéristiques techniques, délai).

– Ajouter les différents champs dans les colonnes

– Activer le gabarit pour le site souhaité.

Tutoriel : Rubedo Commerce

Page 16: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� Lorsque le Type de produit est validé, il est possible de créer les produits.– Application Produits ou Contenus

– Cliquer sur Ajouter puis compléter le formulaire

Page 17: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� Le formulaire se compose des onglets suivants :

– Edition : permet de rédiger les informations sur le produit

– Métadonnées : permet de définir une date de début et une date de fin d'affichage. Par exemple pour des "offres éclair".

– Taxonomie : permet de tagguer les produits

– Workspaces : voir gestion des droits

– Versions : rubedo stocke les différentes versions des produits. Il est possible de revenir à la version précédente par un simple clic.

– Caractéristiques : permet d’indiquer les variations et les prix du produit

Page 18: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� La Gestion des variations des produits : – SKU : correspond à la référence du produit

– Prix de base : prix de départ des nouveaux produits

– Délai de préparation : permet d'afficher le délai de préparation avant son acheminement

– Stock management et Can order out of stock : permet aux clients de commander un produit hors stock et permet d'indiquer les critères d'alertes des stocks

– Variations : permet de saisir les variations d'un produit

Page 19: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� La Gestion des variations des produits :

� Dans cet exemple, les champs indiqués en tant que variations s'affichent (Pack size et color). Cliquer sur Ajouter pour définir les variations. Pour chaque variation il faut compléter :– ses items de variation (Ici Pack size et color)

– Son prix

– Son SKU unique

– Son stock, si les stocks sont gérés dans Rubedo

� A droite un onglet Offres spéciales permet d'appliquer une promotion pour chaque variation.

Page 20: Tutoriel rubedo commerce

Tutoriel : Rubedo Commerce

Page 21: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� La Gestion des variations des produits : Promotions– Sélectionner la variation

– Ouvrir le panneau de promotions

– Cliquer sur Ajouter

– Définir une date de début et de fin, ainsi que le nouveau prix. L'ancien prix et le nouveau seront affichés aux clients sur la fiche du produit.

Page 22: Tutoriel rubedo commerce

Création d’un nouveau produit

Tutoriel : Rubedo Commerce

� La Gestion des variations des produits : Promotions

Page 23: Tutoriel rubedo commerce

Création de l’arborescence / Pages

Tutoriel : Rubedo Commerce

� Pour commencer, créer les différentes Masques et pages du site. Les pages standards pour une boutique :– Création des pages de catégories et des produits

– Termes et conditions de ventes

– Panier• Vue récapitulative

• Vue détaillée

– Clients :• Accès aux informations personnelles

• Accès à la liste des commandes

• Vue détail des commandes

• Inscription (Si nécessaire)

Page 24: Tutoriel rubedo commerce

Les masques

Tutoriel : Rubedo Commerce

� Une page est obligatoirement construite à partir d’un masque de pages. Les masques de pages sont des gabarits / templates qui définissent l’organisation générale des pages créées à partir de ce masque.

� Le module « Masque de Page » de Rubedo permet de créer les gabarits de mise en page des sites. Ils permettent à la fois de définir le découpage de la pageen lignes et colonnes mais également de paramétrer les blocs fonctionnelsqui seront inamovibles sur toutes les pages créées sur le même masque.

� L’objectif des Masques de page est d’assurer une homogénéité au rendu des sites en figeant des éléments sur l’ensemble des pages (par exemple l’emplacement du menu et du pied de page).

� L’application Masques de page est disponible dans les fonctions Studio.

Page 25: Tutoriel rubedo commerce

Les masques

Tutoriel : Rubedo Commerce

� Voir Tutoriel : Guide administrateur– Sur http://fr.slideshare.net/Rubedo-project

– Sur http://www.rubedo-project.org/

Liste des Masques de page

Exemple de Masque de page

Menu contextuel des Masques

Page 26: Tutoriel rubedo commerce

Les pages

� Voir aussi Tutoriel : Guide administrateur– Sur http://fr.slideshare.net/Rubedo-project

– Sur http://www.rubedo-project.org/

Menu contextuel

Arborescence du site

Détail de la page

Paramétrage des blocs

Menu de la page sélectionnée

Tutoriel : Rubedo Commerce

Page 27: Tutoriel rubedo commerce

Création des pages et paramétrage des blocs

Tutoriel : Rubedo Commerce

� Les blocs e-commerce sont ajoutées dans les pages ou les masques.

� Pour les blocs génériques, se reporter à la documentation sur http://www.rubedo-project.org/

Page 28: Tutoriel rubedo commerce

Les catégories

Tutoriel : Rubedo Commerce

� Rubedo permet l’affichage des produits par catégories. Par exemple : Vêtements, Informatique, Hôtel, …

� Ce bloc affichera un accès aux articles de ces catégories.– Exemple :

• Catégorie vêtements

• Types de produits vendus : Robes, T-Shirt

• La page de catégorie permettra d’afficher une présentation des Types Robes et T-shirt

Page 29: Tutoriel rubedo commerce

Les catégories

Tutoriel : Rubedo Commerce

� Création de catégories– Les catégories sont créés à partir des pages de l’arborescence du site

– Étape 1 : création des pages / arborescence• Page vêtements

– Page Robe

– Page T-shirt

– Etape 2 : Indiquer les informations de catégories (description et images) dans les pages Robe et T-shirt

– Etape 3 : ajouter le bloc catégorie dans la page Vêtements

Page 30: Tutoriel rubedo commerce

MODIFIEZ LE STYLE DU TITRE

Page 31: Tutoriel rubedo commerce

Les catégories

Tutoriel : Rubedo Commerce

� Bloc de catégories– Indiquer la page qui permet d’accéder aux catégories.

Ici Vêtements.

– La page affiche les 2 catégories

– Afficher plusieurs niveaux.• Ajouter de nouvelles catégories sous Robes

Page 32: Tutoriel rubedo commerce

Les catégories

Tutoriel : Rubedo Commerce

� Rubedo permet l’affichage des produits par catégories. Par exemple : Vêtements, Informatique, Hôtel, …

� Ce bloc affichera un accès aux articles de ces catégories.– Exemple :

• Catégorie vêtements

• Types de produits : Robes, T-Shirt

• La page de catégorie permettra d’afficher une présentation des Types Robes et T-shirt

Page 33: Tutoriel rubedo commerce

Checkout

Tutoriel : Rubedo Commerce

� Pour que les clients puissent procéder au paiement de leurs achats, ce bloc nécessite de compléter les informations suivantes :– Type d’utilisateur : plusieurs types d’utilisateurs

peuvent être créés dans Rubedo. Choisir le type correspondant aux clients

– Mailing list : l’abonnement à une newsletter peut être proposé lors du checkout

– Termes et conditions de ventes : sélectionner la page qui propose les conditions de vente du site

– Texte de création de compte

Page 34: Tutoriel rubedo commerce

Checkout

Tutoriel : Rubedo Commerce

� Vue du checkout pour les clients

Page 35: Tutoriel rubedo commerce

Espace client

Tutoriel : Rubedo Commerce

� Une fois authentifié, un client peut accéder à son espace personnel– Créer une page Profil.

– Créer une page Mes commandes

– Créer une page Détail des commandes

� Dans l’exemple ci-dessous, les pages sont présentées avec un menu pour permettre aux clients de naviguer dans leur espace personnel.

Pages « Hors navigation »

Page 36: Tutoriel rubedo commerce

User orders

Tutoriel : Rubedo Commerce

� Ce bloc permet d’afficher la liste des commandes d’un utilisateur.– Indiquer ici la page permettant de visualiser le détail

des commandes

Page 37: Tutoriel rubedo commerce

Détail des commandes

Tutoriel : Rubedo Commerce

� Ce bloc permet d’afficher les détail d’une commande dans une page.

Page 38: Tutoriel rubedo commerce

Shopping Cart

Tutoriel : Rubedo Commerce

� Le bloc panier permet d’afficher le contenu du panier sous 2 formes– Button

– Détail

� Indiquer ici les pages permettant d’accéder au panier de détail (si le mode Button a été sélectionné) et à la page de Checkout

� Les clients peuvent ajouter et supprimer des articles du panier depuis les 2 modes d’affichage

Page 39: Tutoriel rubedo commerce

Shopping Cart

Tutoriel : Rubedo Commerce

Format Button

Format Détail

Page 40: Tutoriel rubedo commerce

Menu e-commerce

Tutoriel : Rubedo Commerce

� Rubedo Commerce permet de gérer les produits, les frais de livraison, les taxes, les stocks, les moyens de paiement et les commandes.

� Depuis le menu général de Rubedo, un menu e-commerce est disponible

Page 41: Tutoriel rubedo commerce

Gestion des stocks

Tutoriel : Rubedo Commerce

� Les fonctionnalités e-commerce de Rubedo proposent une application de gestion des stocks. L'ajout de stock sur les produits peut être réalisé à partir des fiches produits ou de l'application de gestion des stocks.

� L'application de gestion des stocks est disponible dans le menu E-commerce. Il présente les différents types de produits créés. Pour chaque type de produit, l'application permet de lister les produits.

Page 42: Tutoriel rubedo commerce

Gestion des stocks

Tutoriel : Rubedo Commerce

� Ajouter des stocks

– Sélectionner le produit et cliquer sur Ajouter du stock.

– Une fenêtre s'affiche et permet d'indiquer le nombre de produit à ajouter au stock existant sur le site

– Le nouveau stock est ajouté en temps réel au produit

– Les stocks sont également modifiables depuis les fiches produits

Page 43: Tutoriel rubedo commerce

Gestion des stocks

Tutoriel : Rubedo Commerce

� Une alerte visuelle permet de distinguer les produits n'ayant plus de stock

Page 44: Tutoriel rubedo commerce

Gestion des frais de transport

� La gestion des livraisons est accessible depuis le menu e-commerce (lorsque les fonctions e-commerce sont activées).

� Les frais de livraison s'appliquent par pays. Dans le checkout, ils s'affichent en fonction du pays de livraison saisi par le client.

– Cliquer sur Ajouter et indiquer un nom.

– Gestion des propriétés

• Une fois créé, il est possible de gérer les différentes propriétés.

• Activer : permet de rendre disponible ce mode de transport aux acheteurs

• Type : 2 options possibles, par commande ou par produit

Page 45: Tutoriel rubedo commerce

Gestion des frais de transport

Tutoriel : Rubedo Commerce

� Gestion des frais de livraison– Cliquer sur Ajouter (ici Add rate),

– il est possible de proposer un prix de livraison différent pour chaque pays

– Ajouter des taxes

– Ajouter un délai pour la réception et définir l'affichage de ce délai

Page 46: Tutoriel rubedo commerce

Gestion des taxes

Tutoriel : Rubedo Commerce

� Des taxes peuvent être appliquées en fonction des types d’utilisateurs, des types de produits, des Pays de livraison/ région ou code postaux

Page 47: Tutoriel rubedo commerce

Gestion des paiements

Tutoriel : Rubedo Commerce

� Par défaut Rubedo Commerce propose 3 modes de paiement :– Chèque

– Paypal

– Virement

� D’autres modes de paiement peuvent être ajoutés en fonction des besoins

Page 48: Tutoriel rubedo commerce

Gestions des commandes

Tutoriel : Rubedo Commerce

� Une interface de gestion des commandes permet de visualiser et gérer les différentes commandes.

� Pour chaque commande :– Possibilité d’attacher une facture

– Modifier le statut de la commande. En automatique ou manuel selon le mode de paiement

• Payé

• En attente de paiement

• Annulée

– Permet de visualiser l’acheteur, ses coordonnées et ses achats

Page 49: Tutoriel rubedo commerce

Gestions des commandes

Tutoriel : Rubedo Commerce

Page 50: Tutoriel rubedo commerce

Voir aussi

Tutoriel : Rubedo Commerce

� Plusieurs tutoriels sont disponibles sur le site http://www.rubedo-project.org :– Restreindre l’affichage de pages ou de Types de produits à certains clients / droits

– Paramétrer la taxonomie

– Créer une mise en page / Template pour les produits

– Mode multi-sites / Multi-boutiques

– Gestion du multilinguisme

– E-mailing

– Ciblage comportemental : Magic Queries

Page 51: Tutoriel rubedo commerce

Behavior driven content and commerce

Transforme l’expérience digitale

www.rubedo-project.org

@Rubedo_project #Rubedo