Sélectionner une page


La polyvalence de Divi le rend idéal pour les sites de commerce électronique. Il s’intègre bien avec WooCommerce et d’autres plates-formes de commerce électronique. Il va sans dire qu’il existe de nombreux sites de commerce électronique construits avec Divi. Dans cet article, nous allons examiner 20 exemples de sites Web de commerce électronique créés avec Divi pour stimuler votre imagination.

Ces sites Web ont des mises en page, des pages de boutique et des pages de produits intéressantes. La plupart ont un design intéressant pour la boutique et les pages produits, et certains ont des modules complémentaires WooCommerce. Je soulignerai ce qui me frappe le plus. Les sites Web ne sont pas dans un ordre particulier.

1. Afrique de l’Est

L’Afrique de l’Est a un design de page d’accueil pointu qui est axé sur l’entreprise. La page contient plusieurs appels à l’action pour visualiser les différents produits. Les pages de catégorie contiennent un en-tête avec un grand logo et un menu de navigation qui défile avec l’en-tête. Les pages contiennent un champ de recherche et des catégories suggérées. Les pages produits présentent le produit dans deux colonnes. La mise en page est simple et comprend des suggestions de produits.

Voir le site web

2. Sweet Cecilys

Sweet Cecilys affiche des images sous forme de liens vers les catégories d’entreprises dans une mise en page à plusieurs colonnes qui ressemble à un magazine. L’arrière-plan montre une partie du logo de l’entreprise. Les pages de catégories ont le même motif de fond que la page d’accueil et affichent les produits dans quatre colonnes. Les pages de catégorie ont des widgets WooCommerce dans la barre latérale qui sont conçus pour correspondre aux produits. Les pages produits utilisent la barre latérale et ajoutent des boutons pour partager du contenu et des produits associés. Ce site propose de superbes photographies de produits.

Voir le site web

3. Papier rose moderne

La page d’accueil de Modern Pink Paper ressemble à un magasin et utilise des couleurs douces pour attirer le public cible. Il contient des CTA pour différentes catégories. Les pages des catégories principales utilisent la même image pour chaque catégorie, mais affichent le titre au-dessus de l’image. Les pages de catégories secondaires affichent les produits avec un filtre. Les pages produits offrent de nombreuses options de couleurs et de personnalisation. L’acheteur peut choisir la couleur, ajouter un nom pour la personnalisation, voir le produit avant l’expédition et ajouter des messages et des notes. Dans la description du produit, un accordéon est utilisé pour la FAQ.

Voir le site web

4. Dessins à une feuille

One Leaf Designs affiche les images des produits dans un curseur pleine largeur avec un CTA de magasin suivi d’une section des meilleures ventes. La page de la boutique affiche les produits dans une zone de boîte qui chevauche l’en-tête. Les pages produits montrent le produit avec une ombre de boîte pour toutes les images. Le texte est conçu pour s’adapter au site. Il contient des liens vers d’autres produits susceptibles de plaire au visiteur.

Voir le site web

5. Le panier Bro

Le panier du bureau affiche un en-tête plein écran avec un CTA de magasin. Une section montre les catégories de la boutique en utilisant des images avec des superpositions. Une autre section présente des produits triés sur le volet. Les pages de catégories affichent différentes sections sur l’entreprise et son fonctionnement. Ces sections contiennent des services dans les cartes 3D. Les plus éloignés sont flous. La zone de description des pages produits contient une vidéo pleine largeur ou des ajustements. Cela comprend également les produits connexes. J’adore la photographie sur ce site.

Voir le site web

6. Boutique de soins naturels

Natural Care Shop a un joli design de magasin avec des images qui font référence aux catégories. Il utilise des couleurs douces pour plaire au public cible. Les pages de catégorie ont des widgets de barre latérale WooCommerce et des CTA dans le pied de page. Les produits sont présentés avec de grandes images. Les pages de produits ont des icônes et des produits similaires à la fois dans un widget et sous forme d’images CTA.

