WooCommerce Ürün Sayfaları Nasıl Özelleştirilir (Kod Yöntemi Yok)


Herhangi bir kod yazmak zorunda kalmadan WooCommerce ürün sayfalarını özelleştirmek ister misiniz?

WooCommerce ürün sayfalarınızı özelleştirerek, dönüşüm oranınızı iyileştirebilir ve mevcut web sitesi ziyaretçilerinizden daha fazla satış elde edebilirsiniz.

Bu yazıda, herhangi bir teknik bilgi olmadan WooCommerce ürün sayfalarını nasıl özelleştireceğinizi göstereceğiz.

How to customize WooCommerce product pages (no code method)

WordPress'te WooCommerce Ürün Sayfalarını Neden Özelleştirin?

WooCommerce ürün sayfalarınız, çevrimiçi mağazanızdaki en değerli sayfalardan bazılarıdır. Sorun, varsayılan WooCommerce ürün sayfalarının dönüşümler için optimize edilmemiş olmasıdır.

WooCommerce ürün sayfalarınızı özelleştirerek, ziyaretçilerinizi çok daha yüksek oranda müşteriye dönüştürecek benzersiz ürün açılış sayfaları oluşturabilirsiniz.

Bu, mağazanızın ek trafiğe ihtiyaç duymadan daha fazla gelir elde edebileceği anlamına gelir.

WooCommerce ürün sayfalarınızı özelleştirmeye başlamadan önce, çevrim içi mağazanızı desteklemek için en hızlı WooCommerce barındırma hizmetine sahip olduğunuzdan emin olmanız gerekir çünkü hız, dönüşümü etkiler.

Bununla birlikte, WooCommerce ürün sayfalarını kod olmadan nasıl özelleştirebileceğinize bir göz atalım.

WordPress'te WooCommerce Ürün Sayfalarınızı Nasıl Özelleştirirsiniz?

SeedProd, 1 milyondan fazla web sitesi tarafından kullanılan en iyi sürükle ve bırak sayfa oluşturucusudur. WooCommerce ürün sayfalarınızı kolayca özelleştirmenize ve satışları artırmanıza olanak tanır.

Yapmanız gereken ilk şey, SeedProd eklentisini kurmak ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Not: Kullanabileceğiniz ücretsiz bir SeedProd sürümü vardır, ancak bu eğitim için, yerleşik WooCommerce bloklarına sahip olduğundan Pro sürümünü göstereceğiz.

Aktivasyon üzerine, SeedProd » Ayarlar'ı ziyaret etmeniz ve lisans anahtarınızı girmeniz gerekir.

Enter SeedProd license key

Bu bilgiyi SeedProd web sitesinde hesabınızın altında bulabilirsiniz.

Ardından, SeedProd »Sayfalarını ziyaret etmeniz ve ardından 'Yeni Açılış Sayfası Ekle'yi tıklamanız gerekir.

Add new SeedProd landing page

Bir sonraki ekranda bir şablon seçmeniz istenecektir. SeedProd, aralarından seçim yapabileceğiniz düzinelerce profesyonelce tasarlanmış şablona sahiptir.

Yüksek dönüşüm sağlayan bir WooCommerce ürün sayfası oluşturduğunuz için, 'Satış' seçeneğini belirleyin ve ardından şablonlardan birini seçin.

Seçmek için bir şablona tıklamanız yeterlidir.

Select SeedProd page template

'Akşam Yemeği Satış Sayfası' şablonunu kullanacağız, ancak istediğiniz herhangi bir şablonu seçebilirsiniz.

Ardından, sayfanıza bir ad vermeniz istenecek ve ardından 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesini tıklayın.

Name WooCommerce product page

Bu, sürükle ve bırak sayfa oluşturucu arayüzünü başlatacaktır.

Seçtiğiniz şablonun canlı bir önizlemesini göreceksiniz, burada sayfadaki herhangi bir öğeyi seçmek ve düzenlemek için işaret edip tıklayabilirsiniz.

