Elementor’daki Wooocommerce Shop sayfasını nasıl ayarlayabilirim

Elementors kullanıyor musunuz ve çevrimiçi mağazanızı geliştirmek mi istiyorsunuz?Bu kılavuzda, Woocommerce mağaza sayfalarınızı Elementor’daki bloklar, widget’lar ve daha fazlasını kullanarak nasıl ayarlayacağınızı ve ayarlayacağınızı göstereceğiz.Çevrimiçi bir işletme yürütüyorsanız, çekici ve kullanımı kolay bir mağazaya sahip olmak web siteniz için çok önemlidir.Carousel, üstün öğe bölümü, öğenin önerilen kısmı ve kataloğunuza göz atmak için genel olarak kolayca erişilebilir bir araç var.Bu yüzden bugün, çevrimiçi mağazası olan tüm Elementor kullanıcıları için çok özel bir şeyimiz var.Bu tam kılavuzda, Woocommerce mağaza sayfanızı Elementor’da nasıl ayarlayacağınızı ve ayarlayacağınızı adım adım öğreneceksiniz.
Neden Woocommerce Shop sayfasını ayarlayalım?WooOcommerce Shop sayfası, ürününüz için yalnızca tip arşiv sayfasıdır.Başka bir deyişle, bu tüm mağaza ürünlerinizi görüntülediğiniz sayfadır.Bununla birlikte, bu basit tanım, mağaza sayfalarının WooCommerce web sitenize ne kadar iyi adapte edildiğini vurgulamak için yeterli değildir.İlk izlenim çok önemlidir ve WooCommerce dükkanı için mağaza sayfası en önemlilerinden biridir.Öğenizi görüntüleme şekliniz dönüşüm seviyenizde büyük bir fark yaratabilir.Mağaza sayfası tarafından ne kadar net ve iyi tasarlandığını göz önünde bulundurarak işletmenin web sitesine ne kadar dikkat çektiğini kolayca öğrenebilirsiniz.İyi yönetilen bir ürün şebekesinden filtreleme seçeneği, kategorilerin listesi ve sepet düğmeleri gibi iyi eklemelere kadar her şey, Woocommerce sitenizin görünümü ve hissi için çok önemlidir.
Buna ek olarak, müşterileriniz ürününüzü keşfetmek için zamanlarının çoğunu mağaza sayfanızda geçirecektir.Bu nedenle, alışveriş deneyimlerinin mükemmel olduğundan emin olmak için ekstra adımlar atmanız gerekir.Ürününüzü düzenlenmiş ve iyi organize edilmiş bir mağaza sayfasıyla satın almalarını mümkün olduğunca basit hale getirin.Ayrıca, potansiyel müşterinin unsurlarını eklemek ve kârınızı artırmak için mağaza sayfalarınızı ayarlayabilirsiniz.Bu, harekete geçmek için davet düğmesi, üstün ürün bölümü, satış ve tedarik için açılır ve daha fazlasını içerir.Düzeltilmiş WooCommerce Shop sayfası, müşteri deneyimini geliştirmek ve satışlarınızı artırmanız için birçok fırsat açar.Daha önce WooCommerce’deki mağaza sayfalarını ayarlamak için çeşitli yöntemler görmüştük.Ancak, Elementor ile süreç çok daha kolaydır.
Elementor ve WooCommerce: Mükemmel Combo WooCommerce ve Elementor, orada bulunan en popüler iki eklentidir. Esneklik ve sağlanan özellik sayısı sayısızdır. Bir e -ticaret mağazası işletiyorsanız, WooCommerce, sahip olabileceğiniz hemen hemen her ihtiyaç için arkadan ikinci eklentidir. Buna ek olarak, Elementor en iyi ve yayınlanan web sitesi üreticilerinden biridir. Bu, neredeyse tüm site sayfalarınızı tasarlamanıza, ayarlamanıza ve tamamlamanıza olanak tanır. Ve eğer yeterli değilse, bir mega menü de yapabilir ve çok rahat çeşitli eklenti ve şablonların tadını çıkarabilirsiniz. WooCommerce ve Elementor kullanarak, asgari maliyet ve çabalarla profesyonel bir sınıf mağazası ve işletme sayfası tasarlayabilir ve oluşturabilirsiniz. Mağaza düzeninizi, ürün şebekenizi, Güney Kore’yi hazırlayın ve elementin yardımıyla çeşitli güzel düzenlerin tadını çıkarın. Ayrıca, ödeme sayfanızı ve sepet sayfanızı ayarlayabilir ve ayarlayabilir ve daha iyi müşteri kolaylığı için çeşitli seçenekler ve ödeme özellikleri ile entegre edebilirsiniz.
Dijital ürünlere özel sayfalar ve tasarımlar bile ekleyebilir ve nakliye, ödeme, posta ve satın alma öncesi sayfalar ve daha fazlası için özel sayfa seçenekleri ekleyebilirsiniz. Tüm bunlar, işletme sitenizin profesyonel ve müşteri dostu görünmesini sağlar. Ayrıca, kullanımı kolay, hazır paralaks ve daha fazlasını değiştiren oyunculuk daveti düğmesinin üzerine WooCommerce özellikleri de ekleyebilirsiniz. Fırsat sayısı sınırsızdır. Şimdi, eminseniz, atabileceğiniz adımlar hakkında size rehberlik edelim. Yapabileceğiniz bazı şeyler var, bu adımlar bu adımların Woocommerce mağazanız için daha dostça bir mağaza sayfası oluşturmaya başlamanıza yardımcı olacağıdır. İşleme başlamadan önce başlamadan önce, woocommerce mağazanız için bir arşiv sayfası oluşturmak için unutmayın. , Pro Elementor’u kullanmalısınız. Ücretsiz Elementor’u kullanırsanız talimatlarımızı iyi takip edemeyebilirsiniz. Tabii ki, Pro Elementor’u ücretsiz sürüm ve sürükleme ve diğer sayfa yapımcılarının çoğuna kıyasla kullanmanın çok sayıda avantajı vardır. Elementor Pro, aşağıdakiler gibi olağanüstü özellikler içerir:
50+ Pro ve 300+ Pro Widget
WooCommerce ve Woocommerce Widget Special dahil olmak üzere WooCommerce’in tam entegrasyonu
Web siteniz için daha iyi beklentiler üretmek için özel pop-up üreticileri
10’dan fazla Demo/Şablon Web Sitesi Şablonları Kullanım için
Ve daha fazlası
Bir Elementor Pro satın almayı düşünürseniz, bunu yapmanızı şiddetle tavsiye ederiz. Element fiyatları bir site için yılda 49 USD’den başlar.
Elementor’daki WooCommerce Shop sayfasını nasıl ayarlayabilirsiniz Şimdi öğreticimizle başlayalım. WooCommerce Elementor ve eklentinizi kurduğunuzu ve hazırladığınızı varsayacağız. Elementors ve Wooocommerce ile yönetebileceğiniz birçok sayfa ve içerik içeriği vardır. Ancak Elementor’da özel WooCommerce Shop sayfanızı oluşturarak başlayalım. Bunu yapmak için Elementor’u kullanarak bir ürün arşivi oluşturmanız gerekir. Yani, WordPress yönetici kontrol panelinizde bir şablon> depolanmış şablon açın. Ardından, sol üstte Yeni Ekle’yi tıklayın. Ardından, ürün arşivi olarak öğe türünü seçin ve şablonunuzu adlandırın. Şablon Oluştur’a bastıktan sonra, arşiv sayfanızı ayarlamak için Elementor sayfasına gideceksiniz.

