Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WooCommerce Sayfaları Nasıl Düzenlenir (Kodlama Gerekmez)

WooCommerce mağazanızı özelleştirmek, markanızı gerçekten yansıtan ve müşterilerinizin ihtiyaçlarını karşılayan bir alışveriş deneyimi oluşturmak için çok önemlidir. Ancak kodlamaya aşina değilseniz WooCommerce sayfalarını düzenlemek göz korkutucu görünebilir.

WPBeginner’da, WooCommerce ile ilgili çok sayıda eğitim yazdık ve insanların başarılı e-ticaret işletmeleri kurmalarına yardımcı olduk. Herkesin web geliştirme konusunda bir geçmişe sahip olmadığını biliyoruz, bu yüzden yeni başlayanlara uygun yöntemler sunmaya kararlıyız.

WooCommerce sayfalarınızı uyarlamak kullanıcı deneyimini iyileştirebilir, dönüşümleri artırabilir ve markanızın kimliğini daha iyi yansıtabilir.

Bu makalede, herhangi bir kodlama becerisi olmadan daha fazla satış yapmak için WooCommerce sayfalarını nasıl kolayca düzenleyebileceğinizi göstereceğiz.

How to Edit WooCommerce Pages

Online Mağazanız için WooCommerce Sayfalarını Neden Düzenlemelisiniz?

WooCommerce, çevrimiçi mağazanız için ürün, mağaza, hesap, ödeme ve alışveriş sepeti özelliklerini görüntülemek için birçok sayfa oluşturur.

Varsayılan olarak, WordPress temanız bu sayfaların nasıl görüneceğini kontrol eder. Aralarından seçim yapabileceğiniz bir ton harika WooCommerce teması vardır.

Ancak, bu sayfaları düzenlemek göründüğü kadar kolay olmayabilir.

Örneğin, ek ürünler gösteremeyebilir, üst satış özellikleri ekleyemeyebilir, düzeni değiştiremeyebilir ve daha fazlasını yapamayabilirsiniz.

İşte SeedProd burada devreye giriyor. WooCommerce sayfalarınızı tasarlamak için sezgisel bir sürükle ve bırak aracı kullanmanıza olanak tanıyan nihai WooCommerce sayfa oluşturucu eklentisidir.

SeedProd

Yapmanız gereken ilk şey SeedProd eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme eğitimimize bakın.

Bu makaledeki farklı yöntemler için, WooCommerce sayfalarını düzenlemek için gereken özelliklere sahip olduğu için SeedProd Pro sürümünü kullanacağız.

Etkinleştirmenin ardından, eklenti lisans anahtarınızı girmek için SeedProd ” Ayarlar sayfasını ziyaret etmeniz gerekir. Bu bilgiyi SeedProd web sitesindeki hesabınızda bulabilirsiniz.

Adding a SeedProd license key to WordPress

Lisans anahtarınızı girdikten sonra artık hazırsınız. Artık çevrimiçi mağazanız için yüksek düzeyde optimize edilmiş WooCommerce sayfaları düzenleyebilir ve oluşturabilirsiniz.

Bununla birlikte, WooCommerce sayfalarının nasıl düzenleneceğine adım adım göz atalım.

İstediğiniz yönteme atlamak için aşağıdaki bağlantılardan herhangi birine tıklayabilirsiniz:

Tamamen Özel Bir WooCommerce Teması Oluşturun

SeedProd, yerleşik eksiksiz bir WooCommerce tema oluşturucu ile birlikte gelir. Bu, WooCommerce temanızı kendinize ait özel bir tema ile değiştirmenize olanak tanır.

Bu yaklaşımın avantajı, WooCommerce temanızı düzenlerken daha fazla esneklik elde etmenizdir. Basit bir sürükle ve bırak aracını kullanarak herhangi bir sayfayı düzenleyebilirsiniz.

Başlamak için SeedProd ” Kurulum sayfasına gidin ve ‘Bir WooCommerce Mağazası Oluştur’ seçeneğinin yanındaki ‘Mağazam için bir tema seç’ düğmesine tıklayın.

Make a custom WooCommerce theme

Ardından, eklenti size başlangıç noktası olarak kullanabileceğiniz birçok kullanıma hazır WooCommerce teması gösterecektir.

Seçmek için bir şablonun üzerine tıklamanız yeterlidir.

WooCommerce template selection

Her WooCommerce veya WordPress teması, web sitenizin veya çevrimiçi mağazanızın farklı alanlarını gösteren bir şablon koleksiyonudur.

SeedProd şimdi temanız için bu şablonları oluşturacak ve size bunların bir listesini gösterecektir.

Theme templates

