Divi E-ticaret Web Sitelerinizi Nasıl Güçlendirebilirsiniz?

Divi ve WooCommerce ile daha iyi e-Ticaret mağazaları mı oluşturmak istiyorsunuz? Siber Pazartesi E-ticaret Paketi, görsel açıdan etkileyici, yüksek performanslı çevrimiçi mağazalar oluşturmanın anahtarıdır. Divi uzantıları, alt temaları ve şablonlarından oluşan bu koleksiyon, olağanüstü değer sunarken iş akışlarınızı basitleştirmek, site dönüşümlerini iyileştirmek ve müşteri alışveriş deneyimlerini geliştirmek için tasarlanmıştır.

Bu paket oldukça belirleyici olabilir. İçerideki araçlarda uzmanlaşarak daha yüksek oranlar elde edebilir, daha fazla teklif kazanabilir ve müşterilerinize mağazalarını diğerlerinden ayıran özelleştirmeler ve işlevler sunabilirsiniz.

Siber Pazartesi E-ticaret Paketine Neler Dahil?

Divi Marketplace Paketleri, Divi Marketplace'ten premium uzantılar, alt temalar ve düzenlerden oluşan özenle seçilmiş koleksiyonlardır. Bu paketler, işlevsellik açısından zengin eklentileri, tasarım varlıklarını ve önceden oluşturulmuş alt temaları tek bir kapsamlı pakette birleştirerek web sitesi oluşturmadaki belirli zorlukların üstesinden gelmek için hazırlanmıştır.

Bu yılın e-Ticaret paketi de bir istisna değil; harika bir fiyata harika bir premium uzantı yelpazesine sahip.

Bu paketteki öğelerin toplamı genellikle 582,99 ABD dolarıdır , ancak Siber Pazartesi indirimiyle hepsini yalnızca 174,90 ABD dolarına alabilirsiniz . Bu , 408,09 dolarlık devasa bir tasarruf anlamına geliyor (%70 indirim). Bu kadar küçük bir ön yatırımla, kendi e-Ticaret sitenizi geliştirerek veya müşterilerinize daha kaliteli WooCommerce web sitesi yapıları sunarak maliyeti kolayca telafi edebilirsiniz.

E-Ticaret Paketini Alın

Bu Paketteki Ürünler

Peki neye bakıyoruz?

2 fiyatına 16 harika ürün! Bu paketle 408,09 $ tasarruf edin ve daha önce hiç olmadığı gibi rüya gibi Divi eCom siteleri oluşturun.

E-Ticaret Paketini Alın

Bir E-Ticaret Sitesini Yenilemek İçin Kullanacağımız Ürünler

Bu araçlar ve uzantılarla mağazanızı nasıl hızla dönüştürebileceğinizi göstermek için 16 üründen yalnızca dördünü kullanacağım. İşte üzerinde çalıştığımız şey:

Woo Genişlet

Woo Expand, dinamik ürün ızgaraları, karuseller ve filtreler oluşturmanıza olanak tanır. Bu güçlü uzantı, ürünlerinizi güzel bir şekilde sergilemenize olanak tanıyarak kusursuz bir alışveriş deneyimi sağlar.

Divi Erişim Noktaları Plus

Divi Hotspots Plus, daha iyi etkileşim için görüntülere etkileşimli araç ipuçları ekler. Ziyaretçilerinizi eğiten, bilgilendiren veya yönlendiren görsel deneyimler oluşturmak için mükemmeldir. Ürün avantajlarını görsel olarak vurgulamak için idealdir.

DiviSwift Ajax WooCommerce Mini Sepeti

DiviSwift Ajax WooCommerce Mini Cart, AJAX destekli mini arabalarla kusursuz ödeme deneyimleri yaratır. Bu araç, sepet yönetimini basitleştirerek kullanıcıların ilgisini canlı tutar ve dönüşüm oranlarını artırır. Harika çalışıyor ve sitenizde sorunsuz alışveriş yapmanızı sağlıyor.

Divi Hesabım Sayfası

