Bir Elementor Kullanarak Wooocommerce Mağazası sayfası nasıl oluşturulur
İlk ürün, 1995 yılında Amazon’da çevrimiçi sipariş verdi- “Sıvı ve Yaratıcı Analoji Kavramı” kitabı. Yaklaşık 25 yıl sonra, e -ticaret endüstrisi yaklaşık 3,5 trilyon dolar satış üretti ve dünya çapında 2021’de 4.9 trilyon dolara ulaşacağı tahmin ediliyor. Dolayısıyla, e -ticaret web sitenizi başlatmadıysanız, bu başlamak için en iyi zamandır. Doğru araçlar ve doğru ayarlarla, ilk çevrimiçi mağazanızı sıfırdan kolayca oluşturabilir ve her zaman ilgili içerikle ilgili olabilir. Önceden teknik uzmanlık yok!
Bugün size WooCommerce ve Elementor kullanarak e -ticaret web sitenizi tasarlamada tam bir adımda rehberlik edeceğiz. Ve tüm yapılandırmayı yapmak için 30 dakikadan fazla sürmeyeceğimize söz veriyoruz! Ama bundan önce soruyu cevaplayalım- e-ticaret mağazanızı neden Elementor ile tasarlıyor? Tasarım başarılı bir e -ticaret web sitesinin temelidir. WordPress sayesinde – bu, çeşitli ayarlama özellikleri ve site güvenliğini sağlamak da dahil olmak üzere insanların web’i geliştirme deneyimini geliştirir. WordPress için bir başka özel ek, Elementor gibi bir web sitesi sayfası üreticisidir.
Elementors, herhangi bir teknik bilgiye bakılmaksızın muhteşem web sayfaları oluşturmanıza yardımcı olur. Bu görsel düzenleyiciyi kullanarak herkes dakikalar içinde dinamik bir web sitesi oluşturabilir. Yalnızca web sitenizi tasarlamak için çekmek ve serbest bırakmakla kalmaz, aynı zamanda Elementor, tarayıcı sekmesini değiştirmeden değişiklikleri doğrudan incelemenize olanak tanır. Ayrıca, WordPress sitenizi Elementor’da tasarlarken parçaları ve blokları kolayca kopyalayabilirsiniz. Bu yüzden 5 milyondan fazla insan WordPress sitelerinde Elementor Page Builder’ı aktif olarak kullanıyor. Elementors son birkaç yıldır dramatik bir şekilde büyüdü
WordPress’te e -ticaret web sitesi nasıl oluşturulur
Söz verildiği gibi, Woocommerce Elementor Pro’yu kullanarak bir e -ticaret web sitesi oluşturmak için size en kolay ama uygun fiyatlı süreci göstereceğiz. Nasıl yapılır – Bu, çevrimiçi mağazanızı oluşturmak için bir ön koşuldur:
WooCommerce (Ücretsiz) Element (Ücretsiz)
Element (Pro)
HappyAddons – Addons Elementor (Ücretsiz)
Her şeyden önce, kendi alan adınızı ve barındırmanız gerekir. Ardından WordPress sitenizi yapılandırın ve WooCommerce, Elementor, HappyAddons, vb. Gibi tüm gerekli eklentileri yükleyin. Bu arada, Elementor & Wooocommerce’i başlatmak için hızlı bir rehber istiyorsanız, bu başlangıç kılavuzunu okuyun.
Videonun altında ayarların ve temel woocommerce sayfalarının nasıl yapılandırılacağını gösteriyor. Bir bakış görün!
Önemli Not: WooCommerce kurulumu sizi ödeme, nakliye, diğer eklentilerle işbirliği vb. Gibi gerekli tüm düzenlemeler için kısa bir tura çıkarıyor. Temel bir yapılandırmayı bitirdikten sonra, WooCommerce siteniz uçmaya hazırdır. Artık çevrimiçi mağazanıza ürün ekleyebilirsiniz. Woocommece Shop sayfasının temel düzeni aşağıdaki gibi görünüyor:
WooCommerce, e -ticaret mağazasından beklediğiniz tüm işlevlere sahip olsa da, ancak yine de tasarım seçeneği burada sınırlıdır. Bazen de karmaşık! Mağaza tasarımını beğeninize göre değiştirmenizi sağlayan bir element var.
Ayrıca okumak isteyebilirsiniz: Elementor: Başlangıç için Kolay Yollar Nasıl Kullanılır.
Bir Elementor şablonu yapmak için sermaye formunu göreceksiniz. Burada yapmak istediğiniz şablon türünü seçin. Mağazalar tasarlamak için tek bir mağaza türü seçmelisiniz.
Ardından, Elementor Şablon Kütüphanesi’ne girersiniz. WooCommerce Shop sayfanızın şablonunu seçelim- İkinci Adım: Elementor şablonunu ekleyin Bu adımda, çevrimiçi mağazanızı Elementor ile ayarlamak istediğiniz düzeni seçmelisiniz. Veya başlangıçtan başlayabilir ve bazı farklı widget ve özelliklere girerek sayfalarınızı tasarlayabilirsiniz.
Ürün resmi
Artırmak
Ürün sıralaması
Ürün Verileri Sekmesi
Meta ve Ek Bilgi
Ürün içeriği
Galeta unu
Ürünle ilgili
Ürün stoğu
Şimdi, bu WooCommerce Widget’ı herhangi bir kod bilmeden görsel olarak kullanarak hayalinizdeki çevrimiçi mağaza tasarlayabilirsiniz.
Dördüncü Adım: CTA eklentisini yapılandır CTA düğmesi, ürün sayfasındaki en önemli öğelerden biridir. Herkesin kolayca görebilmesi için düğmeyi orta noktaya çekip yerleştirerek tasarlamanız gerekir. Elementor, arabaya eklenti için iki seçenek sunar: normal ve özel düğmeler. Elementor’un editörü ile düğme stilini marka kimliğinize göre ayarlayabilirsiniz. Değişen renkler, tipografi, kenarlık, şekil, vuruş efektleri vb.
Ancak, arabaya ekleme düğmenizin tam kontrolünü kontrol etmek istiyorsanız, özel bir kart eklenti seçeneği kullanmanız gerekir.
Ürün sayfanızda istediğiniz yere bu düğmeyi yerleştirme esnekliğine sahipsiniz. Ayrıca düğme türünü (varsayılan, bilgi, başarı, uyarı, tehlike), etiket, renk, hizalama, boyut, simge, konum ve aralık seçebilirsiniz. Ayrıca, analizlerinizdeki olayları izlemek için bir düğme kimliği ayarlayabilirsiniz. Ardından, WooCommerce Elementor Pro ile ürün arşiv sayfalarınızı nasıl tasarlayacağınıza bakalım. Beşinci Adım: Ürün Arşivi sayfanızı WooCommerce Elementor Pro ile ayarlayın Yukarıdaki Elementor’daki tek ürün sayfalarınızı nasıl ayarlayacağınızı gösterdik. Şimdi, Pro Elementor ile ürün arşivleri tasarlamadaki adımları göstereceğiz. Tıpkı tek bir ürün sayfası gibi, WordPress Yönetici Gösterge Tablosu → Şablon → Yeni Ekle. Bu sefer açılır menüden Acat Acence’ı seçin ve şablonunuzda adlandırın. Ardından, şablon oluştur düğmesine basın ve editör yüklenene kadar bekleyin. Yine, daha önce oluşturulan bir blok seçebilir veya boş bir sayfada çalışmaya başlayabilirsiniz. Buradaki tüm normal Elementor widget’larına ek olarak, belirli WooCommerce Arşivi widget’larını alacaksınız. Beğenmek-
Ürün arşivleri
Özel bir sepete ekle
Woocommerce sayfası
Ürün Kategorisi
Menü sepeti
Bu widget ve diğer tasarım araçlarını kullanarak, çevrimiçi mağazaları beğeninize kolayca ayarlayabilirsiniz.
Resim Kaynağı: Elementor.com
Altıncı Adım: Elementor’un kendisi, kodlama becerilerine sahip olmadan hayalinizdeki web sitesini tasarlamak için en zengin özelliklerden biri olmasına rağmen, HappyAddons kullanarak tasarım araçlarınızı artırın. Yine de HappyAddons kullanarak, daha fazla tasarım potansiyelini keşfedebilir ve çekirdek eklentileri daha da genişletebilirsiniz. Çünkü mutlu eklentiler, bir dizi yararlı widget ve özellik sunarak ellerinizi güçlendirir. Yüzen efekt, animasyonlu metin, alanlar arası kopya yapıştırma, mutlu bloklar vb. Bu özel tasarım öğesi, ürününüzü daha çekici göstermenize yardımcı olur. Böylece müşterileri e-ticaret mağazanıza maksimum hale getirebilirsiniz. Burada, ürün sayfasında benzersiz bir görünüm sağlamak için HappyAddons’tan “kart widget” i kullanıyoruz. Ayrıca okumak isteyebilirsiniz: Elementor & HappyAddons ile bir mağaza sayfası nasıl oluşturulur.
Ücretsiz Elementor sitesini ayarlamak için mutlu eklentiler alın!
Yedinci Adım: Hükümleri belirleyin ve mağaza sayfalarınızı yayınlayın Tüm ayarlamaları bitirdikten sonra yayın düğmesine basın. Ancak bundan önce ürün sayfanızın görüneceği koşulları ayarlayın.
Bunu tüm ürünler için, belirli kategoriler ve/veya çocuk kategorileri, etiketler veya yalnızca belirli yazarların ürünleri için yapılandırabilirsiniz. Daha karmaşık koşullar da uygulanır. Her şeyi tamamlayın ve kaydedin. Son olarak, yayınlanacak yeni bir tasarım yayınlayın. WooCommerce Elementor Pro’yu kullanarak ilk e -ticaret sitenizi bu şekilde yapılandırabilirsiniz
Kendi çevrimiçi mağazanızı birkaç dakika içinde ayarlayın ve satışlarınızı büyük ölçüde artırın E-Niaga kademeli olarak perakende satış yapın. Şimdi kimse geri bakmıyor! Dahası, Pandemi Covid-19, e-ticaret girişimcileri için bir nimet olarak ortaya çıktı. Ve uzmanlar, korona virüsünün etkisinin sadece e -ticaret endüstrisi için kısa vadeli bir teşvik olacağını, aynı zamanda kalacağını tahmin ediyor. Bu durumda, bir e -ticaret sitesi kurmak hayatınızı değiştiren bir karar olabilir. Ve eğer kendi web sitenizi bir profesyonel işe almaktan daha şaşırtıcı olan nedir? WooCommerce kullanarak hayalinizdeki çevrimiçi mağazayı bir anda yapabilirsiniz. Ayrıca Elementor, mağaza tasarımınızı daha çekici hale getirmek için yararlı bir araçtır. E -ticaret mağazanızda alıcıları çekmeniz ve satışları artırmanız için bu kombinasyon yaptırın. Kendi çevrimiçi mağazanızı oluştururken başka sorularınız varsa veya sorunlarınız varsa aşağıdaki yorumlar bölümünü kullanın.