SeedProd page editor screen

Sol sütunda, ürün sayfanıza ekleyebileceğiniz yeni bloklar bulunur.

Ardından, bu sayfayı bir WooCommerce ürün sayfasına daha çok benzetmek için birkaç blok ekleyeceğiz.

İlk olarak, resme tıklayın ve ürününüzün bir resmiyle değiştirin. Bir resim yükleyecek veya medya kitaplığınızdan birini seçeceksiniz.

Edit product image

Bundan sonra, ürün başlığını ve metnini, bu öğelere tıklayarak ve bunları doğrudan sayfa düzenleyicide değiştirerek değiştirebilirsiniz.

Soldaki menü, boyutu, hizalamayı ve daha fazlasını değiştirmenizi sağlar.

Change product headline and copy

Son olarak, standart bir WooCommerce ürün sayfası gibi bir 'Sepete Ekle' düğmesi ekleyeceğiz.

'Sepete Ekle' WooCommerce bloğunu bulmanız ve sayfanıza sürüklemeniz gerekir.

Insert add to cart button

Artık WooCommerce ürün sayfanızın temellerine sahip olduğunuza göre, size dönüşümlerinizi iyileştirecek öğeleri nasıl ekleyeceğinizi göstereceğiz.

İlk olarak, müşterilerinize ürününüzün yüksek kalitede olduğunu göstermek için bir ürün yıldız derecelendirmesi ekleyelim.

'Yıldız Derecelendirmesi' bloğunu sürükleyin ve görüntülenmesini istediğiniz sayfa önizlemesine bırakın.

Add star rating block

Yıldız sayısı, boyut, toplam puan sayısı ve daha fazlası üzerinde tam kontrole sahipsiniz.

Bundan sonra, bir müşteri referansları bloğu ekleyeceğiz. Ürün referansları eklemek, sosyal kanıtlarınızı ve ürün dönüşümlerinizi iyileştirmenize yardımcı olabilir.

Müşteri referanslarını toplamanın bir yolunu arıyorsanız, WordPress için en iyi referans eklentileri listemize bakın.

Referans eklemek için, 'Görüşler' bloğunu, görüntülenmesini istediğiniz sayfaya sürüklemeniz yeterlidir.

Add product testimonials block

Referansı tamamen özelleştirebilir, bir resim ekleyebilir ve referans metnini değiştirebilirsiniz.

Referans öğesine tıkladığınızda, sol taraftaki menüden tüm görüntüleme seçeneklerini değiştirebilirsiniz.

Birden fazla referans eklemek istiyorsanız, 'Görüş Ekle' düğmesini tıklayın. Bu, müşteri referanslarınızın otomatik olarak dönen bir karuselini oluşturacaktır.

Customize product testimonials

Ardından, Amazon ürün sayfalarındaki soru-cevap bölümüne benzer bir ürün SSS bölümü ekleyebilirsiniz.

'Akordeon' bloğunu tıklayın ve sayfanıza sürükleyin ve ardından soldaki düzenleme ekranını getirmek için öğeye tıklayın.

Add FAQ drop down accordion

Burada başka bir SSS açılır menüsü ekleyebilir, yazı tipi boyutunu, rengini ve daha fazlasını değiştirebilirsiniz.

SSS metnini doğrudan sayfa önizlemesinden değiştirebilirsiniz.

Customize product FAQ text

Yukarıdaki SeedProd WooCommerce bloklarını ürün sayfalarınıza eklemek, dönüşümlerinizi iyileştirmeye yardımcı olacaktır.

SeedProd, ürün sayfalarınıza da ekleyebileceğiniz birkaç ek WooCommerce bloğuna sahiptir.

Bir bahar eşantiyon indirimi veya Kara Cuma indirimi yapıyorsanız, aciliyet yaratmak için 'Geri Sayım' bloğunu kullanabilirsiniz.