Divi Hesabım Sayfası, herhangi bir e-Ticaret sitesinin en önemli sayfalarından birini oluşturmanıza yardımcı olur. Bununla birlikte, hesap kontrol panellerini markanızı yansıtacak ve müşterilerinizle daha önce hiç olmadığı şekilde etkileşim kuracak şekilde özelleştirebilirsiniz. Aksi takdirde sıkıcı ve çirkin olabilecek bir görünüm, hızla markanız için işe yarayan bir şeye dönüştürülür.

Adım Adım: Paketle Bir E-Ticaret Mağazası Oluşturma

İşte bu eklentilerden değer elde etmenin ne kadar kolay olduğu. Bunları yükleyeceğim, hızlıca kullanacağım ve yarattıkları farkı göstereceğim.

1. Adım: Uzantıları Yükleyin

Satın aldıktan sonra, yeni edindiğiniz mücevherleri indirmek için Pazaryeri sekmesi altındaki Üyelik profilinize gidin.

İlk önce denemek istediğiniz her ürünün .zips dosyalarını toplayın. Bu izlenecek yol için yalnızca yukarıda belirtilen dördünü kullanacağım

WordPress kontrol panelinizde oturum açın ve ardından Eklentiler > Yeni Ekle seçeneğine gidin. “ Eklentiyi Yükle ” düğmesini tıklayın, ardından sürükleyip bırakın veya .zip dosyalarından birini seçin.

Eklentiyi yükledikten sonra “ Şimdi Kur ”a tıklayın, “ Etkinleştir ”e tıklayın. İstediğiniz tüm eklentiler etkinleştirilene kadar kalan .zip dosyaları için bu adımları tekrarlayın.

Adım 2: Woo Expand ile Gelişmiş Ürün Kategorisi Sayfaları Tasarlayın

Woo Expand, Divi'nin görsel oluşturucusuna 11 yeni modül de dahil olmak üzere pek çok şeyi masaya getiriyor. Bu ek modüller Tek Ürün sayfaları, Ürün Kategorisi Sayfaları, Menüler ve özel Ürün Karuselleri oluşturmanıza olanak tanır.

Ürünlerinizi atlıkarıncaya sergilemek istediğiniz sayfaya gidin ve Divi Builder'ı açın. Daha sonra Woo Expand'ın “Woo Product Carousel” modülünü sayfanıza ekleyin.

Hangi ürün ayrıntılarını görüntülemek istediğinizi ekleyin ( Yeni Bileşen Ekle öğesini kullanarak) ve ardından görüntülenecek modül ayarları altında karuselin sorgu döngüsünü yapılandırın.

Aşağıdaki örneğimizde öne çıkan görseller, başlıklar ve sepete ekle düğmeleri kullanılmaktadır. Beğendiğiniz şeye sahip olduğunuzda, aralığınızı ve efektlerinizi uyarlamak, yavaş yükleme eklemek ve resimlerinizin/metninizin sunumunu ayarlamak için modül ve alt modül bileşen ayarlarını özelleştirin.

Ürün tablonuzun veya karuselinizin görsel olarak çekici ve işlevsel olduğundan emin olmak için sayfayı önizleyin ve ardından yayınlayın. Birkaç dakikalık çalışmayla atlıkarıncamız şu şekilde göründü.

Woo Expand, Divi + WooCommerce ile çevrimiçi mağazalar oluşturmaya daha fazla ilgi katıyor. Bu e-Ticaret paketindeki diğer öğelerle birlikte onu da bulundurmanın keyfine varacaksınız.

3. Adım: Divi Hotspots Plus ile Etkileşimli Ürün Görselleri Ekleyin

Bir resim genellikle bin kelimeye bedeldir, ancak bu uzantıyla bu kelimelerden bazılarına işaret edebilirsiniz. Divi Builder'da etkileşimli erişim noktaları eklemek istediğiniz sayfayı açın. “ Sıcak Noktalar ” modülünü takın ve sergilemek istediğiniz görseli yükleyin.

Modül içinde, araç ipuçlarının görünmesini istediğiniz her etkin noktayı eklemek için ayrı ayrı öğeler ekleyeceksiniz. Her öğenin etkin noktayı taşımak ve stilini yapılandırmak için ayarları vardır.

