Çevrimiçi Mağazanıza Mini Yüzer Sepet Nasıl Eklenir?

Yayınlanan: 2023-09-14

Daha sorunsuz, daha keyifli bir alışveriş yolculuğu mu arıyorsunuz? Mükemmel alışveriş arkadaşınız olan mini yüzer arabamızın rahatlığını keşfedin.

E-ticaret sitenize, alışveriş yapanların alışveriş yolculukları boyunca sepetleriyle etkileşimde bulunmaları için kullanıcı dostu, kullanışlı ve ilgi çekici bir yol sağlayan mini bir ajax yüzen sepet ekleyin. Ortak sorun noktalarına değinerek ve süreci basitleştirerek kullanıcıların satın alma işlemlerini tamamlama olasılığını artırabilir.

İçindekiler

Mini Yüzer Araba Nedir?

Mini yüzen alışveriş sepeti, e-ticaret sitelerinde kullanıcı deneyimini geliştirmeyi amaçlayan sıklıkla kullanılan bir işlevselliktir. Kullanıcıların satın almak için seçtikleri ürünleri incelemelerine zahmetsiz erişim imkanı sunar ve alışverişe devam ederken seçimlerinde değişiklik yapabilmelerine olanak tanır.

Mini Yüzer Araba Eklemenin Avantajları

Bu eklentiyi sitenize yükledikten sonra kolayca nasıl çalıştıracağınızı bilmenizi sağlayacak mini yüzer arabanın bazı avantajlarına bakalım.

  • Kullanıcıların, ayrı sayfalara gitmeye gerek kalmadan seçtikleri öğeleri zahmetsizce görmelerine olanak tanır.
  • İndirim/promosyon kodlarının doğrudan sepete eklenmesi, alışveriş sürecini basitleştirerek kullanıcıların zahmetsizce alışveriş yapmasına ve tasarruf etmesine yardımcı olur.
  • Ürün miktarlarını değiştirin ve istenmeyen öğeleri doğrudan kullanışlı mini yüzer arabadan kaldırın.
  • Sınırsız sayıda sepet oluşturabilir ve her birini seçici sayfalarda görüntüleyebilirsiniz.
  • Marka imajınıza uyacak şekilde düğme ve simge boyutunu, düğme ve metin renklerini değiştirin.
  • Birçok sepet açma/kapama simgesi arasından seçim yapın.

Çevrimiçi Mağazanıza Mini Yüzer Sepet Ekleyin

Artık kullanıcı deneyimini geliştirmek için e-ticaret mağazanıza mini bir kayan sepet entegre etmenin önemini anladığınıza göre, eklentiyi WordPress sitenize eklemek için basit bir işlemin ana hatlarını çizelim.

WooCommerce'i zaten biliyorsanız mini yüzen sepet eklentisinin kurulumuna devam edebilirsiniz. Ancak, eğer bu konuda yeniyseniz, anlamanız için kapsamlı, adım adım bir kılavuz öneriyoruz.

Adım 1: WooCommerce Eklentisini Kurun

WooCommerce, WordPress ile sorunsuz bir şekilde entegre olan ve küçük işletmelerden büyük işletmelere kadar çevrimiçi satıcıların ihtiyaçlarını karşılayan açık kaynaklı bir e-ticaret eklentisidir. Bu geniş çapta beğenilen eklenti, e-ticaret web sitelerini çeşitli şekillerde geliştiren çeşitli özellikleriyle bilinir.

Woo Commerce'i web sitenize henüz entegre etmediyseniz ilk adım bu aracı yüklemektir.

2. Adım: Uyumlu Bir Tema Seçin

WooCommerce uyumlu bir WordPress teması seçin. Mini Ajax Cart neredeyse tüm temalarla uyumludur.

Adım 3: WooCommerce Mini Floating Cart Eklentisini Kurun

Sepetinizin işlevselliğini ve kullanıcı deneyimini geliştirmek için özel bir WooCommerce mini sepet eklentisi yüklemeyi düşünün. Burada, mini bir AJAX sepeti eklentisini kurma adımlarında size yol göstereceğiz.

Bu derste, Mini Ajax Cart WooCommerce eklentisini sepet referansı olarak kullanacağız.