Artık farenizi bir şablonun üzerine getirebilir ve düzenlemeye başlamak için ‘Tasarımı Düzenle’ bağlantısına tıklayabilirsiniz.

Bu, SeedProd sayfa oluşturucu arayüzünü başlatacaktır.

Editing shop page for your WooCommerce theme

Sol sütundan tüm yaygın web sitesi yapı taşlarını ekleyebilirsiniz. Sağ tarafta, düzenlemekte olduğunuz sayfanın canlı bir önizlemesini göreceksiniz.

Ayrıca düzenlemek için herhangi bir öğenin üzerine gelip tıklayabilirsiniz.

Edit product grid

SeedProd, satış odaklı bir WooCommerce teması oluşturmak için ihtiyaç duyacağınız tüm WooCommerce bloklarıyla birlikte gelir.

Bir şablonda değişiklik yapmayı tamamladığınızda, değişikliklerinizi saklamak için ‘Kaydet’ düğmesine tıklamanız yeterlidir.

Save your WooCommerce theme template

Özel WooCommerce temanızdaki diğer şablonları düzenlemek için işlemi tekrarlamanız yeterlidir.

Tüm sayfaları düzenlemeyi tamamladıktan sonra, SeedProd ” Tema Oluşturucu sayfasına gidin ve ‘SeedProd Temasını Etkinleştir’ anahtarını açın.

Enable SeedProd theme

Özel WooCommerce temanız artık mevcut WooCommerce temanızın yerini alacaktır.

Şimdi, iş başında görmek için WordPress web sitenizi ziyaret edebilirsiniz.

Theme preview

Daha fazla bilgi edinmek için kodlama yapmadan özel bir WordPress temasının nasıl oluşturulacağına ilişkin eksiksiz eğitimimize göz atın.

Öte yandan, mevcut WooCommerce temanızı kullanmaya devam etmek ve web sitenizin yalnızca belirli bölümlerini düzenlemek istiyorsanız, okumaya devam edin.

WooCommerce Ödeme Sayfasını Özelleştirme

Herhangi bir e-ticaret mağazasındaki ödeme sayfası, müşteri yolculuğundaki en önemli adımlardan biridir.

Varsayılan olarak WooCommerce, satış ve dönüşümler için optimize edilmemiş sade bir ödeme deneyimi ile birlikte gelir.

Plain checkout experience

Ödeme sayfasında yapılacak küçük düzenlemeler, satışları artırmanıza ve mağazanızdaki alışveriş sepetinin terk edilmesini azaltmanıza yardımcı olabilir.

Örneğin, ödeme sayfasında bir ‘Sepete Ekle’ düğmesi ile ilgili ürünleri gösterebilirsiniz, böylece kullanıcılar satın almak istedikleri başka bir şey de görebilirler.

Özel ödeme sayfanızı oluşturmak için SeedProd ” Açılış Sayfaları bölümüne gidin ve ‘Yeni Açılış Sayfası Ekle’ seçeneğine tıklayın.

Add new landing page

Ardından, sayfanız için bir şablon seçmeniz istenecektir.

Ekrandaki şablonlardan birini seçebilir ve bir ödeme sayfası oluşturmak için düzenleyebilir veya boş bir şablonla başlayabilirsiniz.

Choose a blank template

Bu eğitim için boş şablonu kullanacağız, ancak siz bunlardan herhangi birini seçebilirsiniz.

Ardından, sayfa için bir başlık ve URL sağlamanız gerekecektir. Bu sayfayı kolayca tanımlamanıza yardımcı olacak herhangi bir şey kullanabilirsiniz.

page name and url

Devam etmek için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Bu, SeedProd’un sayfa oluşturucu arayüzünü başlatacaktır; burada sayfa düzeninizi oluşturmak için blokları sürükleyip bırakabilirsiniz.

Page builder launched

İlk olarak, bir başlık eklemeli ve ardından bunu kendi markanızla özelleştirmelisiniz.

SeedProd, genellikle birlikte kullanılan blok koleksiyonları olan bölümlerle birlikte gelir. Bir başlık bölümü eklemek için ‘Bölümler’ sekmesine tıklayın ve ardından ‘Başlık’ kategorisini seçin.

Add header section

Ardından, farenizi bir başlığın üzerine getirin ve sayfanıza eklemek için ‘Ekle (+)’ düğmesine tıklayın.

Artık her bloğa tıklayıp kendi logonuz, menünüz ve harekete geçirici mesajınızla değiştirerek başlık bölümünü düzenleyebilirsiniz.

Edit header page

Başlıktan memnun olduğunuzda, iki sütunlu bir düzen ekleyin.

Bu iki sütunlu düzeni, ödeme formunu ve üst satış ürünlerini, referansları ve diğer öğeleri görüntülemek için kullanabilirsiniz.