Resminiz için ihtiyacınız olanı aktarana kadar daha fazla sıcak nokta ekleyin.

Sıcak noktaların amaçlandığı gibi göründüğünden, üzerine gelindiğinde veya tıklandığında doğru şekilde etkileşimde bulunduğundan ve yayınlandığından emin olmak için sayfayı önizleyin. İşte bizimki ön uçta böyle görünüyor ve onu oluşturmak için yalnızca birkaç dakika harcadık.

4. Adım: DiviSwift AJAX Mini Cart ile Sepet İşlevselliğini İyileştirin

DiviSwifts'in AJAX mini araba işlevselliğinin hoşuma giden yanı, çok az çalışma gerektirmesidir. Divi menü modülünün sepet simgesine işlevsellik kazandırır. Öncelikle WordPress kontrol panelinde Görünüm > Özelleştir > Divi Ajax Kenar Çubuğu Sepeti'ne (farklı bir ad biliyorum) gidin.

Aşağıda, sepet simgesinin görünümünü, ürün ve/veya dolar tutarı toplamlarını ve mini sepet stillerini özelleştirmek için yaklaşık bir düzine basit seçenek bulunmaktadır. WooCommerce sepetinize öğeler ekleyerek ve güncellemelerin dinamik olarak görünmesini sağlayarak menü sepetini test edin.

Yaklaşık 1 dakikalık bir çalışma ile mini sepetimiz sitemizde bu şekilde görünüyor. Bu kadar kısa sürede bu çok büyük bir fark.

Sepetim sayfasını açmak yerine sayfanın yan tarafında sepet gösterilir. Bu, müşterilerin mağazanızla yaşayabileceği çok daha sorunsuz bir etkileşimdir.

Adım 5: Divi Hesabım Sayfasıyla Özel Kontrol Panelleri Oluşturun

Bu oldukça ustaca hazırlanmış bir uzantıdır, dolayısıyla onu en iyi şekilde nasıl kullanacağınızı bulmak için muhtemelen biraz zaman harcayacaksınız, ancak sizin için temel bilgilerim var.

WooCommerce, işin yapılmasını sağlayan ancak özelleştirme açısından arzulanan çok şey bırakan kendi basit Hesabım altyapısıyla birlikte gelir. Divi Hesabım Sayfası, bu özelleştirmeleri daha geniş WooCommerce kurulumunuza dahil etmek için gereken ek altyapıyı sağlar. WooCommerce şu önceden yapılandırılmış uç noktalarla birlikte gelir:

• /hesabım/
• /hesabım/siparişler/
• /hesabım/adresler/
• /hesabım/kontrol paneli/
• /hesabım/indirilenler/
• /hesabım/hesap-detayları/
• /hesabım/ödeme-yöntemleri/

Ancak, kendi uç noktalarınızı eklemek veya mevcut uç noktalarınızı yeniden yapılandırmak istiyorsanız, PHP kancalarını, Woo kısa kodlarını veya Blok Temalı Blokları kullanmak zorunda kalacaksınız. Şimdi anlaşılması gereken ilk şey, Divi Hesaplarım Sayfasının, özelleştirilebilir bir " Hesabım " sayfası oluşturmak için Divi'nin Tema Oluşturucusu ile birlikte çalıştığıdır.

Çevrimiçi Mağaza Başlangıç ​​Sitesini kullandığınızda bu, varsayılan WooCommerce Siparişleri sayfasıdır.

Bazı Divi Tema Özelleştirici stillerinin uygulandığı Standart WooCommerce Siparişleri sayfası (/hesabım/ siparişler /)

Yönetici Kontrol Paneli kenar çubuğunda Divi'nin Hesabım Sayfasına gidin. “ Uç Noktalar ” sekmesi altında, tüm varsayılan uç noktaları göreceksiniz (/hesabım/ dışında yukarıdaki listede yer alan her şey). Bunlar, Hesabım sayfamızın solunda kenar çubuğu bağlantıları olarak görünür ve belirli bir uç nokta tıklandığında aynı sayfada hangi içeriğin yükleneceğini belirler.