Product countdown timer

Ayrıca 'Öne Çıkan Ürünler' veya 'En Çok Oy Alan Ürünler' bloklarını kullanarak mağazanızdaki diğer ürünleri de öne çıkarmak isteyebilirsiniz.

Ek bloklar eklemek için yukarıdaki adımların aynısını uygulamanız yeterlidir.

WooCommerce featured products block

WooCommerce'e popüler ürünler ekleme hakkında daha fazla ayrıntı için, popüler ürünlerin WooCommerce ürün sayfalarında nasıl görüntüleneceğiyle ilgili kılavuzumuza bakın.

Ek bloklar kullanarak ve ayarlar menüsünü düzenleyerek ürün sayfanızı özelleştirmeye devam edebilirsiniz.

Publish WooCommerce product page live

Ürün sayfanızı özelleştirmeyi tamamladığınızda, sayfanızı yayınlamak için açılır menüden 'Kaydet'i ve ardından 'Yayınla'yı tıkladığınızdan emin olun.

Yaptığınız ürün sayfası özelleştirmeleri, ziyaretçilerinizi alıcılara dönüştürmenizi kolaylaştıracaktır.

WooCommerce product page customized

WooCommerce Ürün Sayfası Dönüşümlerinizi Nasıl İyileştirirsiniz (2 Yol)

WooCommerce ürün sayfanızı özelleştirdikten sonra, aşağıdaki dinamik öğelerle mağaza dönüşümlerinizi daha da iyileştirebilirsiniz.

WooCommerce'de Satın Alma Etkinliği Bildirimleri Ekleyin

İlk yöntem, ziyaretçilerinizi diğer kişilerin az önce bir satın alma işlemi yaptığı konusunda uyarmak için sosyal kanıt bildirimlerini kullanır. Bu, dönüşümlerinizi basitçe iyileştirmek için FOMO'yu kullanır.

WooCommerce'e sosyal kanıt eklemenin en iyi yolu TrustPulse kullanmaktır. Piyasadaki en iyi WordPress açılır eklentilerinden ve sosyal kanıt uygulamalarından biridir.

WooCommerce sitenizde gerçek zamanlı satın alma bildirimlerini kolayca görüntülemenizi sağlar.

TrustPulse real-time purchase notifications

Daha fazla ayrıntı için, dönüşümleri artırmak için WordPress sitenizde FOMO'nun nasıl kullanılacağına ilişkin kılavuzumuza bakın.

WooCommerce'de Kişiselleştirilmiş Pazarlama Kampanyaları Oluşturun

İkinci yöntem, ziyaretçilerinize özelleştirilmiş pazarlama mesajları gösterebilmeniz için dinamik metin kullanır. Dinamik metinle ziyaretçinizin adını, konumunu ve hatta haftanın gününü gösterebilirsiniz.

Etkileşim oranlarınızı ve dönüşümlerinizi büyük ölçüde artırmak için doğru kişilere doğru zamanda kişiselleştirilmiş mesajlar göstermenize olanak tanır.

Dinamik metin eklemenin en iyi yolu OptinMonster kullanmaktır. 1,2 milyondan fazla web sitesi tarafından kullanılan WordPress için en iyi açılır pencere ve e-posta yakalama aracıdır.

OptinMonster WooCommerce

Öncelikle OptinMonster web sitesini ziyaret etmeniz ve bir hesap oluşturmanız gerekir. Akıllı etiketlerle dinamik metin oluşturmak için en azından Pro düzeyinde plana ihtiyacınız olacak.

Ardından, OptinMonster eklentisini kurmanız ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Bu eklenti, WordPress web sitenizi OptinMonster uygulamasına bağlar.

Aktivasyon üzerine, lisans anahtarınızı girmeniz gerekir. Bu bilgiyi OptinMonster web sitesinde hesabınızın altında bulabilirsiniz.