Choose layout

Bundan sonra, sol taraftaki menüden Checkout bloğunu eklemeniz gerekir.

Daha geniş olan ve mobil cihazlarda ilk olarak görünecek olan sol sütuna ekleyin.

Add checkout block

Ardından, sağ sütuna bloklar eklemeniz gerekir. Bu, kullanıcıları satın alma işlemini tamamlamaya ikna etmek için kullanabileceğiniz alandır.

Buraya bir referans bloğu ekleyebilir veya en popüler ürünlerinizi gösterebilirsiniz.

Upsell products

İşte daha yüksek dönüşümler için ödeme sayfanıza ekleyebileceğiniz birkaç şey daha:

  • PayPal ve Stripe tarafından sağlanan güvenli ödeme rozetleri veya Trustpilot değerlendirme puanınız gibi güven rozetleri.
  • Gerçek zamanlı müşteri etkinliği gibi daha fazla sosyal kanıt
  • SeedProd’da Google yorumlarını görüntülemek için İşletme Yorumları bloğu

Ödeme sayfanızı düzenlemeyi tamamladıktan sonra, ‘Kaydet’in yanındaki oka ve ardından ekranın sağ üst köşesindeki ‘Yayınla’ya tıklamayı unutmayın.

Save and publish

Ardından, WooCommerce’e tüm müşteriler için özel ödeme sayfanızı kullanmaya başlamasını söylemeniz gerekir.

WooCommerce ” Ayarlar sayfasına gidin ve ‘Gelişmiş’ sekmesine geçin.

Use your custom checkout page

‘Sayfa Kurulumu’ sekmesi altında, ‘Ödeme sayfası’ seçeneği için özel ödeme sayfanızı seçin. Ayarlarınızı kaydetmek için ‘Değişiklikleri kaydet’ düğmesine tıklamayı unutmayın.

Artık yeni bir tarayıcı sekmesinde mağazanıza gidebilir ve sepetinize bir ürün ekleyerek yeni ödeme deneyimini deneyebilirsiniz.

Preview your custom checkout page

Daha fazla ayrıntı için WooCommerce ödeme sayfasını özelleştirme eğitimimize bakabilirsiniz.

Bonus İpucu: Yeni sepet sayfanızın nasıl performans gösterdiğini görmek ister misiniz? Tüm dönüşümlerinizi takip etmek için yeni başlayanlar için WordPress dönüşüm takibi eğitimimize göz atın.

WooCommerce Ödeme Formunu Özelleştirme

Ödeme sayfası, birçok kullanıcının alışveriş sepetini terk ettiği alanlardan biridir.

Kullanıcıların alışverişlerini tamamlamalarını sağlamanın en kolay yolu, daha iyi bir ödeme deneyimi sunmaktır.

FunnelKit işte bu noktada yardımcı olabilir. Hunileri, ödeme sayfalarını, alışveriş sepeti deneyimini ve daha fazlasını optimize etmenizi sağlayan WooCommerce için en iyi satış hunisi oluşturucularından biridir.

FunnelKit Automations

Düzinelerce şablon, huni oluşturma sihirbazı ve sepet ve ödeme sayfalarınız için sürükle ve bırak düzenleme özelliğine sahiptir.

Öncelikle, web sitelerini ziyaret ederek bir FunnelKit planına kaydolmanız gerekir.

Not: Satış hunilerinin, üst satışların, sipariş artışlarının ve diğer özelliklerin kilidini açmak için en azından Plus planına ihtiyacınız olacak.

Bundan sonra, FunnelKit Builder ve FunnelKit Builder Pro eklentilerini yüklemeniz ve etkinleştirmeniz gerekir. Bunları FunnelKit web sitesinde hesabınızın altında bulabilirsiniz.

FunnelKit plugins

Yardıma mı ihtiyacınız var? Bir WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.

Etkinleştirmenin ardından, eklenti lisans anahtarlarınızı sağlamanız istenecektir. Bunları FunnelKit web sitesinde hesabınızın altındaki İndirilenler sayfasında bulabilirsiniz.

İşiniz bittiğinde, WooCommerce ödeme formunu özelleştirmeye hazırsınız demektir.

WordPress yönetici kontrol panelindeki FunnelKit ” Mağaza Ödeme sayfasına gidin ve ‘Mağaza Ödeme Oluştur’ düğmesine tıklayın.

Create a store checkout

Bir sonraki ekranda, öncelikle editör arayüzünüzü seçmeniz gerekir.

FunnelKit şablonları varsayılan Gutenberg editörü, Elementor, Divi, Oxygen veya başka bir sayfa oluşturucu ile kısa kodlar kullanılarak düzenlenebilir.