Eklentiyi yükleme ve başlamak için gerekli ayarlamaları yapma sürecinde size rehberlik edelim. Bu bağlantıya tıklayarak eklentiyi doğrudan indirebilirsiniz.

  • WordPress kontrol panelinize gidin.
  • “Eklentiler” > “Yeni Ekle”ye gidin.
  • “Mini AJAX Sepeti” ni arayın.
  • “Şimdi Kur ”a tıklayın ve ardından seçilen eklentiyi etkinleştirin.
mini yüzen bir araba ekleyin

Artık mini sepeti web sitenizde görünür kılmak için eklentiyi yüklediğinize ve etkinleştirdiğinize göre:

  • WordPress kontrol panelinize gidin
  • Mini Ajax Cart > Ana Ayarlar'a gidin.
  • Sepet Başlığı Ekle
  • “Mini sepeti etkinleştir ” düğmesini açın.
  • Yaptığınız tüm gerekli değişiklikleri “Yayınladığınızdan/Güncellediğinizden” emin olun.

Sepeti yalnızca seçilen sayfalarda mı görüntülemeniz gerekiyor? Endişelenmeye gerek yok. Sepeti yalnızca seçilen sayfalarda seçerek gösterebilir veya gizleyebilirsiniz. Bunun için “Sayfada Göster/Gizle” seçeneğini gerektiği gibi yapılandırın. Ayrıca sepeti seçici olarak tüm cihazlarda veya masaüstü, tablet veya mobil cihazlarda görüntüleyin.

E-ticaret sitenize gittiğinizde, kolay kullanıcı deneyimi için mini yüzer arabanın görünür olduğunu görebilirsiniz.

Artık kullanıcılar, Alışveriş sayfasına gitmeye gerek kalmadan, sepete eklenen sepet ürünlerini herhangi bir sayfadan kolayca görebilir ve değiştirebilirler.

Adım 4: Mini Arabayı Yapılandırın

Bir sonraki adım mini sepet eklentisini yapılandırmaktır. Mini sepet eklentisini kurup etkinleştirdikten sonra istediğiniz sepet davranışını yapılandırabilirsiniz. Her bölümde ne gibi değişiklikler yapabileceğinize dair kısa bir bilgi verelim.

i) Sepet Sepeti/Düğme Ayarları

Bu bölüm e-ticaret sitenizdeki alışveriş sepeti butonunun görünümünü kişiselleştirmenize olanak sağlar. Sağlanan çeşitli sepet simgesi seçenekleri arasından tercihinize en uygun olanı seçin. Ayrıca düğmenin şeklini tasarım tercihlerinize uyacak şekilde değiştirme ve sayfadaki yerleşimini belirleme esnekliğine de sahipsiniz.

Not: Daha gelişmiş özelleştirme seçenekleri istiyorsanız gelişmiş ayarlar için pro sürüme yükseltmeyi düşünün.

ii) Sepet Paneli

Bu ayarlar bölümünde animasyonlara ince ayar yapma ve e-ticaret web sitenizdeki görünür değişiklikleri görme olanağına sahipsiniz. Marka kimliğinize uygun bir animasyon seçin.

iii) Sepet İçeriği

Sepetinizin içeriğini ister liste halinde ister tablo biçiminde görüntülemeyi tercih edin, ürün düzenini beğeninize göre ayarlama esnekliğine sahipsiniz.

Değerli müşterilerinize cazip fırsatlar sunmak istediğinizde çok önemli bir rol oynadıkları için indirim kuponu alanlarına dikkat edin. Müşteriler ürünleri indirimli fiyata almak için kolayca bir promosyon kodu girebilirler. Bu özelliğe ihtiyacınız yoksa kupon alanını kapatmanız yeterlidir.

Ayarların düğme yapılandırması bölümünde sunum için gerekli olan düğmeleri ekleme özgürlüğüne sahipsiniz. Görüntülemek istediğiniz düğmeleri açıp kapatarak kolayca etkinleştirebilir/devre dışı bırakabilirsiniz.

Yukarıdaki video eğitiminde sepet içeriği kısmında ne gibi değişiklikler yapabileceğinizi görebilirsiniz.

Adım 5: Görünümü Özelleştirin

Mini kayan sepet eklentilerinin çoğu, renkler, stiller ve düzen açısından bir dereceye kadar özelleştirmeye izin verir. Hangi özelleştirmeleri yapabileceğinizi daha ayrıntılı olarak görelim.

Tasarım

