Ajouter des blocs de boutique dans le constructeur de page Elementor

Elementor est un constructeur de page gratuit pour WordPress qui vous permet de créer des pages magnifiquement conçues en un rien de temps, sans aucun code. Si vous voulez ajouter votre boutique Ecwid à votre site WordPress construit avec Elementor, vous pouvez le faire directement dans l'éditeur Elementor. Vous pouvez ajouter une boutique entière, une catégorie de boutique ou des produits individuels sous la forme de boutons Acheter.

Avant de commencer à construire un site de e-commerce dans WordPress avec Elementor, assurez-vous :

D'installer l'extension Elementor Page Builder
D'installer l'extension Ecwid E-commerce for WordPress

En savoir plus sur l'ajout de votre boutique Ecwid à un site WordPress→

Ajouter une vitrine entière ou une catégorie de boutique

Vous pouvez ajouter toute votre boutique Ecwid ou une catégorie spécifique à n'importe quelle page de votre site WordPress. Les clients pourront ainsi parcourir votre boutique et consulter tous les produits que vous avez créés et activés dans votre administration Ecwid.

Pour ajouter une boutique ou une catégorie de votre boutique :

Accédez à votre tableau de bord WordPress → Pages et ouvrez la page sur laquelle vous souhaitez ajouter une boutique ou une catégorie de boutique. Vous pouvez les ajouter sur une nouvelle page ou une page déjà existante.
Cliquez sur Modifier avec Elementor pour ouvrir l'éditeur Elementor et cherchez Boutique Ecwid dans la barre d'outils à gauche.
Faites glisser et déposez le widget « Boutique en ligne » :
Cliquez sur le widget dans la partie droite de l'écran et cherchez Modifier la boutique en ligne à gauche. Dans l'onglet Contenu, choisissez ce que vous voulez ajouter : une boutique entière ou une catégorie de boutique.

Si vous souhaitez ajouter une boutique entière, sélectionnez « Catégorie racine de la boutique ». Si vous voulez ajouter une catégorie précise, choisissez cette catégorie dans la liste.
L'onglet « Avancé » vous permet d'appliquer différents effets, de modifier le type d'arrière-plan, de modifier le positionnement et d'autres caractéristiques avancées. Quant à l'apparence de votre boutique, vous pouvez la paramétrer sur la page Conception dans votre administration Ecwid.
Cliquez sur Aperçu des modifications pour voir à quoi ressemble votre vitrine ou votre catégorie. Cliquez sur Publier ou sur Mettre à jour pour enregistrer les modifications.

Et voilà ! Vous avez ajouté une vitrine entière ou une catégorie de boutique spécifique à votre page de site WordPress dans le constructeur de page Elementor.

Ajouter des produit uniques

Vous pouvez ajouter des produits individuels sous la forme de boutons Acheter à n'importe quelle page de votre site WordPress. Les boutons Acheter sont des boutons spéciaux avec une option de paiement intégrée. Vous pouvez les ajouter aux pages de destination, à votre blog, à la barre latérale ou même à une page d'erreur 404.

Dans le constructeur de page Élémentor, vous pouvez ajouter des boutons Acheter avec la disposition « Bouton seulement » exclusivement.

Pour ajouter un produit individuel :

Allez dans votre tableau de bord WordPress → Pages et ouvrez la page sur laquelle vous souhaitez ajouter un produit. Vous pouvez l'ajouter sur une nouvelle page ou une page déjà existante.
Cliquez sur Modifier avec Elementor pour ouvrir l'éditeur Elementor et cherchez Boutique Ecwid dans la barre d'outils à gauche.
Faites glisser et déposez le widget « Bouton Acheter maintenant » :
Cliquez sur le widget dans la partie droite de l'écran et cherchez Modifier le bouton Acheter maintenant, à gauche. Dans l’onglet Contenu, choisissez le produit que vous souhaitez ajouter à la page dans le menu déroulant « Choisir un produit » :

L'onglet Style vous permet de modifier l'apparence du bouton Acheter maintenant. Quant à l'onglet Avancé, il vous permet d'appliquer différents effets, de modifier le type d'arrière-plan, de modifier le positionnement et d'autres caractéristiques avancées.
Cliquez sur Aperçu des modifications pour voir à quoi ressemble votre bouton Acheter maintenant. Cliquez sur Publier ou sur Mettre à jour pour enregistrer les modifications.

Et voilà ! Vous avez ajouté un produit unique sous la forme d’un bouton Acheter à votre page de site WordPress dans le constructeur de page Elementor.