WooCommerce Sayfaları Nasıl Oluşturulur: 2 Yöntem

Mağazanıza sayfa eklemek istiyor ancak bunu nasıl yapacağınızdan emin değil misiniz? Bu kılavuzda, size adım adım WooCommerce sayfaları oluşturmanın farklı yollarını göstereceğiz (kodlama gerektirmez).

WooCommerce, çevrimiçi mağazanızı özelleştirmek için sayfa ekleme esnekliği sağlar. Tüm varsayılan WooCommerce sayfalarını veya özel sayfaları oluşturabilirsiniz. Size bunu nasıl yapacağınızı göstermeden önce, sayfa oluşturmanın veya yeniden yüklemenin faydalarını daha iyi anlayalım.

Neden WooCommerce Sayfaları Oluşturun veya Yeniden Yükleyin?

Kullanıcıların WooCommerce sayfaları oluşturmasının en yaygın nedenlerinden biri, bazılarının eksik olmasıdır. WooCommerce'i kurduğunuzda, varsayılan sayfaların çoğu otomatik olarak oluşturulur. Ancak bazı adımları atlarsanız, WooCommerce'in çevrimiçi mağazanızın ihtiyaç duyduğu tüm sayfaları oluşturmasını engelleyebilirsiniz. Durumunuz buysa, iyi haber şu ki bu sayfaları kolayca ekleyebilirsiniz.

Mağazanızda yoksa kesinlikle oluşturmanız gereken WooCommerce sayfalarından bazıları şunlardır:

• Mağaza Sayfası: Mağaza sayfası, çevrimiçi mağazanızın tüm ürünlerini görüntülediğiniz yerdir. Tahmin edebileceğiniz gibi, bunun işiniz üzerinde büyük bir etkisi olabilir, bu nedenle herhangi bir çevrimiçi mağaza için olmazsa olmazdır. Mağaza sayfanızı özelleştirmenin yollarını arıyorsanız bu kılavuza göz atabilirsiniz.

• Sepet Sayfası: Bir müşteri mağaza sayfasından bir ürün satın almak istediğinde, sepet sayfasında saklanır. Alışveriş yapanların ödeme yapmadan önce siparişlerini gözden geçirebilecekleri yer burasıdır. Bazı eklentiler, ödeme sürecini basitleştirmek ve dönüşümleri artırmak için alışveriş sepeti sayfasını doğrudan ödeme sayfasında içerir.

• Ödeme Sayfası: Kullanıcıların ürünleri için ödeme yaptığı ve satışı kapattığınız yerdir. Müşteriler, mağaza sayfasından bir ürün seçip sepet sayfasında siparişi inceledikten sonra, ödeme sayfasındaki bir ödeme ağ geçidi üzerinden ödeme yapar. Ardından sipariş verilir ve (fiziksel bir ürün ise) teslimat süreci başlar. Yukarıda bahsedildiği gibi, Direct Checkout gibi eklentiler, satın alma sürecini hızlandırmak için alışveriş sepeti sayfasını ödeme sayfasına dahil eder.

• Hesabım Sayfam: Hesabım sayfası, tüm müşterilerinizin kişisel bilgilerini, faturasını ve teslimat adresini sakladığınız yerdir. Müşteriler buradan siparişlerini ve ayarlarını yönetebilir.

WooCommerce Sayfaları Nasıl Oluşturulur

WooCommerce sayfaları oluşturmanın birkaç farklı yolu vardır:

1. WordPress kontrol panelinden
2. Kısa kodlarla

Her iki yöntem de kolayca sayfa eklemenizi sağlar. Bu kılavuzda, sizin için en iyi seçeneği seçebilmeniz için her ikisine de göz atacağız.

1. WordPress panosundan WooCommerce Sayfaları Nasıl Oluşturulur

WordPress panosundan, tüm varsayılan WooCommerce sayfalarını veya Mağaza sayfasını oluşturabilirsiniz. Aşağıda her iki senaryoyu da açıklayacağız.

1. Tüm Varsayılan WooCommerce Sayfalarını Oluşturun

WordPress panosundan varsayılan WooCommerce sayfalarını oluşturmak ve yüklemek son derece kolaydır ve yalnızca birkaç tıklama gerektirir.

İlk olarak, WooCommerce > Durum'a gidin. Ardından, Araçlar sekmesi altında, varsayılan WooCommerce sayfaları oluşturma seçeneğini göreceksiniz. Eksik sayfaları mağazanıza eklemek için Sayfa Oluştur düğmesini tıklamanız yeterlidir.

NOT: Yalnızca eksik sayfaları oluşturacağınızı ve mağazanızda bulunan varsayılan sayfaları değiştirmeyeceğinizi unutmayın.

Örneğin, Alışveriş, Sepet ve Ödeme sayfalarının bulunduğu bir çevrimiçi mağazanız olduğunu ancak Hesabım sayfasının bulunmadığını varsayalım. Sayfa oluştur 'a basarsanız, yalnızca Hesabım sayfasını ekler ve diğer tüm sayfalara dokunulmaz. Bu kadar! Mağazanızda eksik olan WooCommerce sayfalarını az önce oluşturdunuz .

2. WordPress Kontrol Panelinden Mağaza Sayfası Oluşturun

WordPress panosundan bir Mağaza sayfası oluşturmak da oldukça kolaydır.

Tek yapmanız gereken kontrol panelinizde Sayfalar > Yeni Ekle'ye gitmek. Ardından, Mağaza başlığını sayfaya ekleyin ve Yayınla 'ya basın.

Ardından WooCommerce > Ayarlar'a gidin ve Ürünler sekmesine gidin. Mağaza sayfası seçeneğine tıklayın, açılır menüden yeni oluşturduğunuz Mağaza sayfasını seçin ve değişiklikleri kaydedin.

Bu kadar! Sayfayı önizlediğinizde varsayılan Mağaza sayfasını göreceksiniz. Sayfa, çevrimiçi mağazanız için listelediğiniz tüm ürünleri otomatik olarak gösterecektir.

2. Kısa Kodlu WooCommerce Sayfaları Nasıl Oluşturulur

WordPress panosundan WooCommerce sayfaları oluşturmak kolaydır ancak mağazanıza sayfa eklemenin başka bir uygun yolu vardır. Bu yöntem, kısa kodların kullanılmasını içerir. Kısa kodlar, uzun kod komut dosyaları yazmadan içerik görüntülemenize veya işlevler eklemenize yardımcı olan küçük parçacıklardır. Kısa kodlara aşina değilseniz, yeni başlayanlar için bu tam kılavuza bir göz atmanızı öneririz.

WooCommerce, önceki yönteme kıyasla mağazanıza sayfa eklemek için size daha fazla esneklik sağlayan varsayılan kısa kodlar içerir.

Kısa kodları kullanarak WooCommerce sayfaları oluşturmak için tek yapmanız gereken Sayfalar > Yeni Ekle'ye gitmek, oluşturmak istediğiniz sayfanın başlığını eklemek ve ilgili kısa kodu kullanmaktır. Birkaç örneğe bakalım.

1. Sepet Sayfası

Sepet sayfası eklemek için yeni bir sayfa oluşturun, buna "Sepet" adını verin, aşağıdaki kısa kodu ekleyin ve yayınlayın

 [ woocommerce_cart ] 

Bundan sonra WooCommerce > Ayarlar'a gidin ve Gelişmiş sekmesini açın. Ardından, Sepet sayfası seçeneği için yeni oluşturduğunuz Sepet sayfasını seçin ve kaydedin.

İşte bu kadar, şimdi alışveriş yapanların sepetlerinde bulunan ürünleri az önce oluşturduğunuz Sepet sayfasında göstereceksiniz.

2. Ödeme Sayfası

Benzer şekilde, varsayılan WooCommerce ödeme sayfasını oluşturmak istiyorsanız, yeni bir sayfa oluşturun ve buna “Ödeme” adını verin. Ardından aşağıdaki kısa kodu ekleyin ve sayfayı yayınlayın.

 [ woocommerce_checkout ] 

Bir kez daha WooCommerce > Ayarlar'a gidin ve Gelişmiş sekmesini açın. Bundan sonra, Ödeme sayfası seçeneği olarak az önce oluşturduğunuz ödeme sayfasını seçin ve değişiklikleri kaydedin.

Varsayılan ödeme sayfası tamam, ancak öne çıkmak ve dönüşüm oranlarınızı artırmak istiyorsanız, onu özelleştirmelisiniz. Durumunuz buysa, WooCommerce ödeme sayfasının nasıl düzenleneceğine ilişkin kılavuzumuza bakın.