Şablonunuzu ayarlayın ve Elementor sayfasını açtıktan sonra Elementor bloklarını ve şablonlarını etkinleştirin, başlangıçtan başlamak zorunda kalmadan, mağaza sayfanız için tam bir arşiv bloğu ekleme seçeneğiniz olacaktır.

İstediğiniz zaman açmak için buradaki Widget Drag bölümündeki klasör simgesini tıklatmanız ve blok sekmesine basın. Belirli bir sayfa için belirli bir blok seçmek için filtre seçeneğini de kullanabilirsiniz. Bundan sonra, ihtiyaçlarınıza uygun bloklardan birini tıklayın, ardından Ekle düğmesine basın.

Bu şekilde, çok zaman kazandıracak ve mağaza sayfalarınızı daha hızlı hazırlamanıza yardımcı olmak için Elementor tarafından tasarlanan bir demo sayfası ile başlayacaksınız. Bunu yapmak için buraya sürükleme widget’ındaki klasör simgesini tıklayın ve sayfalara basın. Ardından, istediğiniz sayfa tasarımlarından birini seçin. Veya, istediğiniz mağaza sayfası için bir sayfa tasarımı bulmak için bir arama çubuğu kullanabilirsiniz. Tasarımınızı seçtikten sonra, sayfayı arşiv şablonunuza aktarmak için INSERT’i tıklayın. Daha önce tasarlanmış bloklar ve sayfalar ve burada yapabileceğiniz her şey hakkında daha fazla bilgi edinebilirsiniz. Şimdi, bloğu nasıl ayarlayacağınıza ve WooCommerce Shop sayfasına Elementor ile ek öğeler ekleyeceğine bakalım.