Bundan sonra bir şablon seçmeniz gerekir. Aralarından seçim yapabileceğiniz düzinelerce güzel şablon var. Şablonun canlı önizlemesini görmek için ‘Önizleme’ düğmesine tıklamanız yeterlidir.

Önizlemede tek adımlı veya çok adımlı bir ödeme sayfası arasında seçim yapabilirsiniz. Bundan sonra, üstteki ‘Bu Huniyi İçe Aktar’ düğmesine tıklamanız yeterlidir.

Funnel Importer

Ardından, huniniz için bir ad girmeniz istenecektir.

Daha sonra tanımlamanıza yardımcı olacak herhangi bir isim verebilirsiniz. Ardından, devam etmek için ‘Tamam’ düğmesine tıklayın.

Give your custom cart a name

FunnelKit şimdi özel ödeme sayfanızı oluşturacaktır.

Bundan sonra, sayfa kontrol panelini göreceksiniz. Buradan ödeme sayfanızı düzenleyebilir, daha fazla adım ekleyebilir veya bir sipariş tümseği ekleyebilirsiniz.

Editing custom checkout page

Bir sayfayı düzenlemek, sayfayı daha önce seçtiğiniz düzenleyicide açacaktır.

Bu eğitim için Gutenberg’i seçtik. Ödeme sayfasındaki her bir öğe, seçmek için tıklayarak düzenleyebileceğiniz bir bloktur.

Checkout page editor

Ayrıca ‘Blok Ekle’ düğmesine tıklayarak yeni bloklar ekleyebilirsiniz.

Değişiklikleri yapmayı tamamladıktan sonra, ‘Güncelle’ düğmesine tıklamayı unutmayın.

Bu sizi Ödeme sayfası kontrol paneline geri getirecektir. Buradan, ‘Alanlar’ sekmesine geçmeniz gerekir.

Fields editor

Burası ödeme formu alanlarını düzenleyebileceğiniz yerdir. Bu örnekte, iki aşamalı bir ödeme formu kullanıyoruz. Bu, ödemeden önce iletişim bilgilerini yakalamanıza olanak tanır.

Sağ sütundan yeni form alanları da ekleyebilirsiniz. Varsayılan olarak, eklenti yaygın olarak kullanılan ödeme alanlarını gösterir.

Ancak, özel bir form alanı eklemek için ‘Yeni Alan Ekle’ düğmesine tıklayabilirsiniz.

Add new custom field

Bu, alan türünü seçebileceğiniz, bir meta anahtar sağlayabileceğiniz ve bir etiket girebileceğiniz bir açılır pencere gösterecektir.

Ayrıca alanı ‘gerekli’ hale getirebilir ve ödeme veya teşekkür sayfasına atayabilirsiniz.

Create a custom checkout field

Form ayarlarınızı saklamak için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

FunnelKit, daha sorunsuz bir deneyim için ödeme sayfanıza ekleyebileceğiniz bir dizi optimizasyonla birlikte gelir.

Sadece ‘Optimizasyonlar’ sayfasına geçin ve ödeme sayfasına uygulayabileceğiniz optimizasyonların bir listesini göreceksiniz.

Checkout page optimizations

Yapılandırmak için bir optimizasyona tıklamanız ve ardından değişikliklerinizi kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklamanız yeterlidir.

Ardından, ödeme huninizde Analytics, Facebook pikseli, özel komut dosyaları veya CSS’yi etkinleştirmek için ‘Ayarlar’ sekmesine geçin.

Funnel settings

Değişikliklerinizi uygulamak için ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.

Son olarak, Ödeme sayfası başlığının yanındaki ‘Taslak’ düğmesine tıklamanız ve bunu ‘Yayınla’ olarak değiştirmeniz gerekir. Bu, mevcut ödeme sayfanızı yeni oluşturduğunuz özel huni ile değiştirecektir.

Publish Checkout page

Artık oluşturduğunuz özel ödeme deneyimini test etmek için mağazanızı yeni bir tarayıcı sekmesinde ziyaret edebilirsiniz.

Demo web sitemizde bu şekilde görünüyordu.

Previewing custom checkout page

WooCommerce’e Tek Sayfalık Ödeme Ekleme

FunnelKit ayrıca tek sayfalık bir ödeme deneyimi oluşturmanıza da olanak tanır.

FunnelKit ” Store Checkout sayfasını ziyaret etmeniz ve ‘Create Store Checkout’ seçeneğine tıklamanız gerekir.

Create a store checkout

Şablon seçiminde, en üstteki ‘Tek Adım’ seçeneğine tıklamanız yeterlidir.

Bundan sonra, devam etmek için ‘Bu Huniyi İçe Aktar’ düğmesine tıklayın.

One-Step checkout

Daha sonra şablonunuzu tercih ettiğiniz düzenleyicide düzenlemeye devam edebilirsiniz. Daha ayrıntılı talimatlar için bu eğitimin önceki bölümüne bakın.

WooCommerce’e Kaydırmalı Sepet Ekleme

Çoğu WooCommerce teması ayrı bir sepet sayfası ile birlikte gelir. Bu sepet deneyimi, alışveriş ve ödeme deneyimlerine sürtünme katar.

Kullanıcıların ürün kalitesini ayarlamaları veya sepetten ürün çıkarmaları gerekiyorsa, sepeti güncellemek için o anda görüntüledikleri sayfadan ayrılmaları gerekir.

Bu, WooCommerce‘e bir kayar sepet eklenerek düzeltilebilir.

Kaydırmalı sepet, ekranda bir sepet düğmesi gösterir. Düğmeye tıklandığında, kullanıcının sepete eklediği ürünleri içeren bir kayar menü görüntülenir.

Slide-in Cart

Kullanıcılar artık sayfadan ayrılmadan sepeti düzenleyebilir ve güncelleyebilir.

FunnelKit, çevrimiçi mağazanızla sorunsuz bir şekilde entegre olan güzel bir kayar sepet özelliğine sahiptir. Hatta bu özelliği ürün satmak, ödeme yapmayı teşvik etmek, indirim sunmak ve daha fazlası için kullanabilirsiniz.

Öncelikle FunnelKit web sitesini ziyaret etmeniz ve bir hesap açmanız gerekir.

Not: Kayar sepet özelliklerine erişmek için en az Plus planına ihtiyacınız olacaktır.

Kaydolduktan sonra, FunnelKit Cart eklentisini indirmek için FunnelKit web sitesindeki hesabınıza gidin.

FunnelKit cart

Ardından, eklentiyi yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.

Eklentiyi etkinleştirdikten sonra, kayar sepet ayarlarını yapılandırmak için FunnelKit “ Sepet sayfasına gitmelisiniz.

Cart settings

Buradan, sol tarafınızda birçok seçenek ve kayar sepetinizin nasıl görüneceğine dair canlı bir önizleme göreceksiniz.

FunnelKit çok sayıda özelleştirme seçeneği sunar. Örneğin, farklı stiller arasından seçim yapabilir, sepet simgelerini seçebilir, düğme metnini değiştirebilir ve daha fazlasını yapabilirsiniz.

Ayrıca üst satış ürünleri veya çapraz satış ürünleri ekleyebilir, indirimler sunabilir ve alışveriş sepeti deneyimini çok daha cazip hale getirebilirsiniz.

Additional cart settings

Değişikliklerinizi yayınlamak için ‘Kaydet’ düğmesine tıklamayı unutmayın.

Artık canlı mağazanızdaki kayar sepeti test etmek için web sitenizi ziyaret edebilirsiniz.

WooCommerce Sepet Sayfasını Özelleştirme

WooCommerce, kullanıcıların ödeme sayfasına devam etmelerini sağlayan varsayılan bir sepet sayfasına sahiptir.

Varsayılan olarak, müşterilerin sepetlerine ekledikleri ürünleri gösterir. Ancak araştırmalar, müşterilerin %70’inden fazlasının satın alma işlemini tamamlamadan online mağazadan ayrıldığını gösteriyor.

WooCommerce temaları genellikle dönüşümler için optimizasyon içermeyen sıkıcı bir alışveriş sepeti sayfasıyla birlikte gelir.

WooCommerce default cart experience

WooCommerce sepet sayfanızı özelleştirerek, sepetten vazgeçme oranını kolayca azaltabilir ve satışları artırabilirsiniz.

Özel ödeme sayfanızı oluşturmak için SeedProd ” Açılış Sayfaları bölümüne gidin ve ‘Yeni Açılış Sayfası Ekle’ seçeneğine tıklayın.

Add new landing page

Ardından, sayfanız için bir şablon seçmeniz istenecektir.

Ekrandaki şablonlardan birini seçebilir ve bir sepet sayfası oluşturmak için düzenleyebilir veya boş bir şablonla başlayabilirsiniz.

Choose a blank template

Bu eğitim için boş şablonu kullanacağız.

Ardından, sayfa için bir başlık ve URL sağlamanız gerekecektir. Bu sayfayı kolayca tanımlamanıza yardımcı olacak herhangi bir şey kullanabilirsiniz.

Cart page tiitle and URL

Bu, SeedProd oluşturucu arayüzünü başlatacaktır.

‘Bölümler’ sekmesine geçerek ve boş şablonunuza bir başlık ekleyerek başlayabilirsiniz.

Add header section

Bundan sonra, başlık alanını istediğiniz gibi düzenlemek için işaret etmekten ve tıklamaktan çekinmeyin.

Bunun altına, diğer sepet sayfası bloklarını eklemek için kullanacağınız iki sütunlu bir düzen eklemeniz gerekir.

Add layout columns

Ardından, sağ sütuna ‘Sepet’ bloğunu ekleyin.

Şimdi, sepetiniz şu anda boş olduğu için herhangi bir ürün göstermeyecektir. Mağazanıza gidin, sepetinize birkaç ürün ekleyin ve ardından SeedProd sayfa oluşturucuyu yeniden yükleyin.

Add the cart block

Bundan sonra, sepet sayfanızı geliştirmek için başka öğeler ekleyebilirsiniz.

Örneğin, referanslar ekleyerek başlayabilir veya FOMO etkisini tetiklemek için bir geri sayım say acı ekleyebilirsiniz.

Upsell and create FOMO

Farklı bloklar ekleyerek, renkleri ve genişliği değiştirerek oynamaktan çekinmeyin.

Düzenlemeyi tamamladıktan sonra, ekranın sağ üst köşesindeki ‘Kaydet ve Yayınla’ seçeneğine tıklamayı unutmayın.

Save and publish

Ardından, WooCommerce’e tüm müşteriler için özel sepet sayfanızı kullanmaya başlamasını söylemeniz gerekir.

WooCommerce ” Ayarlar sayfasına gidin ve ‘Gelişmiş’ sekmesine geçin.

Use custom cart page

Artık çevrimiçi mağazanızı yeni bir tarayıcı sekmesinde ziyaret edebilirsiniz.

Birkaç ürün eklemeye başlayın ve ardından yeni sepet sayfanızı çalışırken görmek için sepet sayfasına gidin.

Cart page preview

WooCommerce Ürün Sayfalarını Düzenleme

WooCommerce temaları, web sitenizdeki tüm ürünleri görüntülemek için aynı şablonu kullanır.

Ancak, bazı ürünleri diğerlerinden daha fazla tanıtmak isteyebilirsiniz. Önemli ürünleri ayırt etmek için yapabileceğiniz en iyi şey, onları öne çıkan ürünler haline getirmektir.

SeedProd, özel ürün sayfaları oluşturmanıza olanak tanır. Daha yüksek dönüşümler için özel olarak tasarlanmış iyi tasarlanmış bir şablon kullanabilir ve ardından sadece ürün bilgilerinizle doldurabilirsiniz.

Başlamak için SeedProd ” Açılış Sayfaları bölümüne gidin ve ardından ‘Yeni Açılış Sayfası Ekle’ seçeneğine tıklayın.

Add new landing page

Ardından, sayfanız için bir şablon seçmeniz istenecektir.

Ekrandaki şablonlardan birini seçebilir ve bir ürün sayfası oluşturmak için düzenleyebilirsiniz. ‘Satış’ sekmesi altında dönüşümler için optimize edilmiş çeşitli şablonlar bulacaksınız.

Choose a template to create a product page

Bir şablon seçmek için tıklamanız ve devam etmeniz yeterlidir.

Ardından, bir sayfa başlığı ve URL sağlamanız istenecektir. Başlık ve URL olarak ürün adını kullanabilirsiniz.

Product page title and URL

Devam etmek için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Bu, SeedProd sayfa oluşturucu arayüzünü seçtiğiniz şablonla başlatacaktır. Düzenlemek için sayfadaki herhangi bir öğenin üzerine gelip tıklayabilirsiniz.

Editing product page

Logo, gezinme menüsü ve harekete geçirici mesaj düğmesi gibi başlık öğelerini kendi öğelerinizle değiştirerek başlayabilirsiniz.

Bundan sonra, görselleri ürün görsellerinizle değiştirebilir ve metni gerektiği gibi düzenleyebilirsiniz.

Add your product details with add to cart button

Son olarak, eylem çağrısını Sepete Ekle bloğu ile değiştirebilirsiniz.

Bundan sonra, Sepete Ekle bloğu ayarlarına ürün kimliğini girmeniz gerekir. Ayrıca düğme metnini değiştirebilir, alt metin, renk ve kaydırma hizalaması ekleyebilirsiniz.

Edit cart bundle

Bir ürün kimliğini bulmak için ayrı bir tarayıcı sekmesinde WordPress yönetici alanındaki Ürünler ” Tüm Ürünler sayfasına gitmeniz gerekir.

Fareyi tanıtmak istediğiniz ürünün üzerine getirdiğinizde, ürün kimliği diğer bağlantılarla birlikte görünecektir.

Finding a product ID in WooCommerce

Ürün sayfanızı daha etkili hale getirmek için bu ipuçlarını deneyebilirsiniz:

  • Kullanıcıların ürünü net bir şekilde inceleyebilmesi için yakınlaştırma efektli yüksek kaliteli ürün görselleri ekleyin.
  • Ana eylem çağrınızın altında, ürün özelliklerini vurgulayan ve müşterilere daha fazla bilgi sağlayan farklı satırlar oluşturabilirsiniz.
  • FOMO etkisini tetiklemek için sosyal kanıtı kullanın.

Ürün sayfanızı düzenlemeyi tamamladığınızda, en üstteki ‘Kaydet ve Yayınla’ düğmesine tıklamayı unutmayın.

Save and publissh product page

Yayınlandıktan sonra, ‘Önizleme’ düğmesine tıklayarak ürün sayfanızı görüntüleyebilirsiniz.

Bu, web sitenizde artık tanıtmaya başlayabileceğiniz canlı ürün sayfasını gösterecektir.

Product page preview

Daha fazla ayrıntı ve bonus ipuçları için WooCommerce ürün sayfalarını özelleştirme eğitimimize bakın.

WooCommerce Mağazanız için Mağaza Sayfasını Özelleştirme

WooCommerce, ürünlerinizi mağaza sayfasında kolayca görüntülemenizi sağlar. Temel olarak ürünlerinizin ızgara düzeninde görüntülendiği bir sayfadır.

Çoğu WooCommerce temasındaki mağaza şablonu sıkıcıdır ve satış ve dönüşümler için optimize edilmemiştir. Bunun da ötesinde, özelleştirmek için genellikle hiç seçenek yoktur veya çok az seçenek vardır.

SeedProd, bir WooCommerce mağaza sayfasını kolayca oluşturmanıza ve özelleştirmenize olanak tanır. Kendi düzeninizi ve tasarımınızı seçebilir ve bu sayfayı daha yüksek dönüşümler için optimize edebilirsiniz.

Başlamak için SeedProd ” Açılış Sayfaları bölümüne gidin ve ardından ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklayın.

Add new landing page

Ardından, sayfanız için bir şablon seçmeniz istenecektir.

Ekrandaki şablonlardan birini seçebilir ve mağaza sayfanızı oluşturmak için düzenleyebilirsiniz.

Choose a template to create a product page

Bir şablon seçmek için tıklamanız ve devam etmeniz yeterlidir.

Ardından, bir sayfa başlığı ve URL sağlamanız istenecektir. Bunun ana mağaza sayfası olduğunu belirtmek için Mağaza, Mağaza veya Vitrin gibi bir şey kullanabilirsiniz.

Shop page

Devam etmek için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Bu, SeedProd sayfa oluşturucu arayüzünü seçtiğiniz şablonla başlatacaktır. Düzenlemek için sayfadaki herhangi bir öğenin üzerine gelip tıklayabilirsiniz.

Editing product page

Logo, gezinme menüsü ve harekete geçirici mesaj düğmesi gibi başlık öğelerini kendi öğelerinizle değiştirerek başlayabilirsiniz.

Bundan sonra, üst kısma büyük bir görsel ve ana harekete geçirici mesajınızı içeren bir kahraman bölümü ekleyebilirsiniz.

Shop header

Bunun altında, ürünlerinizi görüntülemek için WooCommerce bloklarını kullanabilirsiniz.

Son, öne çıkan, en çok satan, en çok beğenilen ve indirimli ürünler arasından seçim yapabilirsiniz.

Display products

Bir ürün bloğu ekledikten sonra, nasıl görüneceğini de özelleştirebilirsiniz.

SeedProd, ürün sayısını, sıralama seçeneklerini, sütunları ve daha fazlasını seçmenize olanak tanır.

Product display options

Daha fazla metin, özel teklifler, bannerlar, SSS bölümü ve daha fazlasını ekleyerek bu sayfayı daha da optimize edebilirsiniz.

Düzenlemeyi tamamladıktan sonra, en üstteki ‘Kaydet ve Yayınla’ seçeneğine tıklamayı unutmayın.

Save and publissh product page

Sayfanızı kaydettikten sonra, çalışmasını görmek için ‘Önizleme’ düğmesine tıklayın.

SeedProd sayfayı yeni bir tarayıcı sekmesinde açacaktır.

Shop page preview

Artık navigasyon menünüzdeki Mağaza sayfasına giden bağlantıları özel mağaza sayfanızla değiştirebilirsiniz.

WooCommerce Teşekkür Sayfasını Özelleştirme

WooCommerce ‘Teşekkürler’ sayfası, bir müşteri bir satın alma işlemini tamamladığında görünür. Varsayılan olarak, WooCommerce bu sayfada yalnızca sipariş ayrıntılarını gösterir.