WordPress kontrol panelinizde OptinMonster » Ayarlar'a gidin, 'Mevcut Bir Hesabı Bağlayın'ı tıklayın ve hesap ayrıntılarınızı girin.

Connect OptinMonster account

Ardından, OptinMonster'ı WooCommerce ile bağlamak isteyeceksiniz.

Bu, kampanyalarınızı özelleştirmek için kullanabileceğiniz ek görüntüleme kuralları sağlar. Aynı sayfada, 'Anahtarları Otomatik Oluştur + WooCommerce'a Bağlan' seçeneğini tıklayın.

Connect OptinMonster and WooCommerce

OptinMonster'a bağlandıktan sonra OptinMonster » Kampanyalar'a gidin ve ardından 'Yeni Ekle' düğmesini tıklayın.

Bu sizi OptinMonster kampanya oluşturucu aracına götürecektir.

Create new OptinMonster campaign

Aralarından seçim yapabileceğiniz düzinelerce şablon var.

WooCommerce akıllı etiketiyle bir açılır pencere oluşturacağız. Bunu yapmak için 'Popup' kampanya türünü seçin ve şablonlardan birini seçin.

'Teklif' şablonunu seçeceğiz, ancak istediğiniz herhangi bir şablonu seçebilirsiniz.

Select OptinMonster template

Sadece şablonun üzerine gelin ve 'Şablonu Kullan'ı tıklayın.

Kampanyanıza bir ad verdikten ve 'Yapmaya Başla'yı tıkladıktan sonra, sürükle ve bırak kampanya oluşturucusuna yönlendirileceksiniz.

OptinMonster campaign editor screen

Herhangi bir öğeye tıklayarak ve soldaki menüden özelleştirerek açılır pencerenin her bir parçasını özelleştirebilirsiniz.

Başlığa dinamik metin ekleyerek bugünün tarihini göstereceğiz ve ziyaretçilerimize sadece o gün için geçerli bir kupon sunacağız.

İlk olarak, menüyü getirmek için herhangi bir metin öğesine çift tıklayın. Ardından, mevcut akıllı etiketlerin açılır listesini getirmek için 'Akıllı Etiketler' simgesini '{ }' tıklayın.

Select dynamic smart tag

Kampanyanıza eklemek istediğiniz akıllı etiketi tıklamanız yeterlidir.

Akıllı etiketler, ziyaretçilerinize benzersiz ve özel bir mesaj sağlamak için dinamik olarak oluşturulmuş metni kullanır.

Save dynamic text popup

Açılır pencerenizi özelleştirmeyi tamamladığınızda, 'Kaydet'i tıkladığınızdan emin olun.

Bundan sonra, 'Yayınla' sekmesine tıklayın ve ardından 'Yayınla' seçeneğini seçin.

Publish dynamic text popup

Oluşturucudan çıktığınızda, görüntü ayarlarınızı onaylayabileceğiniz bir ekrana yönlendirileceksiniz.

Açılır pencerenizin canlı olduğundan emin olmak için, 'Görünürlük ve Durum' meta kutusunda durumu 'Yayınlandı' olarak değiştirin ve ardından 'Değişiklikleri Kaydet'i tıklayın.

WooCommerce popup visibility settings

Dinamik metin içeren WooCommerce açılır pencereniz artık WooCommerce mağazanızda yayınlanacak.

Hangi kampanyaların size en iyi sonuçları getirdiğini görmek için farklı dinamik metin ve görüntü ayarlarını test etmeye devam edebilirsiniz.

OptinMontster dynamic text popup

Bu makalenin, WooCommerce ürün sayfalarınızı kodlamadan özelleştirmenize yardımcı olacağını umduk. WooCommerce SEO kılavuzumuzu ve mağazanız için en iyi WooCommerce eklentileri konusunda uzman seçimlerimizi görmek isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir