eshop Guide Ouvrir et créer une e-boutique attractive en quelques clics
Sommaire 1. Connexion à l interface d administration eshop 2. Mise en page générale 3. Assistant de Création Design de votre e-boutique Nom et Logo Coordonnées Ouverture de l e-boutique 4. Création des catégories 5. Création des produits 6. Vérification des paramètres importants du Système 7. Eléments de Design 8. ecosite Web 9. Tests et Ouverture 1
En quelques étapes, vous allez pouvoir créer facilement votre e-boutique et vendre vos produits en ligne. Avec ce guide, vous apprendrez à utiliser les principales fonctionnalités de votre eshop pour vous lancer facilement et rapidement dans l e-commerce. Ce guide vous donne les clefs pour faire vos premiers pas. D autres supports comme le guide d utilisateur, plus complet, sont téléchargeables en ligne sous l onglet Aide de l interface d administration de votre eshop. Des Mailing ciblés sur le design, le catalogue, et les outils Marketing vous seront envoyés les 1ères semaines pour vous accompagner dans vos débuts. Pour les retrouver directement, rendez-vous sur Ikoula. Ces documents vous permettront d approfondir vos connaissances et de personnaliser progressivement votre e-boutique. 2
1. Connexion à l interface d administration eshop Pour créer puis administrer votre boutique eshop, vous devez cliquer sur le lien dans l un des emails reçus suite à votre abonnement. Le login et le mot de passe initial est «admin». 2. Mise en page générale Votre interface est divisée en 3 zones de navigation. Cf Ecran 2.a. Z1 : la barre de navigation principale Z2 : la barre de navigation gauche Z3 : la zone de travail avec les onglets ou liens Ecran 2.a. Interface d administration Il existe 7 principales fonctions présentées en Z1 : Commandes, Clients, Produits, Catégories, Styles, Marketing, Paramètres et Aide. Le menu de la catégorie sélectionnée décline en Z2 chaque fonction. Ces sous-fonctions sont elles-mêmes déclinées en Z3 sous la forme de liens ou d onglets. Cf Ecran 2.a. Conseil : Pour des raisons de sécurité, n oubliez pas de modifier vos codes de connexion dès votre 1 ère connexion. Pour cela, cliquer en Z2 sur Shop-administrator puis indiquez en Z3 votre nouveau mot de passe. 3
3. Assistant de création Si l assistant de création ne démarre pas automatiquement, accédez-y via le menu contextuel en Z2 en cliquant sur Assistant de création. Cf Ecran 3.a. Ecran 3.a. Assistant de création 4
Design de votre e-boutique Sur la première page de l assistant de création c est à dire sous l onglet Styles en Z3, vous pouvez sélectionner un modèle de design pour votre e-boutique. Cf Ecran 3.b. Astuce : choisissez un design adapté à votre activité, vos gammes de produits et qui vous plaise. Pour nombre de modèles, des variantes existent. Pour les visualiser et les sélectionner, cliquer le cas échéant sur la case correspondante. Pour passer à l étape suivante, cliquer sur suivant. Ecran 3.b. Assistant de création 5
Nom et Logo Sur le 2 ème onglet : Nom et Logo, inscrivez le nom de votre boutique et votre slogan. Si vous le désirez, vous pouvez insérer votre logo. Cocher la case correspondante si vous souhaitez que le logo soit redimensionné automatiquement. Pour passer à l étape suivante, cliquer sur Suivant. Cf Ecran 3.c. Ecran 3.c. Nom et Logo 6
Coordonnées Sur le 3 ème onglet : «Coordonnées», entrez votre nom et toutes vos coordonnées. Cliquer sur suivant et vérifiez vos informations. Ensuite, cliquer sur Terminer pour valider ces éléments ou précédent pour les modifier. Votre e-boutique est ainsi créée. Cf Ecran 3.d. Astuce : les coordonnées fournies ici sont celles affichée en page Coordonnées et doivent donc permettre à vos clients de vous contacter facilement. Ecran 3.d. Coordonnées 7
Ouverture de l e-boutique Dès lors, le nom de votre eshop apparait en Z2. Cf Ecran 3.e. En cliquant dessus, vous ouvrez votre boutique et la visualisez telle que vos clients peuvent désormais la voir. Pour visualiser chaque modification réalisée dans votre e-boutique (comme à chacune des prochaines étapes), vous pouvez cliquer en Z2 sous Optimisation sur «Mettre à jour immédiatement». Ecran 3.e. Ouverture de l e-boutique Dans les sections suivantes, vous trouverez quelques données (catégories, produits, ) à titre d exemple. Vous pouvez selon votre préférence les conserver comme modèles en les laissant «invisibles», les modifier directement ou les supprimer. 8
4. Création des catégories L étape suivante consiste à créer la structure du catalogue. Cliquez sur Catégories en Z1. L onglet «Pages» de Catégories va s ouvrir. A titre d exemple, nous allons créer la catégorie «Vêtements» dans laquelle vous pourrez ensuite saisir les produits correspondants. Pour cela, remplissez les cases comme indiqué ci-dessous puis cliquez sur Enregistrer. Cf Ecran 4.a. Vous venez de créer votre 1 ère catégorie. Ecran 4.a. Création catégorie Conseil : A chaque ajout ou modification sur votre e-boutique, n oubliez pas de cliquer en Z3 sur Enregistrer pour les sauvegarder. 9
A leur création, les catégories sont définies comme invisibles. Pour les rendre visibles, cliquez en Z3 sur le lien «Vêtements». Cf Ecran 4.b. L onglet «Général» de la catégorie «Vêtements» apparait alors. En face de visible, cochez Oui. Comme à chaque modification, n oubliez pas de cliquer sur Enregistrer. La catégorie «Vêtements» est désormais visible sur votre eshop. Cf Ecran 4.b. Ecran 4.b. Catégorie visible Pour plus d information sur la création des catégories et sous-catégories, n hésitez pas à consulter le guide Utilisateur. 10
5. Création des produits A présent, nous allons créer un produit et l affecter à une catégorie. Cliquez sur Produits en Z1. La page d édition de produits s affiche. En Z2, Cliquer sous Produits sur les liens Nouveau puis Produit. En Z3, entrer le nom de ce produit «Veste Perfecto» et cochez oui en face de visible puis cliquer sur «enregistrer». Cf Ecran 5.a. De nouveaux onglets apparaissent alors en Z3. Ecran 5.a. Création d un produit Remplissez tous les champs que vous souhaitez définir sous «Inventaire/prix» en Z3. Les données indispensables sont le prix, le stock et la catégorie fiscale appropriée. N oubliez pas d Enregistrer ces modifications. 11
Cliquez sur «Description» en Z3 puis sur Modifier le texte sous «Description» et/ou «Description longue» pour écrire et mettre en forme le texte de présentation de votre produit. N oubliez pas d Enregistrer ces modifications. Cf Ecran 5.b. Ecran 5.b. Définition d un produit 12
Il vous faut également cliquer sur l onglet Catégories en Z3, et sélectionner dans le menu déroulant la catégorie «catégories / vêtements» à laquelle l affecter. Cliquez sur «enregistrer». Cf Ecran 5.c. Vous pourrez aussi charger des images ou photos de votre produit sous l onglet Images. Notez qu il y a plusieurs onglets à renseigner et n oublier pas de cliquer sur Enregistrer. Ecran 5.c. Affectation d un produit à une catégorie Vous venez donc de créer une catégorie de produits «vêtements», y entrer un produit «Veste Perfecto» et ses données et pourrez faire de même avec l ensemble de votre catalogue de produits. Astuce : dans le guide utilisateur, vous trouverez comment utiliser la fonction import export pour charger en quelques clics l ensemble de votre catalogue de produits. 13
6. Vérification des paramètres importants du système L ensemble de ces paramètres sont définis par défaut mais il reste important de les vérifier. Dans le guide utilisateur, vous trouverez comment modifier et utiliser au mieux ces paramètres de base. Nous vous conseillons de vérifier les paramètres Pays. Pour cela, cliquez sur «Paramètres» en Z1 puis en Z2 sous «Paramètres» sur «Paramètres du Pays». Cf Ecran 6.a. Sur l onglet «Langues et Pays», entrez les langues souhaitées en les sélectionnant dans le menu déroulant. Puis ensuite cochez les langues et pays à rendre visibles ainsi que ceux par défaut. N oublier pas de cliquer sur Enregistrer. Ecran 6.a. Paramètres Pays Cliquer ensuite sur l onglet devises et cocher les devises à rendre visibles ainsi que la devise par défaut. Par ailleurs, il vous faudra définir a minima un moyen de paiement ainsi qu un mode livraison. Pour cela, cliquez sur «Livraison et Paiements» en Z2 sous «Paramètres». En Z3 sous l onglet «modes de livraisons», intégrer les noms des modes de livraisons proposés et les modèles de calcul du coût associés à chacun. Cliquer 14
ensuite sur les liens de chaque mode de livraison ainsi créé pour les paramétrer et les rendre visibles. Cf Ecran 6.b. Procéder de mêmes avec les modes de paiements que vous souhaitez proposer. Ecran 6.b. Paramètres Modes de livraison Maintenant que vous avez défini ces paramètres de base, votre e-boutique est opérationnelle. Astuce : Vous avez également la possibilité d être prévenu par mail à chaque fois que survient un événement afin de faciliter la gestion de votre e-boutique. Par exemple : lorsqu une inscription à la newsletter est enregistrée, une nouvelle commande est générée, le niveau du stock minimum d un produit est atteint, Pour recevoir les mails de notification et/ou les envoyer directement à vos clients, fournisseurs, partenaires, cliquez sur Paramètres en Z1 puis sur Paramètres e-mail en Z2. Sous l onglet «Evènements» en Z3, cliquez sur le lien d un évènement et remplissez les champs. Indiquez en particulier les emails du ou des destinataires et cochez en face de «Actif» la case «oui». N oubliez pas de cliquer sur Enregistrer. Procéder de même avec tous les événements dont vous souhaitez être averti. N hésitez pas à lire ensuite le guide utilisateur ou à vous y reporter au besoin. Vous y découvrirez comment optimiser votre e-boutique et la personnaliser pour en améliorer la performance. Nous allons voir maintenant comment personnaliser le design de votre e-boutiques et l adapter à vos envies et besoins. 15
7. Eléments de Design pour la page d Accueil Vous venez de créer avec l assistant de création un design de base et avez enregistré les principales informations et paramètres de votre e-boutique. C est suffisant pour créer une e-boutique conviviale et attractive pour vos clients. De nombreuses options sont également disponibles pour personnaliser votre e-boutique et l adapter à votre business. Nous allons voir quelques uns des éléments de style à votre disposition ainsi que les éléments importants de la page d Accueil et comment les modifier. Cf Ecran 7.a. Ecran 7.a. Eléments de Design 16
Les principaux éléments de Design de la page d Accueil sont présentés dans le tableau ci-dessous ainsi que le chemin pour y accéder et les paramétrer à votre guise. No. Nom Chemin d accès 0 Exemple Menu zone 1 >> Menu zone 2 >> Onglet de la zone 3 1 Insérer le Logo Paramètres >> Statut de l eshop >> onglet Général 2 Insérer le Nom de l e-boutique Paramètres >> Statut de l eshop >> onglet Général 3 Insérer le Slogan Paramètres >> Statut de l eshop >> onglet Général 4 14 5,6,7 8,9 - Faire un lien vers la page d Accueil - Créer la page d Accueil - Faire un lien vers les pages d informations - Créer les pages d informations 10 Drapeau pour la sélection du pays 11 Mode d affichage des catégories 12 Affichage synthétique du panier Client 13 Recherche Produit 15 Interface de Connexion 16 - Faire un lien vers les Produits en promotion - Définir les Produits en promotion - Styles >> Style actuel >> onglet Navigation - Catégories >> Page d accueil >> onglet Général, Produit et Mise page - Styles >> Style actuel >> onglet Navigation - Catégories >> Pages d Informations >Coordonnées, Conditions générales de vente Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous choix du pays et de la devise Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous catégories et produits Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous Panier et Commande Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous catégories et produits Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous catégories et produits - Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous catégories et produits - Catégories >> Produits en promotion >> onglet Général et Produits 17 Produits sur la page d Accueil Catégories >> Page d accueil >> onglet Produit 18 Sélection de la devise Styles >> Style actuel >> onglet Navigation ajouter des éléments de navigation sous choix du pays et de la devise 19 Texte du champ d informations Styles >> Style actuel >> onglet Navigation 20 Message sur la page d Accueil Catégories >> Pages >> (type : page de contenu) 21 Copyright Styles >> Style actuel >> onglet Navigation Le positionnement des liens et fonctions peut être amélioré via les éléments de navigation. Pour plus de détails, reportez-vous au chapitre Design du guide utilisateur. 17
8. ecosite Web Les eshops sont hébergés par Ikoula sur une plateforme conforme au programme ecosite Web. A ce titre, les clients d eshops peuvent utiliser le logo ecosite web sur leur e-boutique pour communiquer sur leur choix d un hébergement écologique. Pour plus de détails sur les engagements d Ikoula en faveur de l environnement, vous pouvez vous rendre sur www.monsiteestvert.fr. Pour insérer le logo ecosite web sur votre eshop, cliquer sur Styles en Z1 puis en Z3 sur votre style actuel. Cliquer sur l onglet Navigation en Z3 et sélectionnez sur le schéma la zone de contenu sur laquelle vous souhaitez insérer ce logo. Cliquer sur Ajouter des éléments de navigation puis dans le tableau «Défini par l utilisateur» cocher «HTML»avant d enregistrer. Cliquer ensuite sur le lien «HTML» dans le tableau «Eléments de navigation attribués». Cf Ecran 8.a. Dans le(s) cadre(s) «Texte», insérez le code HTML suivant : <a href="http://www.monsiteestvert.fr/tabid/55/default.aspx#logo" target="_blank"><img src="http://www.monsiteestvert.fr/portals/0/x-small_eco.gif" border="0" alt="ce site est hébergé par Ikoula, hébergeur respectueux de l'environnement et acteur du développement durable"></a> Cf Ecran 8.b. Ecran 8.a. Ajout élément HTML 18
Ecran 8.b. Ajout Code HTML Logo Si Si l image est plus grande que la zone sélectionnée, vous pouvez modifier la «hauteur» en pixel ou encore «aligner» le logo sous l onglet Personnalisation en Z3. Pour cela n oubliez pas de cliquer sur la «zone de contenu» sélectionnée puis de cliquer sur Enregistrer. 19
9. Tests Avant de publier l adresse Internet de votre e-boutique, il est préférable de la tester en vous mettant à la place de votre client. Cela va vous permettre de vérifier que les paramètres tels que vous les avez définis ont bien été pris en compte et conviennent au design de votre e-boutique. Il est aussi important de vérifier que les emails tels que les confirmations d inscription sont bien envoyés. Pour cela, créez-vous un compte Client. Si les tests vous satisfont, supprimez ou rendez invisibles toutes les données de test (catégories, produits, ). Il ne vous reste plus qu à ouvrir votre e-boutique! Pour cela, cliquez sur Paramètres en Z1 puis sur Statut de la boutique en Z2. Sous l onglet général en Z3, cochez en face de «la boutique est» la case «ouverte». Cf Ecran 2.a. Nous vous souhaitons beaucoup de ventes avec votre e-boutique! 20