Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

1 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la créati

1 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> Les bases de la création d’un site e-commerce Grâce à ces conseils, vous pouvez créer votre boutique en quelques heures ! 2 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> Sommaire INTRODUCTION………………………………………………………………………………………………………………………………. 1) PRESENTATION DE VOTRE BACK OFFICE…………………………………………………………………………………………. 2) DESIGN ET PAGE D’ACCUEIL………….………………………………………………………………………………………………… A. DESIGN DU SITE…………………………………………………………………………………………………………………….. B. DESIGN DE LA PAGE D’ACCUEIL…………………………………………………………………………………………………. 3) CATALOGUE PRODUIT…………………………………………………………………………………………………………………….. A. ORGANISATION DU CATALOGUE………………………………………………………………………………………………... B. GESTION DES IMAGES…………………………………………………………………………………………………………….. C. AJOUT DES ARTICLES ET CATEGORISATION…………………………………………………………………………………… 4) CONFIGURATION DES MENUS………………………………………………………………………………………………………… 5) CONFIGURATION DU SITE………………………………………………………………………………………………………………. A. LES MODES DE LIVRAISON……………………………………………………………………………………………………….. B. LES MOYENS DE PAIEMENT……………………………………………………………………………………………………… C. UTILISATION DU MOTO (MAIL ORDER/TELEPHONE ORDER) - FACULTATIF……………………………………….. 6) MISE EN LIGNE DU SITE…………….…………………………………………………………………………………….……………… A. LE SUIVI DES COMMANDES……………………………………………………………………………………………………… B. LA FACTURATION………………………………………………………………………………………………………………….. C. TESTS…………………………………………………………………………………………………………………………………. POUR ALLER PLUS LOIN ………………………………………………………………………………………………………………..… P 3 P 4 P 6 P 9 P 15 P 16 P 17 P 24 P 27 P 29 P 31 P 33 P 36 P 37 P 38 3 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> INTRODUCTION Ce document a pour objectif de vous guider dans les étapes essentielles de la création d’un site e-commerce avec la solution du Pack e-commerce du Crédit Agricole. Pour accéder à votre espace d’administration (le Back Office), rendez-vous sur le site : http://monpackecommerce.oxatis.com/login.asp Sur cette page d’accès à l’espace Membre, renseignez le nom du site (login de connexion que nous vous aurons communiqué) et votre mot de passe puis cliquer sur « Entrer ». 4 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> 1) PRESENTATION DE VOTRE BACK OFFICE Le menu horizontal permet d’accéder aux différentes fonctionnalités et composants Le menu [Site] permet d’ouvrir le site au public, de paramétrer les menus, de personnaliser la présentation ou la mise en page du site. Le menu [Galeries] regroupe le contenu de votre site : les images, les fichiers et les pages (dites WebBlocks) du site tel que la page d’accueil. Le menu [Commerce] vous permet de gérer les articles, les catégories d’articles, la livraison, le paiement et le suivi des commandes. Le menu [Composants] propose des fonctionnalités prêtes à l’emploi : Blog, FAQ, Actualités… Le menu [Marketing] centralise les liens disponibles pour gérer les utilisateurs, les lettres d’informations ou les exports vers les moteurs marchands. Le menu [Compte] est destiné à gérer les abonnements des prestations supplémentaires du Pack e-commerce. Cette partie permet également de connecter d’autres noms de domaines au site. Le menu [Aide] vous donne accès à l’aide en ligne ainsi qu’au support technique. Au-dessus du menu horizontal, la barre d’outils ci-dessous est toujours affichée : Le bouton [Aperçu] vous permet de voir le site même si celui-ci est fermé au public. Pour visualiser les modifications, il est parfois nécessaire d’actualiser la page (CTRL + R). Le bouton [QuickLearn] permet d’activer l’assistant. Cet assistant est là pour vous aider à découvrir la plateforme et maîtriser les différentes fonctionnalités. Un outil de recherche est disponible ainsi qu’un filtre par catégories. Le bouton [Support] vous permet de poser une question au support technique. L’historique des échanges est accessible depuis le menu Aide > Support technique. Le bouton [Bulles d’aide] est destiné à afficher des commentaires au niveau du back office. Cela peut vous aider à comprendre comment doit être renseigné un champ. Le bouton [Quitter] vous permet de vous déconnecter du Back Office. 5 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> Le tableau de bord est affiché à l’ouverture du Back Office. Les 4 zones sont personnalisables via l’icône : Exemple de la zone «Animer votre site » Une rubrique d’aide très détaillée est accessible depuis le menu [Aide/Aide en ligne] de la console d’administration de votre site. LES GUIDES PRATIQUES Le widget « Animer votre site » est une aide précieuse à la création du site. Il permet d’avoir un recul sur les étapes déjà réalisées et de prévoir les étapes à faire NOTE : Par défaut, le site est fermé au public. L’ouverture se fera lorsque les principaux éléments seront en place. Au cours de la modification de votre site, notez bien que chaque modification nécessite d’être sauvegardée en cliquant sur le bouton [Sauver] du Back Office. Une fois le site publié, chaque modification sauvegardée sera immédiatement visible sur le site (dit « Front Office » soit du côté client). 6 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> 2) DESIGN ET PAGE D’ACCUEIL A. DESIGN DU SITE Présentation A l’ouverture du site, vous avez sélectionné un modèle de présentation parmi les 14 modèles proposés : Cette présentation graphique est personnalisable depuis [Site\Presentation], bouton « Personnaliser » Le SmartSkins simplifié créé des présentations compatibles avec tous les navigateurs et leurs différentes versions. L’éditeur graphique permet de naviguer dans le site afin de comprendre les impacts des modifications graphiques sur le contenu du site. Cliquer ici pour modifier simplement l’apparence de votre site Thème actif en ligne Changer les couleurs de la charte du site Changer le fond du site Changer le header du site 7 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> Zoom sur les onglets du SmartSkins L’onglet « Général » vous permet de sélectionner une charte prédéfinie ou de choisir les 3 couleurs les plus importantes de votre site. En cliquant sur vous avez la possibilité de choisir librement la couleur de votre convenance. A chaque modification, constatez directement le changement sur la page. L’onglet « Arrière-plan » permet d’intégrer une image de fond. Pour cela, vous avez le choix entre une sélection d’images prédéfinies pour le thème choisi. Vous pouvez également intégrer une image de fond de votre banque d’images personnelles. (Attention à veiller que vous ayez bien les droits de propriétés/diffusion des images intégrées sur votre site). Pour intégrer le fond de votre choix, cliquez sur et sélectionnez l’image de votre choix directement dans votre galerie d’images du Pack e-commerce. Cet onglet vous permet également de paramétrer l’affichage du fond : répétition, alignement sur la page, image fixe mais également de définir la couleur simple du fond. L’onglet « Entête » permet (en fonction du thème choisi) d’indiquer si le site est une simple vitrine ou une boutique en ligne. Dans l’exemple ci-contre (thème « Children ») vous pouvez également déterminer le positionnement du moteur de recherche. Pour intégrer une image en entête, vous avez le choix entre une sélection d’images prédéfinies pour le thème choisi. Vous pouvez également, de la même manière que pour le fond du site, intégrer une image directement depuis votre galerie d’images. Cet onglet, vous permet également d’ajuster la hauteur de l’entête (en fonction de l’importance que vous lui accordez), la répétition, l’alignement mais également les couleurs gérées dans cette partie. 8 Juillet. 2015 - SQUARE ACHAT- Groupe Crédit Agricole – Les bases de la création d’un site e-commerce – 05 59 40 09 30 Voir le sommaire >> Création infinie de présentations Vous pouvez créer autant de présentations que vous le souhaitez. Il est possible par exemple de les préparer sans les mettre en place sur le site et de les appliquer le jour désiré. Ces modifications se font depuis le menu [Site\Présentation]. L’icône placé dans la colonne « Défaut » permet de sélectionner le design appliqué au site en 1 clic. Préconisations design de votre site e-commerce Soyez vigilant sur la qualité de votre logo. C’est le premier élément que voient les internautes sur un site. Nous mettons à votre disposition des images d’entête formatées aux bonnes dimensions depuis le menu SmartSkins [Entête\Image\Images Oxatis] Le site mesure 980 pixels de large. La personnalisation de l’image d’entête nécessite de créer une image qui fasse 980 pixels de large. Nous conseillons une hauteur de 150 pixels à 200 pixels maximum. Une image de fond de site peut être insérée grâce au SmartSkins. Une taille d’environ 1980x980 pixels est recommandée. Quelques outils pour vous aider Measureit : module complémentaire du navigateur Mozilla Firefox est un outil très pratique pour mesurer une zone sur une page web. https://addons.mozilla.org/fr/firefox/addon/measureit/ Paletton : le site pourra vous aider à choisir des couleurs complémentaires et toniques. http://paletton.com Colorzilla : le module de Mozilla Firefox est très utile pour récupérer les codes d’une couleur, grâce à une uploads/Finance/ bases-de-la-creation-d-un-site-e-commerce.pdf