Wooocommerce Sepet sayfasını Elementor ile Nasıl Ayarlayabilirim
WooCommerce Sepet sayfanızı ayarlamanın çeşitli yollarını mı arıyorsunuz? Elementor, WooCommerce’i ayarlama açısından en iyi araçlardan biridir. Kısa sürede Elementor’unuz için sepet sayfanız için kolayca yapılandırabilir ve özel bir tasarım oluşturabilirsiniz. Bu yüzden Woocommerce Sepet sayfasını Elementor ile nasıl ayarlayacağınız konusunda size rehberimizi getiriyoruz. Ama önce, sepet sayfalarınızı ayarlamak için neden Elementor’u kullanmayı düşünmelisiniz. Sepet sayfasını neden Elementor’a ayarlayalım? WooCommerce Sepet sayfanızı ayarlamak, dönüşüm seviyenizi artırmanın önemli bir parçasıdır. Sepet sayfası arayüzü, müşterinizin kasiyere devam edip etmeyeceğini büyük ölçüde belirleyebilir. Bu, sepet ayrıntılarını görüntülemek, miktarı eklemek/azaltmak, sepet öğenize ayrıntılı bir mini görüntü eklemek için seçenekler eklemek içerir.
Ve sepet sayfalarınızı bir sepet eklentisi kullanma veya programlanmış gibi ayarlamanın birçok yolu olsa da, bir sayfa üreticisi kullanmak bunu yapmanın en iyi yollarından biri olabilir. Elementor, Woocommerce ile tam entegrasyonla sunulan en popüler WordPress sayfalarından biridir. Birçok güzel tasarım, yüksek düzeyde ayarlanmış widget, modül ve daha fazlası ile kısa sürede herhangi bir Woocommerce sayfasını kolayca ayarlayabilirsiniz.
Yılda 49 USD için, aşağıdakiler gibi özelliklerin tadını çıkarabilirsiniz:
Başlangıçtan itibaren seçenekleri tam olarak ayarlayın veya bir şablon kullanın ve baştan.
Mağaza sayfaları, ürün sayfaları, mağaza arşivleri, sepet sayfaları ve daha fazlası gibi tüm WooCommerce sayfalarını oluşturmak ve ayarlamak için tam entegrasyon ve seçenekler.
Belirli WooCommerce Widget’ları için seçeneklere sahip 50+ Pro Widget.
Seyahat ederken yapılandırabileceğiniz ve ayarlayabileceğiniz 300+ şablonlu 10+ ayrıntılı web sitesi kiti.
Web sitenizin her öğesi için olağanüstü ayar seçeneklerine sahip yeni başlayanlar dostu ve gevşek yapımcılar.
Eklentiler ve uzantılar için olağanüstü destek.
İhtiyaçlarınıza bağlı olarak birkaç paket arasından seçim yapabilirsiniz. Her paket ayrıca bir eklenti kullanmaktan memnun değilseniz, mükemmel bir 30 günlük para geri garanti süresi ile donatılmıştır. Aynı şekilde, WooCommerce’ı doğru ayarladığınızdan ve uyumlu WooCommerce temalarından birini kullandığınızdan emin olun. Bu, sepet sayfasını ayarlarken çatışma sorunları yaşamamanızı sağlayacaktır. Şimdi neden woocommerce sepet sayfanızı ayarlamak için öğeyi kullanmayı düşünmeniz gerektiğini açıkladık, devam edelim ve nasıl yapabileceğinizi görelim. WooCommerce Sepet sayfasını Elementor ile nasıl ayarlarsınız? Web sitenizdeki Pro Elementor’u yükledikten ve etkinleştirdikten sonra, sayfalar> Yeni Ekle’yi tıklayarak WordPress kontrol panelinizde yeni bir sayfa oluşturun. Yeni özel sayfanızı adlandırın ve Elementor ile Düzenle düğmesini tıklayın.
Bu, sizi özel sepet sayfanıza içerik ekleyebileceğiniz öğenin sayfa üreticisine götürecektir. Sepetinizi doldurmak için devam edelim ve WooCommerce’in bazı temel unsurlarını ekleyelim. Soldaki widget menüsünde yuvarlanıp WooCommerce-Down-aşağı seçeneğini tıklayarak başlayın. Sepet widget’ı tıklayın ve üreticideki widget bölümüne sürükleyin. Ardından, sepet widget’ınızı soldaki Widget Düzenleme seçeneğini kullanarak yapılandırın. İçerik sekmesini şu şekilde yapılandırmak için kullanabilirsiniz: Sütun düzeni (bir sütunun/iki sütunun ödeme.) Sepet metnini güncelleyin.
Kupon metni uygulayın.
Özelleştirme Toplam Sepet.
Otomatik Sepet Güncelleme Seçenekleri.
Tabii ki, Styling sekmesini kullanarak tüm alanlar ve öğeler için stilleri, yazı tiplerini, renkleri vb. Yapabilirsiniz. Aynı şekilde, devam eden sekme, tüm özel animasyonları, arka planları, hareket efektlerini ve daha fazlasını yapılandırmanıza izin verir.
Düzenlemede birkaç seçenek yapılandırmak istiyorsanız, Stil sekmesine tıklayın. Bu öğreticide, kutunun bir gölgesini verdik. Bölüm ve ardından Kutu Gölgesindeki Düzenle düğmesine tıklayın. Ardından, özel renk kutunuzun gölgesini vermek için renk seçeneğini tıklayın. Şimdi, Sınır Tipi seçeneğini kullanarak sepet sınırınızı verin. Gösterimiz için bunu katı olarak ayarladık. Tabii ki, ek seçenekleri kullanarak kutunun sınırını ve gölgesini ayarlayabilirsiniz. Aynı şekilde, Sipariş Özeti, Ödeme Düğmesi ve Toplam gibi ek öğeleri ayarlarsanız, şöyle bir sepet alırsınız: Şimdilik bu treni kurtaracağız. Ancak gerektiğinde her zaman daha fazla sepet sayfasını iade edebilir ve ayarlayabilirsiniz. Ayrıca, sepet sayfasına bazı daha fazla unsur eklenebilir. Yukarıdaki yöntemi kullanarak soldaki widget çubuğunu kullanarak ekleyebilirsiniz. Devam edelim ve ayarlar, videolar ve iletişim formları metni ekleyelim. Bunların hepsi, müşterilerinize siparişler, nakliye ve daha fazlası hakkında soru ve bilgi konusunda yardımcı olmak için eklenecek iyi unsurlardır. Bittiğinde, bu özel sayfayı yayınlayabilir ve düzenlemeyi tamamlayabilirsiniz. Ancak, bunu isterseniz gelecekteki ayarlamalar için özel bir şablon olarak eklemenizi öneririz. Alttaki yayın düğmesinin yanındaki Ok düğmesini tıklayın ve şablon olarak Kaydet’i tıklayın. Ardından, özel sepet şablonunuzu adlandırın ve Kaydet’i tıklayın. Son olarak, özel sepet sayfası ayarınızı tıklayarak tamamlayabilirsiniz.
Özel sepet sayfanızı WooCommerce Sepet sayfası olarak ayarlayın. Elementor’da özel WooCommerce Sepet sayfanızı oluşturduktan sonra, bu yeni sayfayı Wooocommerce’in kullanması gereken bir sepet sayfası olarak tanımlamanız gerekir. Bunu, WOOCOCOMMERCE> ayarlarını WordPress kontrol panelinizden tıklayarak WooCommerce ayarlarınızı açarak yapabilirsiniz. Ardından, sayfa kurulum seçeneğinize erişmek için Gelişmiş sekmesine tıklayın. Sepet sayfası seçeneğinizde devam edin ve yeni oluşturduğunuz sayfa adını bulun. Bizim için bu bir demo arabası sayfası olacak. Özel sepet sayfanıza tıklayın, aşağı kaydırın ve değişiklikleri kaydet’i tıklayın. Bu, yeni ayarlanmış sayfanızı varsayılan WooCommerce Sepet sayfanız olarak kaydedecektir. Elementor’daki WooCommerce Sepet sayfasını ayarlamak için bir WooCommerce şablonu kullanmak: Yukarıdaki adımların sadece özel WooCommerce Sepet sayfanızı oluşturmanın temeli olduğunu açıkça görebilirsiniz. Tabii ki, Woocommerce sepet sayfalarınızı Elementor’a ayarlamak için yapacak çok iş var. Ancak, biraz daha fazla stil ve ayarla, ancak maksimum faydalar için basit bir sepet sayfası tasarımı kullanmakta tamamen özgürsünüz. Bu yaklaşım ihtiyaçlarınız için daha uygunsa, Elementor şablonunu kullanmalısınız. Bu, öğeler için mevcut birçok şablon ve şablon eklentisinden yapılır. WooCommerce Sepet sayfamızı hazırlamak için, gösterimiz için özel bir sepet sayfası şablonu ile donatılmış ücretsiz bir Addon Elementor da kullanacağız. Mevcut birçok Elementor eklentisi ve şablon eklentisi olmasına rağmen, bu gösteri için CODESIGNER’ı kullanacağız. Bu, web siteniz için mükemmel bir sepet sayfası hazırlamanın en kolay ve karmaşıklık yollarından biridir. Öyleyse bir eklenti yükleyerek başlayalım. Codesigner eklentisini yükleyin: WordPress yönetici kontrol panelinizi açın ve eklentileri açın> Yeni Ekle. Ardından, ‘Codesigner’ı aramak için sağ üstte bir arama çubuğu kullanın ve yüklemek için şimdi Instal düğmesini tıklayın. Kurulum tamamlandıktan sonra, kurulum ve etkinleştirme işlemini tamamlamak için Etkinleştir’i tıklayın.
CODESIGNER Sepet Widget’ı etkinleştirme: Sepet sayfasına CODESIGNER WIDGET’ini eklemeden önce, Widget’ı CODESIGNER Dashboard’daki etkinleştirmeniz gerekir. Bu nedenle codsigner’ı kontrol panelinizde açın Yönetici WP. Bu, Coddesigner kontrol panelini açacaktır. Ardından, widget’ı tıklayın. Ardından, sepetten aşağı kaydırın ve aşağıdaki tüm widget’ları etkinleştirin. Bu, Elementor Widgets menüsünüze doğrudan eklenecektir. Şimdi, CODEGISTER özel widget’ınızı hemen doğrudan sepet sayfanıza ekleyebilirsiniz. Son olarak, widget’ı etkinleştirmek için ayarları kaydet’i tıklayın. Widget’ları ve Şablonları Kullanma CodeSigner Sepeti: Elementor’daki WooCommerce Sepet sayfasını Codesigner’ı kullanarak oluşturma ve ayarlama işlemi, Elementor kullanarak yukarıdaki işlemle aynıdır. Sayfalar> Yeni Ekle ve adını tıklayarak yeni bir sayfa oluşturun ve adlandırın. Bundan sonra, Elementor ile Düzenle’yi yukarıdaki gibi tıklayın. Elementor sayfası yapımcısı yeni sayfanız açıldıktan sonra, CODESIGNER şablonunuzu eklemeye hazırsınız. Buradaki sürükleme widget’larındaki CODESIGNER simgesini tıklamanız yeterlidir. Ardından, Blok sekmesinin altında, römorkör menü kategorisini kullanın ve bir sepet seçin. Web siteniz için mükemmel tasarımı kullanın ve INSERT’i tıklayın. CodeSigner widget’ınız etkinleştirilirse, sepet sayfası şablonunuz mükemmel görünecektir. Tabii ki, bu hala bir şablondur, bu nedenle metni ve diğer öğeleri manuel olarak ayarlamanız gerekir. Başlık metnini değiştirerek başlayalım. T widget başlığını tıklayın ve kendi özel metninizi eklemek için soldaki özelleştirme menüsünü kullanın. Aynı şeyi, aşağıdaki metnin metni için de aynı şeyi yapın. Ayrıca her sepet widget’ı tıklayabilir ve küçük resim, alt kaslı öğeler ve miktar alanları gibi ek seçenekleri ayarlayabilirsiniz. Daha önce belirtilen adımlarla aynı, tüm alanları ve widget’ları düzenleyebilir ve düzenleyebilir ve rengi, tipografiyi, dolguyu ve ayarlayabilirsiniz. vb. Her widget’ı tıklayın ve Styling ve Gelişmiş sekmesini kullanın. Çok kolay! Bittiğinde, özel sepet sayfanızı kaydetmek için yayın düğmesine tıklayın veya daha önce belirtildiği gibi bir şablon olarak kaydedin. Bir kez daha, WooCommerce> Ayarları> Devam Edin ve Sepet sayfasının altındaki yeni sepet sayfanızı seçin. Ardından tamamlamak için değişiklikleri kaydet’i tıklayın. Şimdi yeni sepet sayfanızı ön ucunuzda göreceksiniz Sonuç: Bu, Woocommerce Sepet sayfasının Elemento r ile nasıl ayarlanacağına dair rehberimizi sona erdirdi. Elementor, WooCommerce ve WordPress sitelerini ayarlamak için mevcut en güçlü web sitesi oluşturulmasından biridir. Addon widget ve şablonunu kullanın, web sitenizin her köşesini ayarlamak için çok sayıda aracı var. Elementor’daki WooCommerce Sepet sayfasını ayarladığınızda sizin için bazı iyi ipuçları: Özel sepet sayfanızın, duyarlı seçenekler kullanarak hücresel ve masaüstünde gerçekten kullanılabildiğinden emin olun. Sepet sayfanızın temanızın kalan tasarımıyla eşleştiğinden emin olmak için renk stili seçeneğini ve Elementor Tipografisini kullanın. Sepet sayfalarınızı ve ödeme sayfalarınızı birbirleri için uygun olacak şekilde ayarlamak için iyi bir fikirdir. Sepet sayfanıza ilgili ürünler, üstün ürünler, güven rozeti vb. Gibi ek unsurları göz önünde bulundurun. Sepet sayfanızı ayarlamanın bir yolunu bulabilir misiniz?Eklentinizi veya şablonunuzu hazırlayarak sorunları yaşayın?Bize sepet sayfanızı nasıl ayarlayabileceğiniz veya ayarlayamayacağınız hakkındaki yorumlarda anlatın.Okuyucularımıza sorunlarında yardımcı olmaktan ve WordPress ve WooCommerce’in özelleştirilmesi hakkındaki görüşlerini duymaktan mutluluk duyuyoruz.Elementor’u kullanarak çeşitli WooCommerce sayfalarını ayarlamak için başka yönergeler arıyorsanız, neden diğer makalelerimizi burada kontrol etmiyorsunuz: WOOOCOMMERCE Ürün Sayfasını Elementor ile Nasıl Ayarlayın NAV menüsü eklentisini kullanarak Elementor ile bir mega menü oluşturun Elementor’daki Wooocommerce Shop sayfasını nasıl ayarlayabilirim
