Chez nous on croit fermement que tout le monde sans exception peut devenir un entrepreneur Internet. L’un des meilleurs moyens de commencer à gagner en ligne – c’est à l’aide des ventes. Pourtant, comment peut-on vendre quoi que ce soit sans posséder son propre site e-commerce? Bien sûr, on peut vendre des biens sur les réseaux sociaux, mais il faut comprendre qu’avoir son propre site e-commerce est de loin mieux. Votre propre plateforme web vous offre plusieurs avantages, tels que l’indépendance, la commodité etc.
C’est pourquoi on a rédigé la série d’articles sur ce comment ouvrir son magasin en ligne à l’aide des CMS différents. Aujourd’hui, nous allons découvrir le CMS Magento. Découvrons donc les particularités de travail avec ce CMS et toutes les points simples/compliqués du lancement d’un site e-commerce Magento.

Comment installer un CMS OpenCart

Tous les CMS sans exception exigent que vous téléchargiez les fichiers sur votre hébergement avant l’installation. Nous avons déjà expliqué comment on peut le faire dans l’article “Comment créer un site en 2017”.
Si vous avez déjà téléchargé vos fichiers, il est temps d’installer Magento. Ouvrez votre navigateur de recherche et insérez votre nom de domaine/chemin et le chemin d’accès au répertoire Magento.




Rentrez toutes les données sur l’hébergement et la base de données de votre site. Si vous n’êtes pas sûr, comment le faire correctement, lisez l’article mentionné ci-dessus. Les principes fondamentaux y sont expliqués.




Si vous êtes d’accord avec les termes et les conditions, cliquez sur le bouton “Agree and Setup Magento”(Accepter et installer Magento) pour continuer l’installation.
Cliquez sur “Start Readiness Check” (Commencer la vérification de préparation) pour vérifier si les paramètres de votre serveur sont compatibles avec les exigences de Magento 2.




Une fois vous l’avez fait, cliquez sur le bouton “Next”(Pas suivant).




Ici vous devez indiquer les détails sur la base de données et faire quelques réglages fondamentaux. Ajoutez la Base de données – indiquez votre nom de domaine, le nom de la base de données, de l’utilisateur et le mot de passe. Contactez votre fournisseur de l’hébergement, si vous ne connaissez pas tous les détails.
Assurez-vous que vous avez la base de données prête à l’installation de Magento. N’oubliez pas, qu’elle doit être claire et compréhensible, sans aucuns tableaux inclus.




Si tout est fait, cliquez sur le bouton “Next”(Ensuite).




Sur l’écran ci-dessus vous pouvez modifier l’URL du panneau de l’administrateur Magento ainsi que l’adresse URL du site principal. Laissez tous les autres paramètres sans modification. Puis, cliquez sur le bouton “Next”.


Sélectionnez le fuseau horaire exigé, la devise par défaut et la langue de votre site. Vous pouvez sélectionner les modules par défaut qu’il faut absolument installer ou qu’on peut laisser sans attention, tout cela – dans la section des Réglages des modules avancés. Nous vous déconseillons de faires n’importe-quels changements dans cette section.




A cette étape il faut indiquer les données personnelles du propriétaire de site. Il est aussi à préciser les données de connexion de l’administrateur de site.




Le paramétrage de votre site e-commerce est terminé. Cliquez sur le bouton “Install Now” pour commencer le processus de l’installation du site.




C’est l’étape finale de votre installation. Copiez la clé de chiffrement générée et gardez-la pour plus tard.




Activez votre thème

Ouvrez le panneau d’administration Magento et allez sur Content (Contenu) – Configuration dans le menu présenté ci-dessous.




Dans la liste de magasins, cliquez éditer sur un site principal – Global. De plus, vous pouvez cliquer éditer pour obtenir l’apparence de site spécifique si vous l’avez déjà à l’esprit.




Sur la page du thème par défaut (Default theme) sélectionnez le thème nécessaire dans la liste déroulante du thème appliqué (Applied Theme), puis cliquez sur le bouton Sauvegarder le paramétrage (Save Configuration).

La configuration de logo

Merci de suivre ces étapes pendant la mise à vie de l’image de votre logo, inclus dans le pack de ce thème.
Allez sur le panneau de l’administrateur Magento et sélectionnez Content – Configuration dans le menu latéral.




Dans la liste de magasins présentée, cliquez Edit (éditer) sur un site principal – Global. Vous pouvez aussi cliquer Edit (éditer) pour obtenir l’apparence particulière de votre site si vous l’imaginez.




Sélectionnez l’onglet “Header” (L’en-tête) et téléchargez votre logo.




Cliquez “Save Config” (Sauvegarder).
Pour installer le logo de votre entreprise, il faut télécharger le fichier avec l’image de ce logo dans le dossier /images du thème Magento.
Vous pouvez ajuster le logo à l’aide du module Theme Options.
Pour le modifier, parvenez sur Stores – Settings – Configuration.
Puis, choisissez TEMPLATEMONSTER > Theme Options dans le menu latérale à gauche et vous serez redirigé sur l’écran des paramètres de module.
Allez sur General tab > Logo Settings.
Les fonctions du module Theme Options seront décrites un peu plus tard.

La configuration de pages

Pour donner à votre thème l’apparence de la version Démo Live, vous devez configurer les pages de votre site d’une manière particulière. Tous les fichiers que nous vous offrons viennent ensemble avec le code source de pages. Ajoutez-les sur le panneau de l’administrateur Magento via le tableau des paramètres, suivant les instructions ci-dessous. Le tableau des paramètres se trouve sur la page des Détails techniques – le prévu du modèle. Le fichier avec la documentation inclut un lien vers cette page:





C’est la page d’accueil de votre site qui sera le plus touchée. Normalement, elle inclut des éléments suivants: bannières, curseur, galerie, etc.
Dans le menu en haut sélectionnez Content – Pages. Ici vous trouverez toutes les pages de votre site e-commerce. La page d’accueil, A propos et Service clientèle doivent être déjà prêtes-à-l’emploi, donc pas besoin de les ajouter. Tout ce qu’il vous faut c’est de mettre à jour le contenu de pages HTML et XML. Ouvrez n’importe-quelle page que vous voulez pour obtenir l’accès à son contenu.




Ouvrez la page et sélectionnez l’onglet Content(Contenu). Vous verrez le code de la page HTML. Vous pouvez accéder au code de la page HTML dans le fichier source approprié. Vous verrez la liste des fichiers source inclus dans la section “Template Settings”(Paramètres de Modèle) sur la page prévue de vos thèmes. Copiez le code à partir du fichier source et collez-le dans la zone du contenu.




Si vous avez fini à travailler avec le code HTML, passez à l’onglet “Design”. Celui-ci inclut le code de page XML. Le code XML permet d’ajouter les blocs Magento statiques et les widgets sur la page. Le code XML doit être copié de la même façon que le code HTML à partir du fichier source. Copiez le code XML et collez-le dans la zone “Layout Update XML”.




N’oubliez pas de sélectionner l’option valide “Layout” (Mise en Page).
Si vous avez besoin de la page toute neuve, cliquez sur le bouton “Add New Page” (ajouter une nouvelle page) dans un coin droit en haut.

La configuration de blocs statiques

Si vous avez fini d’ajuster vos pages, il est temps de configurer les blocs statiques. Le processus est assez pareil: vous devez copier le code à partir des fichiers source pour ensuite le coller dans les champs correspondants sur le panneau d’admin Magento. Vous devez utiliser le tableau pareil, seulement pour les blocs statiques.
“L’ID de bloc peut varier dans de différentes installations Magento. Vous pouvez obtenir l’id de bloc correct dans la section Content – Blocks sur le Panneau d’Admin.”
Dans le menu en haut naviguez Content – Blocks.
Dans le coin droit en haut cliquez sur le bouton “Add New Block” pour ajouter un nouveau bloc statique.




Indiquez le nom et l’identifiant de bloc. On peut apprendre les détails de ce bloc dans le tableau disponible sur la page de configuration de modèle.
Ouvrez le fichier source du bloc et copiez le code HTML dans la section de contenu.




Certains modèles pour sites n’incluent pas de blocs statiques, c’est pourquoi le tableau peut être vide.

Comment présenter les blocs avec le contenu statique?

Dans le menu en haut parvenez sur Content (contenu) – Widgets.
Dans le coin en haut à droit cliquez sur le bouton “Add Widget” pour ajouter un nouveau widget.




Indiquez le type de widget CMS Static Block et le thème auquel vous voulez appliquer votre widget, puis cliquez sur le bouton Continue.




Sur la page suivante entrez le nom de widget dans le champ de son titre, il sera présenté sur le panneau d’admin. Dans la zone Assign to store views il faut sélectionner les perspectives de votre magasin que le widget affichera. Dans le bloc Layout Updates (les mises à jour de mise en page) cliquez sur le bouton Add Layout Update (Ajouter). Dans le champ Display On choisissez les pages où le widget sera présenté. Sur chaque page sélectionnée vous pourrez remplir les champs supplémentaires.




Sur la barre latérale à gauche cliquez sur l’onglet Widget Options et sélectionnez le bloc statique auquel vous vous référez. N’oubliez pas de sauvegarder vos changements.

Comment configurer le panier d’achat

Le Module de Panier d’achat est une extension, permettant d’ajouter le panier d’achat sur votre site.




Sélectionnez Extensions – Extensions.




Choisissez Modules dans la liste apparaissante des types d’extensions.




Trouvez le module du panier d’achat TemplateMonster. Cliquez sur le bouton Edit pour configurer le module.




Vous serez redirigé vers la fenêtre des paramètres:




Sélectionnez Disable dans le menu déroulant de l’état de module pour le désactiver.




Les options du thème

Pour personnaliser le module, sélectionnez Stores – Settings – Configuration.




Puis, choisissez TEMPLATEMONSTER > Theme Options dans le menu à gauche et vous serez redirigé sur l’interface des paramètres du module.
Cliquez sur the Store View: Default Config. (configuration par défaut)
Choisissez a Store View(la vue de boutique) dans le menu déroulant des options.




Confirmez le passage d’une étendue à une autre dans la fenêtre pop-up. Cliquez “OK” pour confirmer.




Si vous l’avez fait, vous verrez un nouvel onglet appelé Theme color settings (Paramètres de couleur du thème) dans la section General. Voici la structure de l’onglet:



La découverte de l’onglet des Réglages Généraux





Découvrons les options qui vous sont proposées:
– Logo Image – vous pouvez télécharger l’image de votre logo (dans un de ces formats: png, gif, jpg, jpeg, svg).
– Logo Image Width – indiquez la largeur de votre image en pixels.
– Logo Image Height – indiquez la hauteur de votre image en pixels.
– Logo Image alt text – insérez le message alternatif de l’image de votre logo.
– Welcome text – vous pouvez modifier le message d’accueil par défaut.
– Favicon icon – les types des fichiers permis: ico, png, gif, jpg, jpeg, apng, svg.
– Site titre – indiquez le titre de votre site, qui sera affiché sur la page d’accueil.
– Default description – insérez la description par défaut de votre magasin.
– Default keywords – insérez les mots-clés de votre site.
– Copyright – insérez votre droit d’auteur.

Les paramètres de couleurs de thème

Découvrons les options proposées:
Décochez Use Website pour modifier la mise en page de votre site.




C’est la zone où on peut modifier les couleurs et les arrière-plans de son site. Tout est aussi simple que l’utilisation de l’outil de personnalisation WordPress. Vous pouvez modifier n’importe-quelle couleur et l’image d’arrière-plan en quelques simples clics.

Comment éditer l’en-tête et le pied de page de votre site

Dans l’onglet de l’En-tête, vous avez la section de liens sociaux.




Vous pouvez ajouter un lien vers votre compte dans les réseaux sociaux via l’icône de polices ou d’images.
Pour ajouter l’URL avec l’image, ajoutez l’URL social, la largeur de l’icône, le message de texte alternatif et téléchargez l’image.




Pour ajouter l’URL avec l’icône de police, vous devez ajouter l’icône CSS Class, l’Url social, indiquer la taille de police et la hauteur de ligne.




Maintenant, découvrons les paramètres du pied de la page.




En pied de la page on peut ajouter un lien social et choisir sa position.
Pour ajouter un lien URL avec une image, il faut ajouter l’url social, la largeur de l’icône, le texte alternatif à l’image et télécharger l’image.




La personnalisation de la barre latérale

On peut personnaliser la barre latérale selon besoin avec le module Theme Settings chez TemplateMonster. Choisissez ce qui sera affiché sur la barre latérale et ce que vos visiteurs verront premièrement, en naviguant votre site e commerce.



Magento est une solution idéale pour votre magasin en ligne. Le package par défaut de cette plateforme inclut tous les modules qui sont nécessaires pour produire plus de ventes. La plateforme source ouverte vous permet d’offrir les possibilités vraiment superbes à vos clients. Si vous choisissez un de modèles disponibles sur notre place de marché, vous pouvez rester tranquilles sachant que vous obtiendrez la documentation la plus détaillée possible, donc n’ayez pas peur de lancer votre site web Magento, nous sommes là pour vous aider!

D’ailleurs, voici la liste courte de nos thèmes les plus vendus parmi les thèmes Magento Premium:

Magetique - thème Magento 2 polyvalent complet

Motor - Thème Magento pour services voiture

Decorta - Thème Magento 2 Adaptatif pour sites de décoration maison

.

Delveti - Thème Magento pour sites de matériel plomberie

.