Her uç noktaya ilişkin seçenekler konusunda kafanızın karışması kolaydır, ancak burada bunların hepsi basit bir şekilde anlatılmaktadır. Her uç nokta için 7 seçeneğiniz vardır. Bu uzantının WooCommerce ve Divi ile birlikte nasıl çalıştığını öğrenmek için 5'ten 7'ye kadar olan sayılar gerçekten önemli olanlardır :

1. Uç Noktayı Etkinleştir : Uç noktanızı açar veya kapatır. Sipariş uç noktasını devre dışı bırakırsak, /my-account/ bölümündeki "Siparişler"e tıklama seçeneği ortadan kalkar.
2. Uç Nokta Etiketi : Bu, uç noktanızın adıdır ancak daha da önemlisi, aynı zamanda sümüklü böcek görevi görür. Dolayısıyla, "Özel Kontrol Paneli"nin uç nokta etiketi, URL'sinde /my-account/custom-dashboard/ olarak görünecektir.
3. Simge Seç : Uç noktanızla ilişkilendirilecek bir simge seçin.
4. Kullanıcı Rolleri : Hangi kullanıcıların bu uç noktayla etkileşime girebileceğini belirler. Bunu, Siparişler sekmesini müşteri olmayanlardan gizlemek gibi, kimin görüntüleyebileceğini belirleyen koşullu bir mantık olarak düşünün.
5. İçerikten Önce : Bu seçenek, uç nokta içeriğinden önce bir Divi Kitaplığı Şablonu yüklemenize olanak tanır. Bu, Hesabım sayfasının her uç noktasında değil, yalnızca tek bir uç noktayla görüntülenmesini istediğiniz içerik için faydalıdır.
6. Uç Nokta İçeriğini Etkinleştir : Söz konusu uç nokta için varsayılan içeriğin otomatik olarak eklenmesini açar veya kapatır. Örneğin, sipariş ayrıntılarını bir Divi Kitaplığı öğesine eklemeyi tercih ederseniz (böylece yeni eklenen bir modül aracılığıyla öğeye daha fazla stil verebilirsiniz), iki kez görünmemesi için buradan kaldırabilirsiniz.
7. İçerikten Sonra : Bu seçenek, uç nokta içeriğinden sonra başka bir Divi Kitaplığı Şablonu yüklemenize olanak tanır. Yine, Hesabım sayfasının her uç noktasında değil, tek bir uç noktada görüntülemek istediğiniz içerik için faydalıdır.

Genel hatlarıyla Hesabım sayfasını özelleştirmek için üç alanda çalışmanız gerekir: 1) Divi Kitaplık Düzenleri, 2) Divi Hesabım Sayfası ayarları ve 3) Tema Oluşturucu.

Basit örneğimiz, yalnızca Siparişler uç noktasına eklenen bir başlıkla buna benzer. Divi Hesabım Sayfasının modülleri aynı zamanda tanıdık Divi tarzı ayarları kullanarak gezinme menüsünü, menü öğelerini ve uç nokta içeriğini şekillendirmeyi de kolaylaştırır.

Divi Hesabım Sayfasını, VIP müşteriler için özel sekmeler eklemek, promosyon afişlerini sergilemek veya bir satır kod yazmadan farklı kullanıcı rolleri için özel mesajlar görüntülemek için kullanabilirsiniz. Her uç nokta için neyin görüntülenmesini istediğinizi seçin ve belirli uç noktaların üstüne veya altına Kitaplık Şablonları ekleyerek bunu özelleştirin.

Tüm bunlar web geliştirme geçmişiniz için biraz fazla karmaşık görünüyorsa, Molti E-ticaret Çocuk Temasına (ayrıca bu pakete dahildir) göz atmanızı şiddetle tavsiye ederim, çünkü kutudan çıktığı anda gayet iyi çalışan, önceden tasarlanmış bir Hesabım sayfası vardır. .

E-ticaret Paketini Bugün Alın

Bu paketteki araçları ve düzenleri gerçekten istiyorsunuz. Sadece yarısını isteseniz bile, bunların normal fiyattan %70 indirimle gelmesi büyük tasarrufunuz anlamına geliyor.

Paketi bugün alın ve arkanıza bakmayın!

E-Ticaret Paketini Alın