3. Hesabım Sayfam

WooCommerce Hesabım sayfasını oluşturmak için tek yapmanız gereken yeni bir sayfa oluşturmak, buna “Hesabım” adını vermek ve ardından aşağıdaki kısa kodu eklemek.

 [ woocommerce_my_account ] 

Bundan sonra WooCommerce > Ayarlar'a gidin ve Gelişmiş sekmesini açın. Son olarak, Hesabım sayfası için seçenek olarak az önce oluşturduğunuz Hesabım sayfasını seçin ve değişiklikleri kaydedin.

Hesabım sayfanızı renklendirmek istiyorsanız, onu nasıl özelleştireceğinizle ilgili adım adım kılavuzumuza göz atın.

İşte böyle, kısa kodları kullanarak WooCommerce sayfalarını böyle yaratırsınız . Kısa ve tatlı, değil mi?

Şimdiye kadar, mağazanıza nasıl sayfa ekleyeceğiniz konusunda size çeşitli yollar gösterdik. Ancak, bu sadece ilk adım. Mağazanızı bir üst düzeye çıkarmak için sayfalarınızı özelleştirmeniz ve bunlardan en iyi şekilde yararlanmanız gerekir. Nasıl yapılacağına bir göz atalım.

WooCommerce Sayfaları Nasıl Özelleştirilir

Sayfaların özelleştirilmesi söz konusu olduğunda, varsayılan WooCommerce özellikleri çok sınırlı seçeneklere sahiptir. Düğmeler ve alan seçenekleri gibi bazı önemli öğeler için ek seçeneklerden yoksundurlar. Bu yüzden mağazanızdan en iyi şekilde yararlanmak için sayfalarınızda bazı değişiklikler yapmalısınız.

İyi haber şu ki, WooCommerce sayfalarını özelleştirmek, onları oluşturmak kadar kolay. Bu gönderide, bir eklenti kullanarak sayfaları nasıl düzenleyeceğinizi göstereceğiz.

Bu eğitim için StoreCustomzier kullanacağız. WooCommerce sayfalarınızı düzenlemek söz konusu olduğunda kullanımı çok kolay olan bir freemium aracıdır. Bu eklenti, sayfaları rahatça düzenlemenize yardımcı olan kullanıcı dostu bir sürükle ve bırak arayüzü kullanır.

1. Eklentiyi Kurun

Öncelikle StoreCustomizer'ı kurmanız ve etkinleştirmeniz gerekir. WordPress kontrol panelinizde Eklentiler > Yeni ekle'ye gidin ve StoreCustomizer'ı arayın. Ardından, Şimdi Kur'a tıklayın ve eklentiyi etkinleştirin.

2. Tema Özelleştiriciyi Açın

Artık herhangi bir sayfayı özelleştirebilirsiniz. Görünüm > Özelleştir'den özelleştiriciyi açın, tema özelleştiriciye yönlendirileceksiniz. Bu tanıtım için Storefront'u kullanacağız ancak tema seçeneklerinin temadan temaya değişebileceğini unutmayın. Şimdi, WooCommerce sayfalarını özelleştirmek için StoreCustomizer'a basın.

Burada, çevrimiçi mağazanızın tüm ana sayfalarını düzenleyebilirsiniz:

• Mağaza
• Ürün
• Hesabım
• Araba
• Ödeme

Şimdi sayfalarınızı düzenlemeye başlama zamanı.

3. WooCommerce Sayfalarını Özelleştirin

Birçok özelleştirilebilir seçenekle birlikte bir dizi WooCommerce sayfasında herhangi bir değişiklik yapabilirsiniz.

Bence. Mağaza Sayfası

Burada, satır veya sayfa başına ürün sayısını düzenleyebilirsiniz. Ayrıca mağaza arşivlerini ve tasarım öğelerini düzenleyebilir ve sayfanın düğme metinlerini özelleştirebilirsiniz. Bunun da ötesinde, afişler, rozetler ekleyebilir ve ürün başlığını, fiyatını, düğmeleri ve daha fazlasını düzenleyebilirsiniz.

ii. Ürün Sayfası

