Elementor kullanarak ürün karuseli
Yayınlanan: 2021-11-16WooCommerce web sitenizde Elementor kullanarak ürün karuselini kullanmanın bir yolunu mu arıyorsunuz? Çevrimiçi bir WooCommerce mağazası için, bir ürün karuseli, çok sayıda ürünü kompakt bir alanda sergilemeye yardımcı olur.
Müşteri katılımı web mağazanızdaki en önemli şey olduğundan, dekoratif bir ürün karuseli, insanların dikkatini hızlı bir şekilde çekmenin en iyi yoludur.
Bu nedenle, mağazanızın görünümünü güçlendirmeyi planlıyorsanız, WC Carousel eklentisini kullanmak mükemmel bir seçim olacaktır. Araç yalnızca ürünleri toplu halde sergilemek için yararlı olmakla kalmaz, aynı zamanda oldukça iyi görünen bir düzene sahiptir.
Meraklı mı hissediyorsun? Sizi bu konuya daha derine götürmeme izin verin ve kesinlikle pişman olmayacaksınız.
Elementor kullanarak Ürün Döngüsü ile hedef kitlenizin ilgisini çekin
WooCommerce Ürün Döngüsü, esas olarak Elementor için kaydırıcı tipi bir pencere öğesidir. Ürünlerin başparmak görünümüyle müşterilerinizin ilgisini çekmek ve yüzlerce öğeye sorunsuz bir şekilde göz atmalarını sağlamak için mükemmel bir araçtır.
Ürün Döngüsü, ürünleri daha hızlı satın alma yolu sağlayarak satışlarınızı artırmaya yardımcı olan bir "Sepete Ekle" özelliğiyle birlikte gelir. Müşterilerin, ürünlerin üzerindeki sepet düğmesine dokunarak istedikleri her şeyi satın almalarını sağlar.
Ürün görsellerinin hemen altında sepet butonunu görebileceğiniz yukarıdaki görselden bir örnek alın. İnsanların sepete bir şey eklemeleri gerektiğinde tek tek ürün detay sayfasına gitmek yerine daha hızlı alışveriş yapmasına yardımcı olur.
Elementor kullanan bir WooCommerce ürün karuselinin en iyi yanı, insanların dikkatini çeken atlıkarınca ile çekici tasarımlar oluşturabilmenizdir. Dönen animasyon, aynı anda birden çok benzersiz arabirim oluşturmak için canlı bir şekilde ayarlanabilir.
Sonuç olarak, birisi web sitenize girdiğinde ve animasyonlu atlıkarıncayı gördüğünde, insanlar çarpıcı ürün karuselinin ilgisini çeker. Hepsi bu değil! Öne çıkan ürünlerinizi web sitenizde ilk sırada görüntülemek için ürün karuselini de kullanabilirsiniz.
Element Pack Pro'dan WooCommerce Carousel Widget'ı WoCommerce İçin Yeni Bir Kenar Getiriyor
WooCommerce ürün karuselinizi tasarlarken kodlama gerektirmeyen böyle bir araç alırsanız, yine de manuel kodlara gider misiniz? Tabii ki yapmayacaksın. Emrinizde Element pack Pro (By Bdthemes) tarafından sunulan WC Carousel widget'ınız olduğunda değil.
Element Pack Pro'nun widget'larını kullanan 70.000'den fazla mutlu müşteri ile WC Carousel, diğerleri arasında bir yıldız olduğunu kanıtlıyor. Bunun nedeni, widget'ın, herhangi bir hazırlık veya kod bilgisi gerektirmeden Elementor kullanarak dinamik ürün karuseli oluşturmanıza izin vermesidir.
Elementor, web sitenize yeni özellikler ve işlevler ekleyen widget'ları içe aktarmak için basit Sürükle ve Bırak tekniğini kullanır. WC Carousel, Elementor ile birlikte kullanılması amaçlanan bir araçtır. Bununla, mağazanız için çarpıcı ürün karuseli tasarlayabilir, düzeni değiştirebilir, renkleri ve yazı tiplerini değiştirebilir ve özelleştirmek istediğiniz her şeyi yapabilirsiniz.
Söylenecek çok şey var, şimdi de WC ürünü Carousel'i Elementor kullanarak pratikte nasıl kullanacağımızı görelim.
Elementor Kullanarak Güçlü Bir WooCommerce Ürün Döngüsü Oluşturun
Burada göstereceğimiz adımlar, kalkmanıza ve işi en verimli şekilde yapmanıza yardımcı olacaktır. Ancak bu, Elementor'un temel bilgisini gerektirir. Elementor'u yeni başlayan biri olarak nasıl kullanacağınızı bilmiyorsanız, işler sizin için zor olacaktır.
Yardıma ihtiyacınız varsa, temel bilgileri öğrenmek için lütfen bu Başlangıç Seviyesi Elementor Eğitimi videosunu izleyin.
Her neyse, Elementor kullanarak bir Carousel ürünü oluşturmaktan daha kolay bir şey yoktur. Ancak önce, WordPress web sitenizde bu gereksinimleri sağlamanız gerekir.
- Elementor Sayfa Oluşturucu eklentisini yükledi ve etkinleştirdi
- Yüklü ve etkinleştirilen WooCommerce eklentisi
- Element Pack Pro eklentisini kurun ve etkinleştirin (WC Carousel widget'ını kullanmak için gereklidir)
İşiniz bittiğinde, WC ürün karuselinin oluşturma aşamasına geçme zamanı. Lütfen adımları doğru bir şekilde takip edin.
1. Adım: Panodan WC Carousel widget'ını açın
İlk adım, widget'ı WordPress kontrol panelinizden etkinleştirmenizi gerektirir. Element Pack Pro widget'ını yükledikten sonra onu gösterge tablosunda bulacaksınız.
Şimdi Dashboard> Element Pack Pro> 3. Parti Widgets> seçeneğine gidin ve pencereyi kaydırarak WooCommerce Carousel widget'ını bulun. Widget adının yanındaki değiştiriciye tıklamanız ve "Değişiklikleri Kaydet" düğmesine basmanız gerekir.
Ardından, ürün karuselini görüntülemek istediğiniz web sayfasını açmanız gerekir. Elbette, Elementor içindeki sayfayı açmak için “Elementor ile Düzenle” düğmesine dokunmanız gerekir.
Ardından, sol taraftaki widget menüsünden WC Carousel widget'ını arayabilirsiniz. Widget'ı menüde gördüğünüzde, widget simgesini tıklayıp basılı tutun ve sayfanızın içine sürükleyin.
Yukarıdaki resimde görebileceğiniz gibi, widget'ların üzerinde Element Pack Pro logosu olduğundan emin olun.
Adım-2: Elementor Kullanarak WooCommerce Ürün Döngüsünü Özelleştirin
Elementor sayfa oluşturucudan varsayılan ayar olarak, tüm temel düzen kontrollerini İçerik sekmesi altında bulacaksınız. WooCommerce Carousel widget'ı için burada çok sayıda düzen özelleştirme seçeneği bulacaksınız.
Örneğin, ürün serisi için sütun numarasını belirleyebilirsiniz. Ürünlerin yüksekliklerini eşleştirmek, temiz bir arayüz göstermenin iyi bir yoludur.
Dönen kaydırıcının kaynağını seçmek için sorgu bölümünü kullanabilirsiniz. Ürünlerinizi sergilemeniz gerekip gerekmediğini çok detaylı gönderiler yaparak yardımcı olur.
Yine de, mikro işlevler için çalıştırmayı kolaylaştıran belirli ürünleri atlıkarıncadan seçebilir veya hariç tutabilirsiniz.
Ardından, animasyonları gereksinimlerinize göre daha fazla kaydırmak için atlıkarınca ayarlarına gidebilirsiniz. Örneğin, Elementor'u kullanarak ürün karuseli için carousel ve coverflow düzen stili arasında seçim yapabilirsiniz.
Ayrıca, düzeni daha da geliştirmek için atlıkarıncanın animasyon hızını ve bazı diğer ayarları değiştirebilirsiniz.
Dikkat edin, ürün karuselinde, ürünlerin durumunu gösteren her ürün için rozetler bulunur. Rozet, mevcut ve stokta olmayan ürünleri otomatik olarak gösterecektir. Ayrıca rozetlerin stilini site temanızla eşleşecek şekilde özelleştirebilirsiniz.
3. Adım: Ürün Döner Görünümünü Özelleştirin
Elementor kullanarak bir ürün karuseli oluşturmanın en iyi yanı, pazarın geri kalanından benzersiz bir şey oluşturmak için çok sayıda renk, kenarlık, dolgu vb. kullanarak tüm arayüzü özelleştirebilmenizdir.
WooCommerce Carousel widget'ı için bu özelleştirme ayarları “ Stil ” sekmesinin içinde bulunur. Burada, atlıkarıncanın arka planını sayfanızda öne çıkacak şekilde değiştirebilirsiniz.
Seçenekler, başlık, rozet, sepete ekle düğmesi, derecelendirme, fiyatlar vb. dahil olmak üzere atlıkarıncanın her bölümüne genişler. Dönen düzeninize stil eklemek için tüm bölümlerde ilerledikçe yalnızca daha heyecan verici hale gelir.
Tarzdan emin olduğunuzda, “ Yayınla ” düğmesine basın ve müşterilerinize hava atmaya başlayın.
Bahse girerim daha önce düşündüğünden çok daha kolay. Adımları izlediğinizden emin olun; Elementor'u kullanarak kısa sürede harika WooCommerce ürün karuseli oluşturacaksınız.
Çözüm
Umarım bu makaleden hoşlanmışsınızdır. Bu konu veya bunun dışında herhangi bir sorunuz varsa, Canlı Sohbet seçeneğini veya desteği kullanarak bizimle iletişime geçmekten çekinmeyin.
Güvende kalın ve WooCommerce ürün karusel widget'ının tam patlamasının tadını çıkarın.