Default thank you page in WooCommerce

Bu, müşterilere keşfedecekleri daha fazla seçenek sunmaz. Bu bir tür çıkmaz sokaktır ve satış ve dönüşümler için kaçırılmış bir fırsattır.

Neyse ki, SeedProd ile özel bir teşekkür sayfası oluşturarak bunu düzeltebilirsiniz.

Başlamak için SeedProd ” Açılış Sayfaları bölümüne gidin ve ardından ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklayın.

Add new landing page

Ardından, sayfanız için bir şablon seçmeniz istenecektir.

‘Teşekkür’ sekmesine geçtiğinizde bir dizi teşekkür sayfası şablonu bulacaksınız. Bunlardan birini seçebilir veya boş bir şablonla bile başlayabilirsiniz.

Thank you page templates

Ardından, sayfanız için bir başlık ve URL seçmeniz istenecektir.

Sayfanız için ‘Teşekkürler’ veya başka anlamlı bir başlık kullanabilirsiniz.

Thank you page title

Devam etmek için ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Bu, şablonunuzun canlı bir önizlemesini göreceğiniz SeedProd sayfa oluşturucu arayüzünü başlatacaktır. Önizlemedeki herhangi bir öğeyi düzenlemek için işaret edip tıklayabilir veya sol sütundan yeni bloklar ekleyebilirsiniz.

Edit thank you page

Artık bu fırsatı, WooCommerce ürün ızgara blokları ekleyerek e-posta listenizi tanıtmak veya ürünleri satmak için kullanabilirsiniz.

Etkili bir Teşekkür sayfası oluşturmak için farklı başlıklar, metin kopyaları ve ürünlerle denemeler yapmaktan çekinmeyin.

İşiniz bittiğinde, ekranın sağ üst köşesindeki ‘Kaydet ve Yayınla’ düğmesine tıklamayı unutmayın.

Save and publissh product page

Özel teşekkür sayfanız artık yayında. Ancak yine de WooCommerce’e bu sayfayı varsayılan Teşekkür sayfanız olarak kullanmasını söylemeniz gerekir.

Bunu yapmak için, Thanks Redirect for WooCommerce eklentisini yüklemeniz ve etkinleştirmeniz gerekecektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki eğitimimize bakın.

Etkinleştirmenin ardından WooCommerce ” Ayarlar sayfasına gidin ve ‘Ürünler’ sekmesine tıklayın.

Redirect thank you page in WooCommerce

Buradan, ‘Küresel Teşekkür Yönlendirmesini Etkinleştir’ seçeneğini işaretlemeniz gerekir. Bundan sonra, ‘Teşekkürler Yönlendirme URL’si’ etiketli bir alan göreceksiniz.

Yeni WooCommerce Teşekkür sayfası URL’nizi bu kutuya yapıştırın ve ardından ‘Değişiklikleri Kaydet’ düğmesine tıklayın.

Artık müşteriler bir satın alma işlemini tamamladıklarında, yüksek düzeyde optimize edilmiş özel Teşekkür sayfanızı görecekler. Mağazanızın geri kalanına tıklama ve arama yapma olasılıkları, varsayılana göre çok daha yüksek olacak.

Custom thank you page in WooCommerce

Umarız bu makale, WooCommerce sayfalarını kod yazmadan nasıl kolayca düzenleyebileceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, dönüşümlerinizi artırmak için eksiksiz WooCommerce SEO kılavuzumuzu veya en iyi WooCommerce satış hunisi eklentileri için uzman seçimlerimizi görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

5 yorumBir Cevap Bırakın

  1. THANKGOD JONATHAN

    As an online store owner, I often need to make changes to my WooCommerce pages without any coding knowledge required. WPBeginner’s guide on editing WooCommerce pages has been incredibly helpful in meeting this need.
    With the help of plugins like Elementor and Beaver Builder, I’m now able to easily create custom WooCommerce pages without any coding knowledge required.
    This has saved me a lot of time and effort compared to manually editing the code for these pages.

  2. Ralph

    This article is a lifesaver for non-tech-savvy WooCommerce users like myself who want to make changes to their online store without learning how to code. This is great that a lot of things are now drag and drop.

    However, I have a question. Is it better to have shop.domain or domain/shop?
    Does it make any difference from seo point of view? Or any else?

    • WPBeginner Support

      It should not make a major SEO difference either way, if you wanted everything on the same site it is easier to do domain/shop while if you wanted to create a store specific subsite the store.domain is normally the method to use.

      Yönetici

  3. Ruth

    thanks for sharing. will installing this plugin displace my already installed Elementor builder?

    • WPBeginner Support

      This plugin is normally an alternative to Elementor so there is a good chance that it will be a replacement plugin for you :)

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.