Voir le site web

7. Apis Australia

Apis Australia inclut un CTA de boutique pleine largeur dans l’en-tête, ainsi qu’une section de catégorie qui affiche plusieurs produits dans une seule image. La page de la boutique utilise le même arrière-plan pour apparaître derrière le module de la boutique. Une autre zone de magasin présente des produits complémentaires dans le même contexte. Les produits sont affichés avec des ombres de boîte. Les pages de produits sont simples mais ont une conception de texte pour correspondre au site Web et aux produits associés.

Voir le site web

8. Lahlay

Lahlay affiche un curseur plein écran avec des CTA pour plusieurs produits. Il contient un méga menu qui se cache lorsque vous faites défiler. Dans plusieurs sections de la page d’accueil, les produits sont présentés avec de grandes images et des ombres de boîte. Certaines autres sections contiennent des informations sur le produit avec des images. Les pages de catégorie affichent de nombreuses photos et informations dans des accordéons conçus ainsi qu’un module de boutique élégant. Les produits sont affichés dans des popups. Cette page contient l’une des pages de catégories / produits les plus intéressantes que j’ai vues.

Voir le site web

9. Leoca

Leoca affiche un en-tête plein écran avec un CTA de boutique. La section suivante montre de grandes images associées aux catégories. Ils contiennent les titres des catégories. Les pages de catégorie affichent un plein écran avec le titre de la catégorie. La section suivante présente un produit, suivi d’un module de boutique avec de grandes images et une animation flottante pour les superpositions pour montrer les tailles et un cœur pour ajouter le produit à votre liste de souhaits. Les pages produits montrent de nombreuses grandes images ainsi que des options.

Voir le site web

10. Le gentleman négligé

Le Scruffy Gentleman a un champ de recherche de produit sous l’en-tête, suivi d’une image d’arrière-plan pleine largeur en parallaxe. Les produits sélectionnés défilent dessus et chevauchent la section suivante des produits phares. Une autre section montre un CTA en parallaxe, suivi de nouveaux articles dans le magasin. La page de la boutique suit un design similaire et ajoute une barre latérale WooCommerce. Les pages produits sont affichées en pleine largeur et contiennent de grandes images.

Voir le site web

11. Veez

Veez comprend un bouton boutique qui apparaît lorsque vous faites défiler l’écran. La page d’accueil affiche des catégories avec des images sous forme de liens, qui sont conçues avec des textes et des champs qui se chevauchent. Les pages de catégorie affichent une image et un titre pour présenter la section, suivis d’un module de boutique et d’un bouton pour afficher plus d’informations. Les pages produits ont beaucoup de styles intéressants. Ils montrent le produit avec beaucoup de grandes images dans plusieurs colonnes. Une autre section présente d’autres produits de la catégorie.

Voir le site web

12. Oreiller Coco

Coco Cuscino comprend un curseur plein écran avec un CTA de magasin pour les différentes catégories. Le défilement fera apparaître un curseur des derniers produits avec un titre de section sur la gauche. Une autre section contient des CTA pour différentes catégories. Les pages de catégorie et de produit sont simples et ont des styles de bordure, de bouton et de texte, ainsi qu’un pied de page personnalisé. La page produit contient une ombre de boîte.

Voir le site web

13. Tarte et baies

Tarte et baies

Tarte et Berry affichent les produits dans un curseur plein écran avec l’effet Ken Burns et un CTA de la boutique. Une zone étroite montre le processus d’achat avec des symboles. Ceci est suivi d’une grande liste de produits et d’une section de témoignages. La page de la boutique suit le même design, mais sans le curseur. Les pages produits sont conçues pour correspondre au site Web et comprennent un champ pour ajouter un message personnalisé. La description montre les ingrédients. Le site présente également des produits associés.

Voir le site web

14. Pharmacien Nikki Hill

