Vous avez choisi Prestashop pour lancer votre boutique ecommerce mais vous rencontrez des difficultés pour créer des pages sur votre site ou modifier le contenu rapidement comme avec Elementor sur wordpress?
Il n’y a rien de mal à ne pas être développeur. Cependant, pour quelqu’un qui se lance dans l’e-commerce avec, ne pas pouvoir maîtriser pleinement la construction des pages est un inconvénient majeur.
Si vous envisagez d’utiliser Prestashop, vous souhaitez surement pouvoir avoir un maximun d’autonomie sur vos pages cms afin de mettre en place vos opérations commerciales, modifier vos fiches produits, créer vos pages catégories.
Mais encore aujourd’hui, les retours d’expériences qui reviennent très souvent, c’est que :
- Prestashop est trop technique dès que l’on veut modifier une image.
- Je dois encore acheter un module pour faire un carrousel ?
- J’ai besoin de faire appel à mon développeur dès que je veux changer ma page d’accueil.
- Je veux pas payer un développement pour mettre un bandeau en haut de mon site
Passer par un thème est souvent la solution la plus fréquente mais encore faut-il que le thème propose l’ensemble des fonctionnalités souhaitées et la bonne mise en forme pour l’accueil de votre boutique. Bonne nouvelle, l’équipe de WebshopWorks à sorti un module qui est basé sur Elementor pour WordPress vous permet de passer au niveau supérieur dans la conception de votre page d’accueil et de vos pages de contenus.
Variable suivant les thèmes
15 minutes
Module : 119€ + prix du thème
Changer votre conception de création de contenu sur Prestashop, c’est la promesse de ce module (lien juste en dessous). Notre baseline au niveau de l’agence étant de rendre autonome nos clients sur leurs sites, nous essayons d’installer des solutions afin de rendre plus simple les modifications, un module qui permet de gagner en autonomie sur prestashop était donc une bonne nouvelle.
Module Creative Elements - live Theme & Page Builder
5/5 en avis clients
Comment le mettre en place sur prestashop ?
Pour intégrer les fonctionnalités d’Elementor dans PrestaShop c’est du classique.Voici les étapes pour installer et configurer ce module :
- Acquisition du module : Rendez-vous sur l’ Addons de PrestaShop et recherchez « Creative Elements » ou suivez le lien juste au dessus. Ce module, est disponible à l’achat pour environ 119 € HT, avec un abonnement annuel de 32 € pour les mises à jour.
- Installation sur votre boutique :
- Après l’achat, téléchargez le fichier du module.
- Connectez-vous à l’interface d’administration de votre PrestaShop.
- Allez dans « Modules » > « Gestionnaire de modules ».
- Cliquez sur « Ajouter un nouveau module », puis téléchargez le fichier précédemment obtenu.
- Une fois le module ajouté, cliquez sur « Installer » et suivez les instructions affichées.
- Configuration du module :
- Après l’installation, accédez aux paramètres de Creative Elements depuis le menu des modules.
- Personnalisez les options selon vos besoins, en définissant les pages à modifier et les éléments à inclure.
- Utilisez l’éditeur visuel par glisser-déposer pour concevoir vos pages, similaire à l’expérience offerte par Elementor sur WordPress.
En suivant ces étapes, vous pourrez enrichir facilement votre boutique PrestaShop avec des banière, nouvelles sections, images, selection de produits, sans nécessiter de compétences en codage. Cette intégration vous permettra de créer des pages plus attrayantes, améliorant ainsi l’expérience de vos clients sur votre site e-commerce.
La grande question, Quels thèmes sont compatibles ?
Nos tests de thèmes Prestashop en vogue
Dans le cadre de nos projets nous essayons régulièrement différents thèmes et des associations avec les modules principaux du marché. Le module creative element pour prestashop fonctionne très difficilement sur les thèmes avec un système natif de constructeur différent d’elementor (Leotheme avec AP Page Builder ou Promokit (Venedor,…)). Pour les autres thèmes, cela dépend de la conception, nous allons voir ensemble quelques thèmes compatibles avec elementor pour un site Prestashop.
Charme Fashion Store
Compatibilité avec elementor : excellente ( Chargement sur la page d’accueil – OK, chargement sur les catégories – OK, chargement sur les page des contenu – OK, Demande au support du module : Aucune )
Rien a dire sur ce thème pourtant assez lourd en termes de modules ( 18 modules sur le thème), l’intégration est faite sans aucun soucis sur plusieurs projets chez des hébergements différents.
Besoin d'aide pour une intégration d'elementor sur prestashop ?
Thème ZOne - Supermarket Online Shop
Compatibilité avec elementor : moyenne ( Chargement sur la page d’accueil – KO, chargement sur les catégories – KO modification du template du thème obligatoire, chargement sur les page des contenu – OK, Demande au support du module : 1, soucis de chargement sur l’accueil résolue par le support du module)
Intégration assez moyenne sur ce thème plutôt simple en théorie ( très peu de modules) et pas de variations de template. la vitesse de chargement sur le site est très rapide.
Oui, mais pas directement. Elementor est principalement conçu pour WordPress. Toutefois, il existe des modules spécifiques pour PrestaShop, comme Creative Elements, qui offrent une expérience similaire. Avec cet outil, vous pouvez glisser-déposer des blocs de contenu comme des textes, images ou boutons, sans toucher une ligne de code. Cool, non ? Imaginez personnaliser votre page d’accueil PrestaShop avec une structure moderne, intuitive, sans migraine technique. La vraie magie ici, c’est que même si Elementor n’est pas « natif » pour PrestaShop, vous pouvez obtenir 90 % des fonctionnalités clés avec ce genre de plugin. Une boutique qui « tape dans l’œil » tout en restant ergonomique, c’est un énorme atout pour capter vos visiteurs et, avouons-le, les convertir en clients fidèles. Pourquoi laisser ça aux concurrents ?
Le lien vers le module Elementor est disponible un peu plus haut dans page, il vous faut un compte sur l’Addons Prestashop afin d’acheter le module. En passant par nous vous bénéficiez de 5% de réduction sur le module. Ensuite, il faut aller dans Modules > Gestionnaire de modules afin d’installer votre module.
Le module Creative Elements – live Theme & Page Builder vous permet de gagner en autonomie pour vos changements des contenus sur votre boutique. Plus besoin de faire appel à une agence afin de modifier le slider d’accueil, ou pour rajouter une nouvelle catégorie de produits. Bref, vous avez la main sur votre Prestashop sans coder.
Absolument, Creative Elements a été conçu pour être accessible à tous, même à ceux qui n’ont aucune expérience technique ou en codage. Son éditeur fonctionne sur le principe du glisser-déposer, similaire à Elementor, ce qui rend la personnalisation intuitive et rapide. Vous pouvez ajouter, déplacer ou supprimer des sections, intégrer des images, du texte ou des boutons sans toucher une seule ligne de code.
De plus, le module propose une bibliothèque de modèles préconçus que vous pouvez utiliser comme base pour créer des pages professionnelles en quelques clics. Ces modèles sont entièrement personnalisables, ce qui vous permet d’ajuster les couleurs, les polices et les mises en page pour qu’ils s’adaptent à votre identité visuelle.
Ah, la compatibilité des thèmes, un sujet brûlant pour les e-commerçants ! Elementor fonctionne principalement avec WordPress, mais certains thèmes PrestaShop ont su tirer parti de ce concept visuel. Prenez par exemple le thème Warehouse. C’est l’un des plus populaires pour PrestaShop, et il intègre parfaitement des fonctionnalités de type « Elementor ».
En gros, Warehouse vous offre des outils visuels pour concevoir vos pages de manière intuitive, un peu comme si vous aviez Elementor intégré directement. Vous pouvez jouer avec des blocs, des colonnes, des widgets dynamiques et personnaliser chaque recoin de votre boutique. Et si Warehouse ne vous suffit pas, des alternatives comme Panda ou Alysum proposent aussi des outils de création visuelle, bien qu’ils soient parfois moins complets.
Un conseil ? Assurez-vous que votre thème est responsive (adapté au mobile) et léger. Elementor, ou ses clones, consomment parfois des ressources supplémentaires. Mais imaginez le résultat : une boutique qui sort du lot, élégante et fluide. Après tout, l’apparence de votre boutique, c’est un peu comme la vitrine d’un magasin. Si elle est belle, vos visiteurs voudront pousser la porte, non ?
Ah, les performances : le nerf de la guerre pour tout e-commerçant. Une page qui charge trop lentement, c’est une vente qui s’évapore. Est-ce qu’un outil comme Elementor, ou ses équivalents PrestaShop, peut affecter la vitesse ? La réponse est oui… et non.
Tout dépend de comment vous l’utilisez. Les constructeurs visuels ajoutent des scripts, des styles et des fonctionnalités supplémentaires. C’est un peu comme ajouter des accessoires à une voiture : plus vous en mettez, plus elle peut s’alourdir. Mais si vous optimisez bien votre boutique, l’impact reste minime.
Pour éviter que votre site ne rame, quelques astuces : choisissez un thème léger et optimisé, activez la mise en cache, compressez vos images et limitez le nombre de widgets inutiles sur vos pages. Autrement dit, gardez votre design épuré. Parfois, moins, c’est plus.
En réalité, ce qui ralentit souvent une boutique, ce n’est pas le constructeur lui-même, mais une accumulation de petites erreurs : plugins mal configurés, images trop lourdes, ou hébergement peu performant. Alors, un conseil : soyez attentif et privilégiez l’efficacité. Votre site sera à la fois beau et rapide. Et ça, c’est le combo gagnant.
Avec des outils comme Creative Elements, vous pouvez ajouter des bannières dynamiques, des sliders interactifs, des galeries d’images, des compteurs de produits et même des avis clients. Les widgets classiques d’Elementor sont là pour transformer vos pages en expériences visuelles et engageantes. Et tout ça, sans coder.
Oui, absolument. Les outils inspirés d’Elementor permettent de prévisualiser et d’ajuster vos pages pour les mobiles, tablettes et ordinateurs. Chaque section s’adapte automatiquement, mais vous pouvez aussi peaufiner les détails pour garantir une expérience utilisateur fluide. Votre boutique Prestashop sera belle, peu importe l’écran !