WooCommerce Shop sayfalarının Elementor’daki özelleştirilmesi Mağaza sayfasını ayarlamak için bazı widget’lar ekleyebilir ve web sitenizin görünümüne ve hislerine uyacak şekilde düzenleyebilirsiniz. Öyleyse, mağazanıza bazı önemli widget’lar ekleyerek başlayalım. Temel bloğunuzu ekledikten sonra, menü sepetleri ve wooocommerce ekmek kırıntıları gibi birkaç yararlı widget ekleyelim. Elementors kullanarak mağaza sayfalarınıza eklediğiniz birçok widget var ve sizin için en iyisini oynamanız ve bulmanız gerekiyor. Widget bölümünü ekleyin, devam edin ve bölümünü ekleyerek düğmeye tıklayarak widget’ı ekleyin (düğme artı mavi).

Bu yeni widget bölümünü açacaktır. Ardından, widget alanının altına yeni ekle ve yapıyı seçin. Sadece wooocommerce ekmek kırıntıları ve sepet menüsü düğmesi ekleyeceğimiz için 2 × 1 yapı seçelim. Bu, widget’ınızı belirtilen konuma ekleyebileceğiniz basit bir 2×1 ızgara bölümü ekleyecektir. Bundan sonra, yan bıçakları kullanın ve yan tarafın sağ üst kısmındaki ızgara simgesine tıklayarak öğeler listesine geçin.

Ardından, istediğiniz widget’ı widget alanına sürükleyin. Bu demo için bir menü sepeti ve widget wooocommerce ekmek kırıntıları ekleyeceğiz. Bu nedenle, sağ widget’ı hızlı bir şekilde bulmak için bir arama çubuğu kullanın ve widget alanına sürükleyin. İlk olarak, Sepet Menüsü widget’ı sürükleyelim.

Ardından, Menü Sepeti Widget’ı tıklayın ve sol taraftaki seçeneği ayarlayın. Örneğin, yan çubuğu kullanarak simgeyi ve seviyeyi sağa değiştirelim.

Şimdi, WooCommerce Breadcrumbs widget’ı eklemek için aynı şeyi yapalım. Öyleyse, sol kenar çubuğundaki widget simgesini tıklayalım ve Woocommerce ekmek kırıntılarını arayalım. Ardından, widget’a sürükleyin ve ayarlayın. Örneğin, metnin rengini, bağlantının rengini, tipografiyi ve seviyelendirmeyi değiştireceğiz.

Ayarlamayı tamamladıktan sonra, yayın düğmesinin yanındaki sol alttaki Seçim düğmesini tıklayarak yeni tasarlanmış şablonu kaydetmeyi unutmayın. Ardından, şablon olarak kaydet’i seçin ve uygun şablonu adlandırın. Şimdi, şablonunuza WP yönetici kontrol panelinizde saklanan şablon bölümü altında herhangi bir zamanda erişilecektir.