Satın Alma İşleminizle Ücretsiz Ödül ve Bonus Avantajları Kazanırsınız

Siber Pazartesi İndirimi sırasında bir paket satın aldığınızda, yalnızca paradan tasarruf etmekle kalmaz, aynı zamanda inanılmaz avantajların ve ödüllerin kilidini açarsınız. Her paket satın alımı, ödül havuzumuzdan 800.000 $'ı aşan ücretsiz bir ödül almaya hak kazanır. Bu ödüller, web sitesi oluşturma yeteneklerinizi geliştirebilecek premium Divi ürünlerini içerir.

Siber Pazartesi müşterileri ayrıca Divi Pazaryeri'ndeki gizli indirimlere özel erişim elde ederek, seçili ürün ve paketlerde %50'ye varan indirim sağlar. Her katılımcı, güzel, yüksek performanslı web sitelerini zahmetsizce oluşturmanıza yardımcı olmak için tasarlanmış ücretsiz Divi Web Sitesi Paketlerinin kilidini açacaktır.

Araç kitinizi yükseltmek ve web tasarımınızı bir sonraki seviyeye taşımak için daha iyi bir zaman olamaz.

E-Ticaret Paketini Alın

Keşfedilecek Daha Fazla Siber Pazartesi Fırsatı Var

Divi, Divi AI, Divi Cloud, Divi Teams, Divi VIP ve Divi Marketplace'te yılın en büyük indirimlerimizin keyfini çıkarın. Sadece sınırlı bir süre için geçerli olan bu özel fırsatlardan yararlanın!

• Divi Pro'yu %73 İndirimle Alın — En iyi Siber Pazartesi teklifimiz! Divi Pro ile hizmetlerde ek indirimlerin yanı sıra tam Divi paketinin keyfini çıkarın: Divi, Divi Dash, Divi AI, Divi Cloud, Divi VIP, Divi Teams ve 50 ABD Doları Divi Marketplace kredisi. Divi 5 gibi gelecekteki güncellemeler de dahil olmak üzere sürekli web sitesi oluşturma erişimi için ömür boyu abonelik satın alın.
• Aboneliklerinizi %73'e Varan İndirimle Yeniden Paketleyin — Mevcut üyeler, aboneliklerini yeni Divi Pro paketiyle veya herhangi bir özel paket kombinasyonuyla yeniden paketleyerek büyük tasarruf sağlayabilirler. Daha az ödeyin, daha fazla özellik edinin ve araç setinizi geliştirin.
• Divi AI'yi %68 İndirimle Alın — Divi AI, web sitesi oluşturmada kişisel AI yardımcınızdır. Zahmetsiz web sitesi oluşturmak için doğrudan Divi'ye entegre olarak saniyeler içinde içerik, özel kod, görüntü ve daha fazlasını oluşturabilir.
• Divi Cloud'u %44 İndirimle Alın — Divi Cloud, Divi için Dropbox gibidir. Divi Kitaplığınızdaki öğeleri kaydedin ve bunlara projeleriniz genelinde anında erişin.
• Divi Teams'i %44 İndirimle Alın — Divi Teams, yönetilen roller ve izinlerle Divi'ye paylaşımlı erişim sunarak ekip arkadaşları ve müşterilerle kusursuz işbirliğine olanak tanır.
• %44 İndirimle Divi VIP'yi edinin — Divi VIP, 30 dakikalık yanıt süreleri ve Marketplace'te satış fiyatlarına ek olarak %10 indirimle 7/24 premium destek sunar.
• Divi Üyeliklerinde %25 İndirim Var — Divi üyeliklerini büyük bir indirimle satın alın veya yenileyin. Divi, Divi Dash ve gelecek Divi 5'i ömür boyu güvence altına almak için Divi Lifetime'a yükseltin. Divi Pro Lifetime, tüm indirimin en büyük indirimiyle size en fazla değeri veren %76 İndirimle sunulmaktadır.
• Özel Divi Marketplace Paketlerinde %70 tasarruf edin — Divi Marketplace paketlerinden çok düşük bir maliyetle inanılmaz değer elde edin. Bu paketler projelerinizi premium araçlarla geliştirmek için mükemmel!