Elementor ile WooCommerce sayfası
WordPress, Web sitenizi, özellikle WooCommerce web mağazalarınızı oluşturmasını olağanüstü özelliklerle hayatımızın kolaylaştırmasını kolaylaştırır. Woocommerce sayfanızı Elementor ile tasarlamaktan daha kolay bir şey yoktur, çünkü kodla hiç uğraşmanız gerekmez. Ama yine de merak ediyor olabilirsiniz, neden Elementor? Bunun nedeni, Woocommerce’de teknik olmayan insanlar tarafından bile yapılabilecek bir çevrimiçi alışveriş web sitesi tasarlamak için mükemmel bir araç olması. Elementor, sizi olağanüstü bir site inşa etme deneyimine getirerek izin verir. Peki, Elementor ile bir WooCommerce sayfası tasarlamaya hazır mısınız? Elementor sayfası yapıcısını kullanarak dinamik bir Woocommerce sayfasını ne kadar kolay aldığınızla ilgili doğru adımlarla size rehberlik edelim.
Başlayalım!
Elementor WooCommerce ile uyumlu mu? Neden bununla gidiyorsun?
Başarılı WooCommerce web siteleri için web tasarımı çok önemlidir. Bu, müşterilerinizin dikkatini işinize çekmek için oldukça ilginç bir site arayüzü ve düzgün bir şekilde paketlenmiş özellikler gerektirir. WordPress, web sitelerini kolayca tasarlayabileceğiniz olağanüstü bir platform haline geldi. Ancak Elementor, birkaç dakika içinde olağanüstü bir web sitesi oluşturmayı kolaylaştırıyor. Bu eklenti çok güçlüdür ve web sitenize özellikler ve işlevler eklemeye yardımcı olan bir widget ile donatılmıştır.
Ancak, Elementor WordPress ile uyumlu mu? Yani. Aslında, Elementor WordPress ve içindeki her şeyle çok uyumludur. WooCommerce sayfasını Elementor ile tasarlamak, yeni başlayanlar için bile kolay, esnek ve kolaydır. Kodlama bilgisinden bağımsız olması, web sitelerini unsurlarla tasarlayabilir, depodaki en iyi araçları kullanmanız için yapar. 5 milyondan fazla insanın bugün kendi web sitelerini oluşturmak için unsur kullanması şaşırtıcı değil. Yani, ana şov için hazır mısınız? Woocommerce sayfanızı aşağıdaki Elementor ile oluşturmanın ve ayarlamanın doğru yolunu size yönlendireyim. Woocommerce sayfasını Elementor ile yapın
Dediğimiz gibi, Woocommerce sayfanızı Elementor ile yapmak zor bir iş değildir. Her şey WordPress tarafından kolaylaştırılır ve bu ödevin tüm prosedürleri de budur. Yani, bu şekilde bunu yaptığımız gibi, WordPress için gerekli eklentiyi yükleme gibi hazırlıklar yapmanız gerekiyor.
Elementor Page Maker (Free & Pro)
WooCommerce (ücretsiz)
Lite Element Paketi (Ücretsiz)
Alan satın alma ve barındırma, web sitenizde WordPress yapılandırma, Elementor eklentisini, wooCommerce, Element Pack Lite, vb. Bu, web sitenizi çalıştırmak için gereken her şeyi yapılandırmak için birkaç dakika gerektirebilir.
Özellikle, WooCommerce hazırlamak birkaç dakika gerektirir ve ödeme bilgileri, gönderim, kişisel iletişim vb. Dahil her türlü bilgiyi doldurmanız gerekir. Gösterge tablosuna döndükten sonra yapılandırma tamamlanmıştır ve Elementor ile bir Woocommerce sayfası oluşturmaya hazırsınız. Elementors ve WooCommerce’in web sitenize WooCommerce işlevselliği eklemek için çok sayıda widget olduğunu unutmayın. Ancak yine de, Woocommerce veya Web Tasarımının doğru işlevine tam olarak daldırmak için yeterli değildir. Bu nedenle, hem tasarım hem de özellikler açısından web sitesini zenginleştirmek için Element Pack Lite gibi bir yardım eli eklentisine ihtiyacımız var. Şimdi, tasarım aşamasına devam edelim. Woocommerce sayfalarının elementlerle özelleştirilmesi kolayca
Elementor sayfası üreticisi, hazır bir şablon için hazır bir şablon içe aktarmanıza izin verdiğinden, bir şablonla çalışmak çok kolaydır, ardından sayfada arayın ve ayarlamaya başlayın. Ayrıca, Elementor zaten WooCommerce için mağaza sayfası tabanınızı oluşturmak için 10’dan fazla basit widget’a sahiptir. Ancak Pro Element Pack dahil olmak üzere gerekli tüm eklentileri aldıktan sonra, Woocommerce web sitenizin tüm temelini kapsayacak kadar widget alacaksınız. Bu nedenle, web sayfalarınızı tasarlarken depresyonda hissedilecek yer yoktur.
Ancak bundan önce, gerektiği gibi çalışmadığı sürece eklentinin güncellendiğinden emin olun.
Adım-1: Bir Woocommerce sayfa şablonu oluşturalım
Yeni başlayanlar için, WordPress sitenizden bir şablon yapma bölümünü açın. Sadece gösterge tablosunu aç> şablon> yeni ekle
“Yeni Ekle” düğmesine dokunmak, bir şablon yapmanız gereken Sembulan penceresini görüntüler. Burada birkaç seçenek var ve “tek ürün” yazan seçeneği seçmelisiniz. Ürün için bir WooCommerce sayfası oluşturacağımız zaman, bu hedeflediğimiz ayardır. Artı, Pro Elementor’u yüklediğinizden emin olun. Değilse, bu seçenek görülmeyecektir.
Gelecekte kullanım için şablonu kolayca tanımlamak için şablonun adını yanına ekleyin. Ardından “Şablon” düğmesine basın ve Elementor ile bir sonraki WooCommerce sayfasını oluşturmak için öğeyi sayfaya eklemeye başlayın.
Adım-2: Sayfa şablonunu girin Artık wooocommerce sayfa şablonunuzu yapmaya hazır olduğunuza göre, yapabileceğiniz iki yol var, ya baştan yapın ya da bitmiş bir şablon alıp ayarlayın. İki seçenek arasında çok fazla fark yoktur, sadece şablonu tamamlamak için gereken süre. Kullanım kolaylığı için önce bir şablonu kullanmaya hazır bir şablon ekleyelim. Kütüphaneyi sayfa düzenleyicisinde açmak için Element Pack Şablon Kütüphanesi simgesine tıklamanız yeterlidir.
Tek yapmanız gereken şablon kitaplığında gezinmek ve mağaza temanızla eşleşen bir sayfa tasarımı seçmektir. Bulduktan sonra, imleci şablona gidin ve “Ekle” düğmesini tıklayın.
Elementor Pro’dan WooCommerce sayfa şablonunu da kullanabileceğinizi unutmayın. Şablonu ayarladıktan sonra, şablonun kendisine benzer olmayacak benzersiz bir tasarım olacaktır.
Adım-3: Özellikleri ekleyin ve ayarlayın Şablon sayfasına widget dökmeye başlamadan önce müşterilerinizin keyif alacağı özellikleri öğrenmek çok önemlidir. Her zaman yeni içerik arayabilir veya daha fazla iyileştirme için geçerli düzeni ayarlayabilirsiniz. Woocommerce web sitenize daha fazla baharat ekleyecek olan Elementor tarafından sağlanan birçok widget vardır. Bu widget ile, WooCommerce sayfanızı bölüme kolayca tasarlayabilir ve eksiksiz bir web sitesi oluşturabilirsiniz. Mevcut Widgets İlk Ürün Başlıklarına bakalım Bilgi
Sepete koy
Ürün fiyatı
Resim
Sıralama
Ürün miktarı
Meta
Galeta unu
İlgili ürünler
Stok ve stok ürünleri
Aşağıda, yukarıdaki listeden öğeleri kullanan bir WooCommerce özel ürün sayfasıdır.
Bu, ziyaretçilerinizin ürüne daha fazla odaklanması için minimum ürün sayfası tasarımını korumak için iyi bir taktiktir. Ancak, artık özellikler arasında ayrım yapabilir ve sayfalarınızı nasıl tasarlayacağınızı bilebilirsiniz.
Adım-4: Woocommerce sayfası için sepet düğmesi
WooCommerce web sitenizde etkin bir CTA düğmesi olması, potansiyel müşteriler için ziyaretçileri ve Hon’u dahil etmenin iyi bir yoludur. CTA sadece müşterileri çekmekle kalmaz, aynı zamanda sitenizin ziyaretçiler için çekici görünmesini sağlar. Elementor ile Woocommerce sayfanızdaki CTA düğmesini eklemek veya “Tramvaya Ekle” ni kolaydır. Bununla birlikte, element, statik ve dinamikte bulunan iki tür “Tramvay Ekle” de vardır. Statik kullanmak, sayfanıza CTA eklemenin en hızlı yoludur, ancak stil kontrolü yoktur. Woocommerce için Widget Element Pack’i kullanarak dinamik CTA düğmesini kullanmanızı öneririz. Renk, arka plan, sınır, dolgu, seviyelendirme, etiket, simge, boyut vb. Her zaman ayarlayabilirsiniz. düğmeler için. Tek yapmanız gereken, düğmenin yüksekliğini kullanıcının gözlerinin yüksekliğine göre eşleştirmektir. Düğmenin konumunun çok önemli olduğunu unutmayın, çünkü kullanıcının bir ürün satın alma kararını etkilemektedir.
Adım-5: WooCommerce Ürün Arşiv sayfasını Elementor ile yapılandırın
Güney Kore portföyü
Cihaz kayması Güney Kore
WooCommerce Shift
WooCommerce Ürünü Güney Kore Woocommerce
WooCommerce kategorisi
Bu widget’ı kullanarak, ürün arşivleri için Elementor ile inanılmaz bir WooCommerce sayfası geliştirebilirsiniz.
Bu sadece küçük bir örnek. Yapabileceğiniz daha fazla şey var ve sadece gökyüzü sınır.
Adım-6: Sayfa tasarımını Pro Eleman Paketi ile ayarlayın
Şimdiye kadar, tasarımda önemli değişiklikler yapmadınız, Elementor ile bir WooCommerce sayfası oluşturdunuz. Elementor, arayüzü ayarlamak için harika bir araçtır, ancak yine de sofistike tasarım kontrolünden yoksundur. Ama endişelenmeyin, bitmemiş işinizi tamamlamak için bir Element Pack Pro’nuz var. Bu araç, sahip olduğu her özellik için kontrolü ayarlamak için çok ünlüdür (200’den fazla özellik). Böylece, animasyon, animasyon galerisi, atlıkarınca ürünü, ızgara, kayma, bulanıklık bölümü, sarma bağlantısı ve daha olağanüstü özelliklere tek bir yerde olabilir. Örneğin, atlıkarınca woocommerce’mizin zevkinize uyacak şekilde nasıl ayarlanabileceğini gösterelim.
Şimdi her şey hazır, tek bir ürün sayfası, arşiv sayfası oluşturuyoruz ve bir sayfa tasarımı hazırlamayı bitiriyoruz, sayfayı doğrudan web sitesine girmenin zamanı geldi. Şablonu kaydettikten sonra, sadece kontrol paneline, ürünü veya arşivi koymak istediğiniz sayfaya gidersiniz ve şablonu oraya çağırırsınız. Basit ve kolay. Sayfayı iki katına çıkarmanıza bile gerek yok çünkü istediğiniz zaman depolanan şablonu kullanabilirsiniz. Elementor ile inanılmaz bir WooCommerce sayfası oluşturmak için bir şablonla böyle çalışıyorsunuz.
Dakikalar halinde karmaşık bir WooCommerce sayfası tasarlarken rahatlayın
