brand-lws-red brand-lws-white
Blog

Comment personnaliser sa boutique e-commerce Prestashop ?

03 août 2020

Comment personnaliser sa boutique e-commerce Prestashop ?

Vous avez fait le choix de créer votre boutique e-commerce avec Prestashop ? Ce logiciel est parfait pour créer votre boutique en ligne.

Que vous possédiez déjà un grand site e-commerce, que vous soyez en train de le construire ou ayez pour projet de créer votre premier site internet, l’hébergeur web LWS est la solution pour vous.

Nous avons spécialement créé un e-book E-commerce pour vous apporter toutes les réponses à vos questions pour créer la boutique en ligne de vos rêves !

E-Book E-Commerce : Comment lancer sa boutique en ligne ?

Découvrez comment personnalisez votre boutique e-commerce pro Prestashop. Ainsi que toutes les possibilités qui s’offrent à vous pour que votre site e-commerce soit à votre image.

Le choix du thème Prestashop

Dans cet article nous allons rester sur le thème de base. Il est parfaitement adapté aux différentes tailles d’écran, téléphone portable, tablette…theme de base Prestashop

Si vous désirez un thème de site plus complet, un template clés en main vous pouvez en acheter dans la rubrique “Apparence” puis “Catalogue de thèmes.” Vous pouvez aussi en trouver sur Theme Forest.

Vous pourrez les personnaliser par la suite en ajoutant vos images, vos textes, en ajoutant des modules… Il y en a pour tous les goûts et tous les projets : vente de vêtements, gadgets, art, électronique, outillage, décoration, cosmétiques, nourriture, ameublement, sport, bijoux, parfums, chaussures…. Il en existe aussi des gratuits sur internet mais il est souvent mieux de choisir un thème officiel de Prestashop pour bénéficier de leurs garanties.

De même, vous avez également la possibilité d’importer un thème.

Personnaliser sa boutique en ligne

Vous pouvez personnaliser le thème de base (comme les thèmes premium comme vous le souhaitez).thème et logo prestashop

Créer le logo de sa boutique Prestashop

Vous pouvez ajouter votre logo facilement ici. Si vous n’avez pas de logo vous pouvez en créer un simplement.

Enregistrez le logo d’origine du thème et ouvrez le dans Photoshop ou un logiciel similaire. Nous allons créer un logo à la même taille que l’actuel. Dans ce tuto nous allons créer un exemple de site de ventes d’articles de sport. Créez une zone de texte avec le nom de votre site et choisissez une police. Vous pouvez trouver des polices d’écriture sur Dafont ou Google Fonts par exemple. Vous pouvez aussi ajouter un petit logo illustré gratuitement en téléchargeant une image sur le site flaticon, vous l’incorporez ensuite à votre nom de site.photoshop pour images prestashop

Exportez l’image en .png par exemple comme cela vous gardez le fond transparent. Importez l’image. Si vous actualisez la page de votre site, on voit que le logo a bien été modifié.logo boutique en ligne

Personnaliser le favicon

Vous pouvez aussi personnaliser le favicon : l’icône qu’on voit dans l’onglet à côté du nom de votre site sur la même page que la personnalisation du logo. Pour cela importez une petite image (par exemple l’illustration présente dans votre logo) en format .ico.boutique en ligne LWS

Configurer les modules de votre boutique e-commerce

Votre site est constitué de modules, le carrousel de haut de page est un module, le listing de produits est un module, le bloc promo également, le bloc de contenu, l’inscription à la newsletter etc…
Vous pouvez configurer votre page d’accueil à l’aide l’onglet Home Page configuration. Cette page fait office de raccourcis, elle permet d’accéder plus rapidement aux différents modules qui constituent la page d’accueil. Vous pouvez également retrouver les modules dans l’onglet prévu à cet effet.modules thèmes prestashop

Les images de votre site e-commerce

Pour ce qui est des images utilisées sur le site, vous pouvez les gérer en allant dans l’onglet “apparence”, “images”. On y voit l’ensemble des styles d’images utilisés sur votre boutique et la taille qui leur est attribuée.images site ecommerce

Les paramètres de compression par défaut sont plutôt bien pensés. De ce fait, évitez de trop compresser vos images, votre site ne sera pas forcément significativement plus rapide mais la faible qualité de vos images pourrait faire fuir vos visiteurs. Et, au contraire, des images immenses ralentiront votre site.

Si vous avez modifié des paramètres d’image sur cette page, n’oubliez pas de régénérer vos images pour mettre à jour votre site. Cela peut prendre plusieurs minutes si vous avez beaucoup d’images.

Vos pages sont divisées en modules. Pour modifier le carrousel, allez dans les modules, tapez son nom et cliquez sur configurer.gérer le carrousel de son site

Si vous ne savez pas quoi mettre dans les autres sliders ne cherchez pas à mettre n’importe quoi. Il vaut mieux une seule image propre et intéressante pour le client. Ne pas surcharger d’images permet au site d’être plus rapide à charger.boutique en ligne prestashop

Modifier les modules de son site

Retournons dans le back-office, dans apparence, positions. Vous pourrez ici modifier la position de vos différents modules. Par exemple, pour la page d’accueil, on va dans la partie « display Home », on a ces 4 blocs qu’on a vus précédemment. Pour changer l’ordre des blocs il n’y a qu’à cliquer sur une section et la glisser en dessus ou au-dessus des autres ou utilisez les flèches.changer l'ordre des modules de son site

On peut cocher la case pour voir les points d’accroche invisibles mais, à moins que vous soyez développeur et vous vous y connaissiez un peu plus, ne vous penchez pas là-dessus.

Pour en ajouter un autre, cliquez sur le bouton “greffer un module”, choisissez un type de bloc par exemple de coordonnées, indiquez sa position (par exemple sur la page d’accueil). Puis sélectionnez les exceptions, c’est-à-dire les fichiers dans lesquels le module ne sera pas affiché. Pour en sélectionner plusieurs, cliquez et laissez appuyée la touche contrôle (CTRL) de votre clavier.
Pour le supprimer cliquez sur « dégreffer »greffer un module

Créer les pages de sa boutique en ligne

Pour créer les pages de votre site, allez dans l’onglet “apparence”, “pages”. On peut voir qu’il y a des pages de base pré-construites mais il faudra changer les contenus car il s’agit de texte par défaut.

Il faudra entre autres éditer vos mentions légales et conditions générales de vente. Vous pouvez modifier ou supprimer ces pages comme bon vous semble.contenu des pages site ecommerce

Pour insérer une image c’est très simple cliquez simplement sur l’icône dédiée, choisissez un fichier et une taille d’affichage. Complétez également la description de l’image, cela améliore aussi le référencement de votre page en permettant à Google de comprendre ce que représente cette image.insérer éditer une image site ecommerce

Vous pouvez choisir d’indexer la page ou non, une page de mentions légales par exemple n’a pas d’utilité à être indexée sur les moteurs de recherche cela risque même de plomber votre référencement. Supprimez les pages dont vous ne vous servez pas. Vous pouvez aussi faire en sorte que la page ne soit pas visible pour le moment sur votre site.

Afficher les coordonnées de sa boutique e-commerce

On va entrer les coordonnées de votre boutique pour que vos clients puissent vous joindre. Pour cela allez dans “paramètres de la boutique rubrique “contact” puis “magasins” et remplissez les différentes informations. Dans le numéro de téléphone nous vous invitons à ajouter le préfixe du pays, en France c’est +33, pour aider vos clients à l’étranger à vous contacter par exemple. (+33(0)3….). On enregistre.coordonnées boutique ecommerce

Vous pouvez également ajouter des modules entièrement conçus par vous-même en langage HTML, comme cela vous pouvez le personnaliser encore plus. Pour ajouter un bloc HTML, configurez un bloc de texte personnalisé. Lancez le mode HTML, copiez votre code et collez le dans la fenêtre de code. Enregistrez.

Ajouter vos produits et catégories

Vous pouvez ajouter, supprimer vos articles, catégories et commandes. On vous explique tout en détail dans un autre article “Comment ajouter mes produits sur ma boutique e-commerce Prestashop ?” !

Créez vos catégories, ajoutez des images, des prix, des codes promo, suivez vos stocks …

Votre boutique en ligne responsif (optimisé tablette et mobile)

Votre boutique est responsive, elle est adaptée aussi bien aux ordinateurs qu’aux tablettes et mobiles. Comme vous pouvez le voir, si on simule un affichage sur de plus petites tailles d’écran, le site s’adapte parfaitement automatiquement.boutique en ligne responsif

Pour ne pas alourdir et ralentir la vitesse de votre site e-commerce pour rien, gardez uniquement les modules dont vous avez besoin et supprimez ceux que vous n’utilisez plus.

Optimiser l’outil de référencement SEO

Dans les paramètres de la boutique, Trafic et SEO, vous pouvez modifier vos titres de pages, liens URL.
On peut voir que la page d’accueil n’a pas de titre notamment, ce n’est pas bon pour le référencement. Ajoutez le nom de votre site, écrivez la meta description, indiquez des mots clés relatifs à votre activité et enregistrez.SEO boutique en ligne

Alors n’attendez plus, dès maintenant créez votre boutique e-commerce Pro avec Prestashop 👍

Je vous invite à lire notre E-book e-commerce pour encore plus de détails pour votre boutique en ligne Prestashop 😉

N’hésitez pas à partager cet article et à nous dire quelle formule vous avez choisi selon vos besoins 😉

hébergement e-commerce

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Serveurs performants haut de gamme

Serveurs performants
haut de gamme

Logiciels avec installation en 1 clic

Logiciels avec
l'installation en 1 clic

Sécurité optimale pour vos sites

Sécurité optimale
pour vos sites

Confiance, 100% en France

Confiance, 100%
en France

100% Satisfait ou Remboursé

100% Satisfait
ou Remboursé