Ürün sayfası için görüntü yakınlaştırma, ışık kutusu ve görüntü kaydırıcı gibi çeşitli öğeleri kaldırabilirsiniz. Ayrıca, ürün sayfası sekmelerini ve tasarım öğelerini düzenlemek için ek seçeneklerle birlikte satır başına ürün resmi küçük resimlerinin sayısını da ayarlayabilirsiniz. Örneğin, Ürün Sayfası sekmelerini düzenleyebilir veya kaldırabilir, düğmeler ekleyebilir veya düzenleyebilir, başlıklar ekleyebilir ve daha fazlasını yapabilirsiniz.

iii. Hesap Sayfası

Hesap sayfası için birden fazla hesap sekmesini değiştirebilirsiniz. Buna pano, indirmeler, siparişler, adres, ayrıntılar ve oturum kapatma dahildir. Ayrıca, bir yan sekme ve yatay stil ile hesap sekmesi tasarımını da seçebilirsiniz.

iv. Sepet Sayfası

Sepet sayfası için de birden fazla özelleştirilebilir seçenek vardır. 'Alışverişe geri dön' düğmesini ekleyebilir, indirimleri gösterebilir, ekstra ürün bilgileri ekleyebilir ve ürün bağlantılarını kaldırabilirsiniz. Ayrıca, çapraz satışlar ve alışveriş sepeti araçları, boş alışveriş sepeti sayfası ve tasarım öğeleri için bazı ek seçeneklere de sahip olursunuz.

v. Ödeme Sayfası

StoreCustomizer, ödeme sayfasını özelleştirmenize de olanak tanır. Özel görüntüler ekleyebilir, ödeme alanlarını düzenleyebilir veya kaldırabilir ve tasarım öğelerini özelleştirebilirsiniz. Bir adım daha ileri gitmek istiyorsanız, ödeme sayfasını özelleştirmek için WooCommerce için Checkout Manager ve Direct Checkout gibi belirli eklentileri kullanabilirsiniz.

Bunlar, bu eklenti ile WooCommerce sayfalarınızda yapabileceğiniz şeylerden sadece birkaçı. Ancak mağazanızı daha da özelleştirmek ve bir sonraki düzeye taşımak istiyorsanız, her bir belirli sayfayı nasıl düzenleyeceğiniz konusunda kılavuzlarımızdan bazılarına göz atmanızı öneririz:

• WooCommerce Mağaza Sayfası nasıl özelleştirilir
• WooCommerce'de ödeme sayfasını düzenleyin
• WooCommerce Hesabım Sayfası nasıl özelleştirilir
• WooCommerce Ürün Sayfasını Özelleştirin

Çözüm

Sonuç olarak, size bazı WooCommerce sayfaları oluşturmanın ve yeniden yüklemenin farklı yollarını gösterdik. Sayfalarınızdan herhangi biri eksikse, bunları ekleyebilir veya yeniden yükleyebilirsiniz.

Bu kılavuzda, bunu yapmanın iki yöntemini açıkladık:

• WordPress kontrol panelinden
• Kısa kodları kullanma

Her iki yöntem de yeni başlayanlar için bile çok etkili ve kullanıcı dostudur. Panodan sayfa oluşturmak en hızlı seçenektir, ancak daha fazla esneklik istiyorsanız kısa kodları kullanabilirsiniz.

Ek olarak, WooCommerce varsayılan sayfalar için sınırlı özelleştirme seçeneklerine sahip olduğundan, StoreCustomizer kullanarak sayfalarınızı özelleştirmenin en kolay yollarından birini gördük. Bu eklenti, herhangi bir sayfayı düzenlemenize izin veren mükemmel bir çok yönlüdür. Ancak, belirli sayfalarda daha karmaşık özelleştirme yapmak istiyorsanız, kılavuzlarımızdan bazılarına göz atmanızı öneririz.

Son olarak, WooCommerce sayfalarını Divi ve Elementor kullanarak özelleştirmek istiyorsanız aşağıdaki gönderilere göz atın:

• Ürün sayfası Divi ile nasıl özelleştirilir
• Ürün sayfasını Elementor ile özelleştirin

Bu kılavuzu faydalı buldunuz mu? Mağazanız için sayfalar oluşturmak için hangi yöntemi kullandınız? Başka yollar biliyor musun? Aşağıdaki yorumlar bölümünde bize bildirin.