Bu bölüm sepet sepeti renklerini değiştirmenize olanak sağlar. Markanıza ve şirket ürünlerinize uygun renk ve stilleri seçmek, kendi marka imajınızı oluşturmanıza yardımcı olur.

Tipografiyi çeşitli şekillerde değiştirme seçeneğiniz vardır. Çeşitli yazı tipleri arasından seçim yapabilir ve ayrıca tasarımınıza uygun renkleri seçebilirsiniz. Ayrıca harf aralığını, yazı tipi boyutunu ve satır yüksekliğini de ayarlayabilirsiniz.

Ayrıca, Izgara Düzeninde Düğme Tipografisi, Kupon Düğmesi, Alışverişe Devam Et Düğmesi, Sepet/Ödeme Düğmesi ve Ürünü Kaldır Düğmesi gibi çeşitli öğeler için renk şemaları seçme esnekliğine sahipsiniz.

Adım 6: Mini Arabayı Test Edin

Yüzen mini sepetinizi canlı web sitenizde başlatmadan önce kapsamlı bir kalite kontrolü yapmanız çok önemlidir. Her şeyin beklendiği gibi kusursuz bir şekilde çalıştığını doğrulayın: ürünleri ekleyip çıkarın, miktarları ayarlayın ve sepete ekle düğmesinin duyarlı ve tam olarak çalışır durumda olduğunu doğrulayın.

Bu adımları takip ederek ve WooCommerce, uyumlu bir tema ve mini sepet eklentisinin doğru kombinasyonunu kullanarak, WordPress e-ticaret web sitenize kodlamaya gerek kalmadan kolayca AJAX mini sepet ekleyebilirsiniz.

Premium Özelliklerin Kilidini Açın

Ücretsiz sürüm, mini yüzer arabayı sitenize dağıtmak için gereken temel özelliklere sahiptir. Ancak eklentiden tam olarak yararlanmak için Pro sürümüne geçmek her zaman daha iyi bir karardır.

Pro sürümünün bazı özelliklerine bakalım:

  • Kolay içe aktarma için 15'ten fazla hazır şablon
  • Sepet panelindeki Ajax ödeme seçeneği
  • 3 farklı sepet paneli düzeni: İçeri Kaydırma, Kayan, Açılır Pencere
  • Sepet özelleştirmesi için ek öğeler: Başlık, Sepet Ürünleri, Kupon, Gönderi Çubuğu, Düğmeler, Önerilen Ürünler
  • Sepet sepeti/düğmesi için özelleştirilebilir simgeler
  • 11 farklı sepet düğmesi şekli
  • Fareyle üzerine gelme ve boşta kalma durumu animasyonları da dahil olmak üzere çeşitli sepet düğmesi animasyonları
  • Sepet paneli animasyonları ve giriş/çıkış animasyonları
  • Özelleştirilebilir sepet düğmesi konumları
  • 15'ten fazla Ajax Cart öğesiyle Elementor uyumluluğu
  • Sepetler arasında ayarları içe/dışa aktar
  • Sınıf adlarını kullanarak farklı web sitesi öğelerinden alışveriş sepeti panelini tetikleyin
  • Sepet boş olduğunda sepet sepetini gizleme seçeneği
  • Sepete ürün eklendiğinde sepet panelini açın
  • Süslü bir kaydırma çubuğunu gösterin/gizleyin ve özelleştirin
  • Aktif kupon kodlarını ve kupon formunu görüntüle
  • Sepet öğeleri için ızgara düzeni sütunlarını yapılandırma
  • Sepetteki tüm ürünleri tek tuşla kaldırın
  • Sepet boş olduğunda simgeleri ve metni özelleştirin
  • Sepet düğmesi ve sepet paneli için Cam Morfizm arka planı
  • Daha fazla stil için özel CSS seçeneği

Mini Ajax yüzer araba minimum özelliklere sahiptir ve memnun kaldığınız takdirde kullanmaya devam edebilirsiniz. Ancak daha fazla özelliğe ihtiyacınız varsa bu eklentiden en iyi şekilde yararlanmak için premium sürüme yükseltebilirsiniz.

Öyleyse alışveriş sepetinizi bir sonraki seviyeye taşımak için neden onu yükseltmiyorsunuz? Demoları görüntülemek ve premium sürüme yükseltmek için aşağıdaki düğmeye tıklayın.

Premium Sürümü Satın Al