Woocommerce et Elementor – Ingrid Schwarz Webdevelopment

Il est possible d’étendre les fonctionnalité et les designs de Woocommerce avec Elementor. Il suffit d’installer le plugin correspondant.

Installer le plugin

Installez Royal Addon for Elementor pour avoir des éléments à utiliser pour Woocommerce.

Utiliser le plugin

Une fois Royal Addon for Elementor installé les éléments pour Woocommerce sont déjà disponibles.

Les fonctionnalités de Woocommerce permettent maintenant de choisir ses pages panier, paiement et compte clients, il est alors plus facile d’utiliser Elementor pour la création de ces pages.
Vous pouvez créer des pages avec Elementor, les éléments nécessaires sont présents dans la partie Woocommerce, vous pouvez créer sans effort une page de paiement et un panier client. Ceux-ci sont personnalisables.
Pour créer une page de paiement ou un panier il suffit du titre de la page et d’un seul élément pris dans Elementor, il suffit ensuite de configurer cet élément. Seul les comptes client ne sont pas disponibles pour les utilisateurs gratuits de Royal Addon for Elementor.

On vois bien sur cette image que le panier est ici plus élaboré que sur un site n’ayant pas Elementor. Il y a déjà des couleurs sur les boutons de validation et une mise en page mieux pensée. On peut même mettre des coupons de réduction.

Il est possible de modifier plusieurs paramètres dans les éléments Woocommerce que vous mettez

L’alignement des texte
Disposition des éléments
La largeur des éléments colonnes et autres

La partie pour éditer
les textes boutons et formulaire

La partie pour éditer les styles du panier.
On peut styliser les tableaux, titre, textes et prix.

Voici le résultat de la page panier modifié, j’ai changé les couleurs des bordures et mis les textes en noir.

La personnalisation d’une page panier peut être assez poussée

Pour la page Paiement elle n’est personnalisable qu’au niveau des couleurs et styles. Le contenu ne bouge pas. Il suffit de posséder les traductions adéquates pour avoir les champs en français.

Voici la page de paiement terminé, j’ai rendu l’écriture plus lisible et mis des bordure bleues. Pour mettre le français à la place de l’anglais il suffit d’installer les traductions.

Les listes produits avec Elementor

Vous créer une liste de produit entièrement avec Elementor, La présentation est amélioré, on peut rajouter ce que l’on veut, le bouton d’achat et son apparence les prix et les réductions, de petites icônes supplémentaires (sur l’image on voit le petit rond sale au dessus des images des produits)

Les boutiques ont beaucoup plus de personnalisation possible avec Elementor leurs apparences, leurs disposition, présence de notation etc. Les éléments sont disponibles directement avec Royal Addon for Elementor.

Pour conclure

Royal Addon for Elementor vous permet d’embellir une boutique en ligne. Personnaliser un panier client ou une page de paiement rend votre boutique moins généraliste, plus originale et améliorer son intégration dans votre charte graphique. Le site aura une meilleure allure pour vos visiteurs et vos clients. C’est un moyen simple de personnaliser une page sans avoir à coder quoi que ce soit.