LE BLOG SOLEDIS

22 Avr 2024
utiliser elementor avec prestashop

Créer son site Prestashop avec Elementor

Si vous avez jeté votre dévolu sur Prestashop comme solution e-commerce pour la création ou la refonte de votre boutique en ligne, sachez qu’il existe un constructeur de page en direct qui va considérablement faciliter la mise en œuvre de votre projet : Elementor.
Ce dernier vous permet notamment d’étendre des pages déjà existantes et d’en créer de nouvelles conformément aux normes Prestashop. Pour vous faire accompagner par des Experts Prestashop qui maîtrisent parfaitement cet outil, faites confiance à l’expertise de l’équipe Soledis.

Qu'est-ce qu'Elementor ?

Elementor est un logiciel libre sous licence GPLv3 qui a fait son apparition en 2016. Disponible en version gratuite et en version Pro, l’outil a pour objectif, à l’origine, la simplification de la conception et de la maintenance des pages WordPress.
Comme tous les constructeurs de page, Elementor permet, en quelques clics, de construire et de mettre en forme les pages de votre boutique en ligne sans avoir besoin de compétences en code Html. Notez qu’il s’agit du page builder numéro Un sur le CMS WordPress avec plus de 5 millions d’installations.

Comment utiliser Elementor sur Prestashop ?

Pour générer de substantielles économies de temps et devenir encore plus autonome dans la construction et l’évolution de votre site e-commerce Prestashop, vous avez tout intérêt à choisir “Creative Element” qui est un constructeur de page basé sur les fonctionnalités d’Elementor.

1. Installer le module "Creative Elements"

La première étape consiste à acheter et télécharger le module sur l’add-ons Prestashop. Grâce à ce constructeur de page basé sur Elementor, vous n’avez besoin que d’un seul module pour devenir totalement autonome. Il vous suffit d’installer ce module directement sur votre plateforme Prestashop. Notez qu’il requiert une version compatible de Prestashop.

2. Utiliser le constructeur de page

En utilisant le module Creative Elements, vous avez la possibilité de convertir l’intégralité de votre processus de création de page en 100 % visuel, c’est ce qu’on appelle le “Visual builder”.
Cela comprend tous les types de page, de la fiche produit à la page d’accueil en passant par les page de contenu (page CMS), l’en-tête et le pied de page.

3. Créer et sauvegarder des modèles de blocs dans la bibliothèque d'éléments

Une fois le module installé, vous avez la possibilité de créer et de sauvegarder des modèles de blocs préconçus et de les personnaliser en fonction de vos préférences et des informations à présenter sur chaque type de page. À retenir que les blocs vont pouvoir être combinés sans la moindre difficulté au sein de toute page de votre boutique en ligne.

De même, sachez que ces modèles de section englobent n’importe quelle catégorie comme, par exemple, les témoignages, les appels à l’action ou même dès blocs que vous aurez créé vous même.
Et afin de vous faciliter la vie, vous avez l’opportunité d’enregistrer ces modèles afin de les réutiliser aussi souvent que vous le souhaitez sur d’autres pages de votre site web.

Les avantages d'utiliser Elementor avec Prestashop

Vous êtes encore indécis à l’idée d’expérimenter le page builder Elementor avec Prestashop ? Voici quelques bonnes raisons de le faire.

Flexibilité et personnalisation avancée

Par rapport à l’éditeur natif de Prestashop, Elementor vous offre encore plus de possibilités pour personnaliser votre boutique en ligne. Et dès que vous procédez à une modification, Elementor vous permettra de voir à quoi ressemble votre nouvelle page en temps réel, ce qui le distingue de certains autres constructeurs de page ne disposant pas de cette option. Cette fonctionnalité représente un gain de temps significatif dans la conception de votre site web.

D’une grande flexibilité, Elementor vous permet aussi, si jamais vous n’avez pas d’inspiration, de puiser dans sa vaste bibliothèque de templates, personnalisables à votre guise et classés par type d’élément. Pas besoin de cliquer sur un bouton ou d’activer le mode prévisualisation pour voir directement les évolutions apportées à vos pages !

Facilité d'utilisation

Grâce à son interface intuitive et ergonomique, Elementor pour Prestashop est très facile à utiliser, y compris pour un novice. À l’écran, vous voyez votre page web vierge ou existante sur la partie droite et les fonctionnalités de modification sur la partie gauche.

Par conséquent, pour créer ou modifier une page, vous n’avez pas besoin de code et il vous suffit simplement de glisser-déposer un widget l’un après l’autre sur votre page en cours de construction. Saisir un texte est tout aussi facile avec un grand nombre de polices, de tailles et de couleurs à disposition. L’intégration dès balises SEO est aussi disponible, avec par exemple la possibilité d’intégrer des balises Hn.

Améliorer l'expérience utilisateur (UX)

Elementor et Creative Elements par la même occasion ont été développés pour offrir la meilleure expérience utilisateur possible, que cela soit pour le concepteur du site et pour l’internaute.
Grâce à son système d’édition en direct et sa vitesse, vous aurez toutes les clés en main pour construire une boutique en ligne attractive et offrant une navigation agréable à vos clients.
Avec tous ses paramètres d’édition performants et simples à appliquer, ce constructeur de pages vous garantit un résultat satisfaisant et une expérience de navigation optimale sur votre site web.

Toujours du point de vue utilisateur, le recours à une base de code légère accroît la vitesse de chargement des pages. Grâce à Elementor appliqué au CMS Prestashop, vous allez pouvoir offrir une expérience optimale et ce, sur n’importe quel appareil, ordinateur, mobile ou tablette.

Sautez le pas avec Elementor

Vous l’aurez compris : pour développer et améliorer votre plateforme e-commerce Prestashop, le module Creative Element qui se base sur les fonctionnalités d’Elementor constitue une opportunité. Avant de vous lancer avec cette solution et être parfaitement autonome dans la conception et les modifications de votre site web, n’hésitez pas à contacter Soledis pour bénéficier des meilleurs conseils sur l’utilisation d’Elementor sur Prestashop !

Chef de projet web senior photo soledis - agence e-commerce