19 Divi e -ticaret web sitesine örnek
Divi esnekliği, e -ticaret web sitesi için idealdir. Bu, WooCommerce ve diğer e -ticaret platformları ile iyi entegre edilmiştir. Divi ile inşa edilmiş birçok e -ticaret web sitesi olması mantıklı. Bu makalede, hayal gücünüzü tetiklemeye yardımcı olmak için Divi ile oluşturulan 20 e -ticaret web sitesi örneği göreceğiz. Bu sitelerde çekici düzenler, mağaza sayfaları ve ürün sayfaları vardır. Çoğu mağaza ve ürün sayfaları için çekici bir stil içerir ve bazıları eklenti wooCommerce içerir. Benim için en önemli olanı göstereceğim. Web sitesi belirli bir sırada değil.
1. Doğu Afrika
Bkz. Web Sitesi 3. Modern Pembe Kağıt Pembe Kağıt Bir Dükkana Gibi Görünür ve Hedef kitleyi çekmek için yumuşak renkler kullanır. Buna farklı kategoriler için CTA dahildir. Ana kategori sayfası her kategori için aynı görüntüyü kullanır, ancak resmin üzerindeki başlığı görüntüler. İkincil kategori sayfaları filtreli ürünleri görüntüler. Ürün sayfasında birçok renk seçeneği ve kişiselleştirmesi vardır. Alıcılar renkleri seçebilir, kişiselleştirmeye ad ekleyebilir, göndermeden önce ürünü görmeyi seçebilir ve mesajlar ve notlar ekleyebilir. SSS için Acordeon kullanarak ürün açıklaması. Bkz. Web Sitesi 4. Bir Yaprak Tasarımı
Bir Yaprak Designs, ürün görüntülerini CTA mağazalarıyla dolu geniş bir kaydırıcıda ve ardından en çok satıcılarla birlikte bölümler görüntüler. Mağaza sayfası, başlık ile örtüşen kutudaki ürünü gösterir. Ürün sayfası ürünü tüm görüntüler için bir kutu gölgesiyle gösterir. Metin siteye uyacak şekilde düzenlenmiştir. Bu, ziyaretçilerin isteyebileceği diğer ürünlere bağlantılar içerir. Bkz. Web Sitesi 5. Basket Kardeş Bro Basketball, CTA mağazası ile tam ekran başlığı sergiliyor. Bölüm, kaplı görüntüleri kullanarak mağaza kategorisini göstermektedir. Başka bir kısım el seçeneğinin ürününü gösterir. Kategori sayfası şirket ve ne yaptıkları hakkında birkaç parça göstermektedir. Bu bölümde 3D kartlardaki hizmetler bulunmaktadır. Daha uzak olanlar. Ürün sayfasının alan açıklaması tam geniş genişlikli bir video veya özelleştirme içerir. Ayrıca ilgili ürünleri de içerir. Bu web sitesinde fotoğrafçılığı seviyorum. Bkz. Web Sitesi 6. Doğal Bakım Mağazası
Natural Care Shop, kategoriye bağlı görüntülerle iyi bir mağaza tasarımına sahiptir. Hedef kitleyi çekmek için yumuşak renkler kullanır. Kategori sayfaları, altbilgideki WooCommerce ve CTA Kenar Çubuğu Widget’ı içerir. Ürünler büyük görüntülerle görüntülenir. Ürün sayfasında şık bir simge ve widget ve CTA görüntüsü olarak benzer ürünler vardır. Bkz. Web Sitesi 7. AustraliaPis API Australia, bir görüntüde birkaç ürünü gösteren kategori bölümünün yanı sıra başlıkta tam geniş bir mağaza içerir. Mağaza sayfası, mağaza modülünün arkasında görüntülenmek için aynı arka planı kullanır. Diğer mağazalar aynı arka plana sahip tamamlayıcı ürünler gösterir. Ürün, kutunun gölgesiyle görüntülenir. Ürün sayfası basittir, ancak siteye ve ilgili ürünlere uyacak metin stilini içerir. Bkz. Web Sitesi 8. Lahalay Lahlay, bazı ürünler için CTA ile tam ekran kaydırıcısı gösterir. Bu, parşömenlerde saklanan mega-menü içerir. Verandadaki bazı parçalar, büyük görüntüler ve gölge kutuları ile ürünler sergiliyor. Diğer bazı parçalar resimlerle ürün bilgileri sağlar. Kategori sayfası, şık dükkan modülü ile birlikte Madeon tarzında birçok fotoğraf ve bilgi görüntüler. Ürünler açılır pencerede görüntülenir. Bu site şimdiye kadar gördüğüm en ilginç kategorilerden/ürünlerden birine sahiptir. Bkz. Web Sitesi 9. Leoca
Leoca, CTA Shop ile tam ekran başlığı görüntüler. Bir sonraki bölüm, kategoriye bağlı büyük bir görüntü göstermektedir. Bunlar kategorinin başlığına dahildir. Kategori sayfası, kategorinin başlığı ile birlikte tam ekran görüntüsü görüntüler. Bir sonraki bölümde ürünü, ardından büyük görüntülere sahip bir mağaza modülünü izler ve bina için, arzu listenize ürün eklemek için boyut ve kalp göstermesi için kaplama animasyonunu görüntüler. Ürün sayfaları seçeneklerle birlikte birçok büyük görüntü gösteriyor. Web sitesine bakın 10. Dağınık Bir Adam Scruffy Beyefendi, başlığın altında bir ürün arama kutusu ve ardından paralakta tam geniş bir arka plan görüntüsü sağlar. Üstün ürün üzerinde döner ve üstün ürünün bir sonraki kısmı ile örtüşür. Başka bir kısım, paralaksta CTA’yı ve ardından mağazadaki yeni öğeleri gösteriyor. Mağaza sayfası benzer bir tasarımı takip eder ve WooCommerce kenar çubuğu ekler. Ürün sayfası tam genişlikte görüntülenir ve büyük görüntüler içerir. Bkz. Web Sitesi 11. Veez
Veez, kaydırdığınızda ekranda kalan mağaza düğmesini içerir. Home, üst üste binen metin ve kutularla düzenlenmiş bir bağlantı olarak görüntülerle kategoriyi görüntüler. Kategori sayfası, bölümleri tanıtmak için görüntüleri ve başlıkları ve ardından daha fazla ifade etmek için mağaza modülleri ve düğmeleri gösterir. Ürün sayfası birçok çekici stile sahiptir. Birkaç sütunda birçok büyük görüntü içeren ürünler gösterirler. Diğer parçalar bu kategoriden daha fazla ürün göstermektedir. Bkz. Web Sitesi 12. Coco Cuscino
Coco Cuscino, çeşitli kategoriler için CTA Shop ile tam ekran kayması içerir. Kaydırma, sol tarafın başlığı ile en son ürün kaymasını gösterir. Diğer parçalar farklı kategoriler için CTA’dır. Kategori sayfaları ve ürünleri basittir ve bir sınır, düğme ve metin stiline ve özel altbilgiye sahiptir. Ürün sayfası kutunun bir gölgesini içerir. Bkz. Web Siteleri 13. Tarte ve Berrytarte ve Berry, Ken Burns ve CTA Toko efektlerini kullanarak ürünleri tam ekran kaydırıcılarında görüntüler. İnce bölüm, satın alma işlemini bir simge ile gösterir. Aşağıda büyük bir ürün ve referans bölüm listesi bulunmaktadır. Mağaza sayfası aynı tasarımı takip eder, ancak slayt olmadan. Ürün sayfası siteye uyacak şekilde düzenlenmiştir ve özel bir mesaj eklemek için bir kutu ekler. Açıklama malzemeleri gösterir. Sayfa ayrıca ilgili ürünleri görüntüler.
Bkz. Web Sitesi 14. Bukit Nikki EczacıNikki Hill Eczacı, ürünlerini göstermek için yumuşak ve zarif bir tasarım kullanıyor. Üstbilgi CTA’yı ve ardından şirket hakkında bilgi gösterir. Çok sütunlu bölüm, görüntüleri kategoriye bağlantı olarak görüntüler. Kategori sayfalarını temizleyin ve siteye uyacak stilleri ekleyin. Ürün sayfası, Açıklama Alanı sekmesini içeren özel bir stile sahiptir. Ürünün altında şık bir kutuda önerilen bir ürün vardır. Bu sitedeki fotoğrafçılık onu ayırt ediyor. Bkz. Web Sitesi 15. Paku ve Sparrow Çiviler ve serçe, ürünü göstermek için tamamen geniş bir değişim gösterir. Kaydırıcı sol tarafta şık bir navigasyona sahiptir. Bir sonraki bölümde, şık metin alanları olan görüntüler kullanarak çok sütunlu düzende kategoriyi göstermektedir. Mağaza sayfası, WooCommerce tarzı kenar çubuğuna sahip ürünleri görüntüler. Ürün sayfası markalı renkleriyle zarif görünüyor. Çok fazla bilgi göstermediler, ancak ürünleri başka renklere dahil ettiler. Web sitesine bakın 16. Kickbike Kickbike, CTA mağazalarıyla dolu geniş bir kaydırıcı gösterir. Home, şirketler, mağaza bölümleri ve ürünler hakkında birçok bilgi hakkında çeşitli makale ve bağlantı sağlar. Kategori sayfası tam ekran görüntüsü, ardından bilgi bölümü, tam genişliğe sahip mağaza bölümü ve ardından SSS içerir. Basit ürün sayfaları ancak birçok büyük fotoğraf ve ilgili ürün kullanın. Bkz. Web Sitesi 17. Tuzsuz Butik
Altsız butikler, hedef kitleyi çekmek için menünün, parçaların, metin bloklarının vb. Arkasında yumuşak renkler kullanır. CTA bir kaymada görüntülenir ve metin için renkli bir kutu olan bir görüntü kullanır. Renkli kutular kategorileri tanımlamak için tüm sitelerde kullanılır. Evde bu dükkanın bazı bölümlerini içerir. Link kategorisi, gerilme kutusundan belirli bir ürünü seçebileceğiniz ürün sayfalarını açar. Ürün sayfası ayrıca ilgili ürünleri görüntüler. Bkz. Web Sitesi 18. Maison Flower Maison Flowers, ürün görüntülerini tam ekran kahramanında paralaks arka planı olarak sergiliyor.Büzülme, bir çiçek simgesine sahip şık bir dükkan modülünü ve yüzen animasyonlu kategoriler için görüntülerle bir parça gösterir.Kategori sayfası verandaya eşleşir, ancak şık bir streç ile küçük bir resme sahiptir.Ürün sayfası aynı başlığı ve büyük bir ürün başlığını kullanır ve ödülleri kişiselleştirmek için özel bir mesaj kutusu içerir.Sayfada ayrıca nakliye ve satın alma bilgilerini ve benzer ürünlere sahip diğer iki parçayı görüntülemek için bir bölüm vardır.Bkz. Web Sitesi 19. Basami Mağazası