Nikki Hill Apothecary utilise un design doux et élégant pour afficher les produits. L’en-tête montre un CTA suivi d’informations sur l’entreprise. Une section à plusieurs colonnes affiche les images sous forme de liens vers des catégories. Les pages de catégories sont propres et ont un design adapté au site. Les pages produits ont un design personnalisé qui inclut les onglets de la zone de description. Ci-dessous le produit se trouve un produit recommandé dans une boîte conçue. La photographie sur cette page le distingue.

Voir le site web

15. Pointes et moineau

Spikes and Sparrow affiche un curseur pleine largeur pour présenter les produits. Le curseur a conçu la navigation sur la gauche. La section suivante présente les catégories dans une disposition à plusieurs colonnes avec des images avec des superpositions de texte conçues. Les pages de la boutique affichent les produits avec une barre latérale WooCommerce conçue. Les pages produits sont élégantes avec leurs couleurs de marque. Ils ne montrent pas beaucoup d’informations, mais ils montrent le produit dans différentes couleurs.

Voir le site web

16. Kickbike

Kickbike montre un curseur pleine largeur avec un CTA de magasin. La page d’accueil propose divers articles et liens sur l’entreprise, les zones de vente et de nombreuses informations sur les produits. Les pages de catégories contiennent un plein écran, suivi d’une zone d’informations, d’une zone de boutique pleine largeur et d’une FAQ. Les pages produits sont simples mais utilisent de nombreuses grandes photos et produits associés.

Voir le site web

17. Boutique non salée

Unsaled Boutique utilise des couleurs douces derrière le menu, les sections, les blocs de texte, etc. pour attirer le public cible. Un CTA est affiché dans un curseur et utilise une image avec une zone de couleur pour le texte. Des cases colorées sont utilisées dans tout le site Web pour identifier les catégories. La page d’accueil contient plusieurs de ces zones de magasin. Les liens de catégorie ouvrent la page du produit, sur laquelle vous pouvez sélectionner le produit respectif dans une liste déroulante. La page produit affiche également les produits associés.

Voir le site web

18. Fleurs de maison

Maison Flowers montre une image de produit comme arrière-plan de parallaxe dans la zone des héros en plein écran. Le défilement révèle un module de boutique stylisé avec une icône de fleur dans la superposition et une section avec des images pour les catégories avec une animation de survol. Les pages de catégorie sont les mêmes que la page d’accueil mais ont une petite image avec une superposition conçue. Les pages produits utilisent le même en-tête et un grand titre de produit et contiennent un champ de message personnel pour personnaliser le cadeau. La page comporte également une section d’informations sur l’expédition et l’achat, ainsi que deux autres sections sur les produits similaires.

Voir le site web

19. Magasin Basami

Basami Shop affiche un CTA de magasin dans un curseur plein écran. Une section avec d’autres produits et une section avec des favoris contiennent des ombres de boîte. Sur les pages de catégories, les catégories sont affichées dans la barre latérale, une description de la catégorie, puis les produits. Les pages produits affichent une grande image du produit, la galerie de produits, puis la zone de description. Cette zone est conçue pour correspondre au site Web et contient des produits connexes.

Voir le site web

Quitter les pensées

Voici notre aperçu de 20 exemples de sites Web de commerce électronique créés avec Divi pour stimuler votre imagination. Ces pages sont d’excellents exemples de ce qui peut être fait avec Divi. Beaucoup ont des pages de destination élégantes avec des modules de boutique conçus pour se concentrer sur les produits. Il existe plusieurs excellents exemples de pages de boutique, de pages de catégories et de pages de produits. Il est facile de voir comment la photographie de produit peut faire ressortir un design simple. Vous êtes sûr de trouver quelque chose ici pour vous aider à concevoir tout type de site Web de commerce électronique pour votre prochain projet Divi.

Nous voulons de vos nouvelles. Lesquels de ces sites de commerce électronique Divi sont vos favoris? Faites-nous savoir ce que vous pensez dans les commentaires.

Image sélectionnée via TeraVector / shutterstock.com





Source link

Recent Posts