Özel şablonunuzu hazırlayın, çünkü WooCommerce Shop sayfamız artık mağazanızın kullanabileceği ek bölümler eklemek için benzer bir adımı hızla takip edebilir. Ürününüzü göstermek için videolar görüntülemek ister misiniz? Ek bilgi için kısa metin bölümü ne olacak? Ya da işletmenizle ilgili ürünler veya referanslarla atlıkarınca ayarlar ekliyorsunuz? Seçtiğiniz seçenek ne olursa olsun, etkinleştirebilirsiniz. Wooocommerce’i mükemmel bir şekilde tamamlayan Elementor’un sürüklenmesini ve sürümünü kullanarak her şey çok rahat. Daha fazla şablonu ayarlayın, mağaza sayfalarınızı Elementor’a nasıl daha fazla ayarlayacağınıza bakalım. Video eklemek istediğinizi söyleyin. Sadece arama çubuğunu kullanın ve sürükleyin ve video seçeneğini mağaza sayfasına çıkarın. Ardından, video URL’sini değiştirebilir, otomatik olarak etkinleştirebilir, döngüleri etkinleştirebilir, devre dışı bırakabilir, vb.

Bittiğinde, sol yan çubuğun altındaki yayın düğmesini tıklamayı unutmayın.

Burada, şablonunuzu nerede görüntülemek istediğinize karar vermelisiniz.Durum Ekle düğmesini tıklayın, şablonu nerede kullanmak istediğinizi seçmelisiniz.Şablonunuzu tüm sitelerde veya arama sonuçları, mağaza sayfaları ve hatta kategori sayfaları gibi belirli yerlerde görüntüleyebilirsiniz.Şimdilik, şablonumuzu yalnızca WooCommerce Shop sayfasında görüntüleyeceğimiz için, şablonu yalnızca mağaza sayfasında görüntülemek için koşulu seçelim.Mağaza sayfası için bir şablon yaptık, bu nedenle bir açılır liste kullanın ve mağaza sayfasını seçin.Ardından, Kaydet ve Kapat’ı tıklayın, yeni oluşturulan şablonuz WooCommerce Shop sayfanız olarak düzenlenecektir.

İşte burada! Anda baru saja menyesuaikan halaman toko WooCommerce Anda dengan Elementor . Halaman sudah aktif dan siap digunakan! Tentu saja, tidak hanya ini yang dapat Anda lakukan untuk mengedit situs web WooCommerce Anda. Anda juga dapat menyesuaikan halaman checkout WooCommerce, halaman produk, halaman keranjang, dan banyak lagi menggunakan Elementor. Kesimpulan Secara keseluruhan, menyesuaikan halaman toko WooCommerce Anda dengan Elementor dapat berdampak besar pada toko Anda. Cara Anda mengatur dan menampilkan produk kepada pembeli dapat membantu Anda melakukan penjualan atau menolaknya. Dalam panduan ini, kami telah menunjukkan kepada Anda cara mengatur dan menyesuaikan Halaman Toko WooCommerce Anda di Elementor. Namun, perlu diingat bahwa ini hanyalah puncak gunung es. Ini adalah demonstrasi dasar untuk menunjukkan kepada Anda apa yang dapat Anda lakukan dengan Elementor untuk membangun halaman Toko yang sempurna untuk toko Anda. Kami menyarankan Anda menggunakan ini sebagai dasar dan bermain-main dengannya untuk memanfaatkan pembuat halaman yang luar biasa ini sebaik-baiknya. Misalnya, Anda dapat mencoba hal-hal berikut untuk lebih meningkatkan halaman toko WooCommerce Anda:Tambahkan widget up-sell dan widget pemasaran tambahan

Aktifkan pop-up, iklan, dan carousel unggulan untuk meningkatkan tingkat konversi
Siapkan mega-menu yang luas untuk mempermudah navigasi situs web Anda. Ini termasuk menambahkan item produk dan menu toko tambahan secara langsung

Sesuaikan dan optimalkan halaman keranjang WooCommerce dan halaman checkout Anda

Ve bu sadece küçük bir liste.Ayrıca, tam bir sayfa şablonu kullanabilir ve ihtiyaçlarınıza uygun olarak daha fazla düzenleyebilir ve en benzersiz mağaza tasarımlarından bazılarını etkinleştirmek için daha fazla düzenleyebilirsiniz.WooCommerce ve Elementor’un maksimum nasıl kullanılacağına dair daha fazla yönerge için aşağıdaki yönergeleri görebilirsiniz: WordPress için En İyi Mega Menü eklentisi

Woocommerce’deki mağaza sayfasını ayarlayın
Bu öğretici hakkında sorularınız var mı?Aşağıdaki yorum bölümünde bize bildirin!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir