WooCommerce ürün sayfasını kodlamadan nasıl ayarlanır
Çevrimiçi mağazanızı tasarlamak için WooCommerce kullanıyor musunuz? O zaman 3 milyondan fazla web sitesinin de bunu yaptığını bilmelisiniz. Yani bu hepsinin aynı göründüğü anlamına mı geliyor? Sitenizde varsayılan bir WooCommerce şablonu varsa evet. Çevrimiçi mağazanız binlerce diğer mağazaya benzeyecek. Benzersiz ürününüz benzersiz bir WooCommerce ürün sayfasını hak ediyor. Neyse ki, bu karmaşık bir kod veya işlem gerektirmez. Ürününüzü tamamlamak için sayfa tasarımınızı geliştirmek için basit bir ince ayar yapabilirsiniz. Bu makalede, kodlama bilginiz olmasa bile WooCommerce ürün sayfasını nasıl ayarlayacağımı açıklayacağım. Duymak için burada mısın? Öyleyse, bu gönderiyi bitene kadar okuyun.
Doldurma gizle
WooCommerce ürün sayfasını ayarlamak için neye ihtiyacınız var?
WooCommerce ürün sayfalarının özelleştirilmesi adım adım
Elementor ve ShopEngine’ı yükleyin
Woocommerce tek ürün sayfası şablonu oluşturun
Yapı Seçin
Ürünün fiyatını ayarlayın
Woocommerce ürününün başlığını ayarlayın
Ekmek kırıntıları ekleyin
Ek ürün bilgilerini ayarlayın
Ürün iyileştirmesinden yararlanın
Ürün sıralamasını ayarlayın
Ürün metasını ayarlayın
Ürün Açıklama Stilini Güncelleyin
Düğme sepetine ekle
Ürün Paylaşımı seçeneğini ekleyin
Ürün İnceleme Widget’ı ayarlayın
Ürün stokunun durumunu ayarlayın
Ürün sekmesini ekleyin ve ayarlayın
İlgili Ürünleri Göster
Duyarlı modda önizleme ayarları veya değişiklikler
Bonus: Dönüşüm seviyelerini artırmak için ürün sayfalarını optimize etmenin 5 yolu
Bilgi hiyerarşisini koruyun
Yüksek kaliteli görüntüler kullanın
Katil Ürün Açıklama Yazın
WooCommerce Ürün sayfasını SEO sayfada optimize etmek için fiyatı doğru şekilde yerleştirin
Son sözler
WooCommerce ürün sayfasını ayarlamak için neye ihtiyacınız var? Çevrimiçi iş için WooCommerce tek ürün sayfalarını ayarlamak için neye ihtiyacınız olduğunu merak etmelisiniz. Göstereceğim süreç, düzinelerce eklenti veya ücretli uzantılar satın almanızı gerektirmiyor. WooCommerce’i yüklemenin ve etkinleştirmenin yanı sıra, WordPress sitenizdeki aşağıdaki iki eklentiyi etkinleştirmeniz gerekir:
Eleman Sayfa Yapıcısı
Toksomez
Her iki eklenti de WooCommerce eklentisi ile sorunsuz çalışır ve tüm yeni ve eski ürünler için tek bir ürün sayfası tasarlamaya başlamanıza yardımcı olur.
WooCommerce ürün sayfalarının özelleştirilmesi Adım adım ayarlamak ve varsayılan ürün sayfasını ayarlamak için bir sonu yoktur. Çeşitli ürün türleri çeşitli ayar türleri gerektirir. Ancak, bu adım adım kılavuzda, tüm ürün sayfalarından daha fazla satış almanız için Woocommerce ürün sayfanızda yapabileceğiniz ana ayarlamayı açıklayacağım. Başlayalım.
Elementor ve ShopEngine’ı yükleyin
Elementor ve ShopEngine’ı yükleyin
Varsayılan WooCommerce ürün sayfasını Elementors ve ShopEngine ile ayarlayacağımız için, ilk adım eklentiyi WordPress’ten yüklemektir. Elementor ve ShopEngine’ı yönetici gösterge panelinizden nasıl yükleyeceğiniz aşağıda açıklanmıştır. Yeni Eklenti Eklentisi’ni tıklayın. Arama kutusuna Elementor’u girin ve yüklenecek Elementor Web Sitesi Oluşturucu eklentisini seçin. 3. Kurulumdan sonra etkinleştir’i tıklatın. Yeni Eklenti Eklentisi’ni tıklayın. Arama kutusuna ShopEngine’ı girin ve yüklenecek ShopEngine eklentisini seçin. 3. Kurulumdan sonra etkinleştir’i tıklayın.
Açık Shopengine Template➜ Plus Yeni
Bir isim şablonu verin
Tür seçin: Bekar
Şablonu varsayılan olarak ayarlayın (evet)
Elementor ile Düzenle’yi tıklayın
Woocommerce tek ürün sayfası şablonu oluşturun
Yapıyı Seçin Woocommerce mağazanızda bir ürün sayfası oluşturmaya başlamak için Elementor’dan seçtiğiniz yapıyı seçin.
Açık Shopengine Template➜ Plus Yeni
Bir isim şablonu verin
Tür seçin: Bekar
Şablonu varsayılan olarak ayarlayın (evet)
Elementor ile Düzenle’yi tıklayın
Woocommerce tek ürün sayfası şablonu oluşturun
Yapıyı Seçin Woocommerce mağazanızda bir ürün sayfası oluşturmaya başlamak için Elementor’dan seçtiğiniz yapıyı seçin.
Elementor’dan herhangi bir yapı seçin
Elementor’daki ‘ürün fiyatı’ widget’ı arayan ürünün fiyatını ayarlayın. Özel bir ürün sayfası oluşturmak için ürün fiyat widget’ını ‘Tek Shopengine Ürün Bloğu’ndan sürükleyin ve kaldırın.
Elementor’daki ‘ürün fiyatı’ widget’ı arayan ürünün fiyatını ayarlayın. Özel bir ürün sayfası oluşturmak için ürün fiyat widget’ını ‘Tek Shopengine Ürün Bloğu’ndan sürükleyin ve kaldırın.
WooCommerce Widget Block ürünlerinin fiyatını ayarlayın, bu fiyat şunları yapmanıza yardımcı olacaktır.
Ürün fiyatlarının seviyesini sola, orta ve sağa ayarlayın
Ürün fiyatlarının seviyesini sola, orta ve sağa ayarlayın
Birincil, ikincil, metin, aksan rengini değiştir
En sevdiğiniz renkle bir ürün etiketi tasarlamak için Renk Seçmen seçeneğini kullanın
Aile tipografisini, tipografinin boyutu ve ağırlığı, dekorasyon, çizgiler yüksekliği, harf alanları ve diğer tipografi ile ilgili düzenlemeleri değiştirin. Woocommerce ürününün başlığını ayarlayın
Elementor’da Woocommerce Woocommerce adlı ürün başlığını ayarlayın. Ürün sayfanızı oluşturmak için ürün başlığı widget’ını ‘ShopEngine Tek Ürün’ bloğundan sürükleyin ve kaldırın.
Ürün başlığı blok kuvvetinin ayarından aşağıdaki ayarlamaları yapabilirsiniz:
Ürün başlığınızı H1’den H6’dan HTML etiketini ayarlayın.
En sevdiğiniz renkle bir ürün etiketi tasarlamak için Renk Seçmen seçeneğini kullanın
Aile tipografisini, tipografinin boyutu ve ağırlığı, dekorasyon, çizgiler yüksekliği, harf alanları ve diğer tipografi ile ilgili düzenlemeleri değiştirin. Woocommerce ürününün başlığını ayarlayın
Elementor’da Woocommerce Woocommerce adlı ürün başlığını ayarlayın. Ürün sayfanızı oluşturmak için ürün başlığı widget’ını ‘ShopEngine Tek Ürün’ bloğundan sürükleyin ve kaldırın.
Ürün başlığı blok kuvvetinin ayarından aşağıdaki ayarlamaları yapabilirsiniz:
Ürün başlığınızı H1’den H6’dan HTML etiketini ayarlayın.
Ürün başlığı seviyesini sağa, sola veya ortaya ayarlayın.
Ürün başlığının rengini değiştirin
Tipografinin tüm yönlerini ayarlayın
Ekmek kırıntıları ekleyin
ShopEngine Breadbrumb ile ekmek kırıntıları ekleyin Alıcılara web sitenizde nerede olduklarını söyleyecektir. Bu, ürün sayfanıza ekmek kırıntıları eklemek için akıllıca bir karardır. Ekmek kırıntıları nasıl ekleyeceğiniz aşağıda açıklanmıştır: Elementor’da ‘ekmek kırıntıları’ widget’ı bulun. Ekmek kırıntısı widget’ını ‘Tek Shopengine Ürünü’ bloğundan Elementor İçerik alanına sürükleyin ve çıkarın.
Stil Ayarı sekmesinden şunları yapabilirsiniz:
Metnin rengini, bağlantının rengini, ekmek kırıntısından gelişim bağlantısının rengini ayarlayın
Ürün başlığının rengini değiştirin
Tipografinin tüm yönlerini ayarlayın
Ekmek kırıntıları ekleyin
ShopEngine Breadbrumb ile ekmek kırıntıları ekleyin Alıcılara web sitenizde nerede olduklarını söyleyecektir. Bu, ürün sayfanıza ekmek kırıntıları eklemek için akıllıca bir karardır. Ekmek kırıntıları nasıl ekleyeceğiniz aşağıda açıklanmıştır: Elementor’da ‘ekmek kırıntıları’ widget’ı bulun. Ekmek kırıntısı widget’ını ‘Tek Shopengine Ürünü’ bloğundan Elementor İçerik alanına sürükleyin ve çıkarın.
Stil Ayarı sekmesinden şunları yapabilirsiniz:
Metnin rengini, bağlantının rengini, ekmek kırıntısından gelişim bağlantısının rengini ayarlayın
Değerler arasındaki tipografi, tesviye, simgeler, simge boyutları ve boşluklar seçin.
Ek ürün bilgilerini ayarlayın
Kısa açıklamalı bir ürün hakkında ek bilgilerin ayarlanması, ürününüz için yeterli olmayabilir. Kısa bir açıklama yeterli olmadığında, ek ürün bilgileri daha fazla satış şansını artıracaktır. Elementor’daki ‘Ek Ürün Bilgileri’ widget’ı arayın. Widget’ı ‘Shopengine Tek Ürün’ bloğundan içerik alanına sürükleyin ve çıkarın. İşte widget’ları kullanarak neleri kontrol edebileceğinizin bir listesi:
Başlığın tesviye, rengini, tipografisini ve marjını değiştirin
Değerin renk değişiminin, arka planının ve tipografisinin rengini, tipografisini, arka planını ve genişliğini değiştirin
Ek ürün bilgilerini ayarlayın
Kısa açıklamalı bir ürün hakkında ek bilgilerin ayarlanması, ürününüz için yeterli olmayabilir. Kısa bir açıklama yeterli olmadığında, ek ürün bilgileri daha fazla satış şansını artıracaktır. Elementor’daki ‘Ek Ürün Bilgileri’ widget’ı arayın. Widget’ı ‘Shopengine Tek Ürün’ bloğundan içerik alanına sürükleyin ve çıkarın. İşte widget’ları kullanarak neleri kontrol edebileceğinizin bir listesi:
Başlığın tesviye, rengini, tipografisini ve marjını değiştirin
Değerin renk değişiminin, arka planının ve tipografisinin rengini, tipografisini, arka planını ve genişliğini değiştirin
Tesviye ve dolgu tablosunu sıfırlayın
Seçim Tipografi Ailesi’ni ayarlayın
Ürün iyileştirmesinden yararlanın
Upsels Ürün Widget Ürünlerini ayarlayın Ürünler, alıcılarınıza daha fazla ürün önermenize yardımcı olacaktır. Upsels ürünleri, alıcılarınıza mağazanızdan daha fazla ürün satın almaları için ilham verecek ve böylece artan karlara katkıda bulunacaktır. Elementor’da bir ‘ürün geliştirme’ widget’ı arayın. ‘Shopengine Tek Ürün’ bloğundan widget’ı sürükleyin ve çıkarın.
İçerik sekmesinden ve stilinden şunları yapabilirsiniz:
Görüntülenecek ürün görüntülerinin sayısını ayarlayın
Vites değiştirme, dönüş ve otomatik dönüşü etkinleştirin/devre dışı bırakın
Seçim Tipografi Ailesi’ni ayarlayın
Ürün iyileştirmesinden yararlanın
Upsels Ürün Widget Ürünlerini ayarlayın Ürünler, alıcılarınıza daha fazla ürün önermenize yardımcı olacaktır. Upsels ürünleri, alıcılarınıza mağazanızdan daha fazla ürün satın almaları için ilham verecek ve böylece artan karlara katkıda bulunacaktır. Elementor’da bir ‘ürün geliştirme’ widget’ı arayın. ‘Shopengine Tek Ürün’ bloğundan widget’ı sürükleyin ve çıkarın.
İçerik sekmesinden ve stilinden şunları yapabilirsiniz:
Görüntülenecek ürün görüntülerinin sayısını ayarlayın
Vites değiştirme, dönüş ve otomatik dönüşü etkinleştirin/devre dışı bırakın
Başlığı, flaş satışı, normal fiyat, ok, nokta ve sepet düğmesini göster/gizle
Okun kaydırıcı sütununu, hızını ve boyutunu ayarlayın
Noktanın boyutunu veya aktif noktanın boyutunu belirleyin
Siparişleri seçeneklere göre ayarlayın
Sütun boşluğunu ayarlayın
Arka plan rengini, dengeleme metnini vb. Değiştirin
Ürün sıralamasını ayarlayın
Ürün Sıralamasını ayarlayın Ürün sayfanızdaki ürün sıralamasını görüntüler, ziyaretçilerinizin kullanıcı derecelendirmelerine göre en iyi ürünleri bulmasına yardımcı olacaktır.
ShopEngine’den ürün derecelendirmelerini görüntülemek ve aşağıdaki değişikliklerden birini yapmak için widget’tan yararlanın:
Sıralama yıldızının rengini ve boş yıldızın rengini seçin
Yıldızın boyutunu ve boşluğunu ayarlayın
Okun kaydırıcı sütununu, hızını ve boyutunu ayarlayın
Noktanın boyutunu veya aktif noktanın boyutunu belirleyin
Siparişleri seçeneklere göre ayarlayın
Sütun boşluğunu ayarlayın
Arka plan rengini, dengeleme metnini vb. Değiştirin
Ürün sıralamasını ayarlayın
Ürün Sıralamasını ayarlayın Ürün sayfanızdaki ürün sıralamasını görüntüler, ziyaretçilerinizin kullanıcı derecelendirmelerine göre en iyi ürünleri bulmasına yardımcı olacaktır.
ShopEngine’den ürün derecelendirmelerini görüntülemek ve aşağıdaki değişikliklerden birini yapmak için widget’tan yararlanın:
Sıralama yıldızının rengini ve boş yıldızın rengini seçin
Yıldızın boyutunu ve boşluğunu ayarlayın
Bağlantının rengini, bağlantı imlecinin rengini ve tipografiyi gözden geçirin
Sol alanı ve seviyelendirmeyi belirleyin
Ürün metasını ayarlayın
Meta WooOcommerce ürünleri, ürününüzün meta ayarlarını ayarlamaya başlamak için Elementor içerik alanına oldukça sürüklenir ve serbest bırakır. Bir ürün meta widget’ı kullanarak SKU’yu, kategorileri ve ürün etiketlerini görüntüleyebilir veya gizleyebilirsiniz. Buna ek olarak, düzeni, tesviye, dolgu, tipografi, bağlantı imlecinin rengini ve içeriğin rengini birkaç dakika içinde değiştirebilirsiniz.
Drag ürününün ürün açıklamasını güncelleyin ve ShopEngine Ürünü Açıklama Widget’ı ve renk, tipografi ve tesviye açıklaması ile istediğiniz değişiklikleri verin.
Özelleştirme düğme sepetine ekleyin
Sepeti sepet düğmesine ayarlayın Ürün sayfanızın iyi bir araba eklenmesi düğmesine sahip olduğundan emin olun. Bu kesinlikle çoğu için dönüşümü artıracaktır.
Sol alanı ve seviyelendirmeyi belirleyin
Ürün metasını ayarlayın
Meta WooOcommerce ürünleri, ürününüzün meta ayarlarını ayarlamaya başlamak için Elementor içerik alanına oldukça sürüklenir ve serbest bırakır. Bir ürün meta widget’ı kullanarak SKU’yu, kategorileri ve ürün etiketlerini görüntüleyebilir veya gizleyebilirsiniz. Buna ek olarak, düzeni, tesviye, dolgu, tipografi, bağlantı imlecinin rengini ve içeriğin rengini birkaç dakika içinde değiştirebilirsiniz.
Drag ürününün ürün açıklamasını güncelleyin ve ShopEngine Ürünü Açıklama Widget’ı ve renk, tipografi ve tesviye açıklaması ile istediğiniz değişiklikleri verin.
Özelleştirme düğme sepetine ekleyin
Sepeti sepet düğmesine ayarlayın Ürün sayfanızın iyi bir araba eklenmesi düğmesine sahip olduğundan emin olun. Bu kesinlikle çoğu için dönüşümü artıracaktır.
Elementor’daki ShopEngine’den sepet widget’ına ekle, numarayı, düğme konumunu vb. Değiştirebilirsiniz. Ayrıca, sizin için en uygun olanı bulmak için stil ayarlarıyla A/B testi çalıştırabilirsiniz.
Ürün Paylaşımı seçeneğini ekleyin
Ürün Paylaşımı seçeneğini ekleyin
Woocommerce ürün sayfanıza bir ürün paylaşımı düğmesi eklemek için ürün paylaşımı seçeneğini ekleyin, şimdi uygulayabileceğiniz iyi bir fikirdir. Alıcı ürün verilerini en yakın ve sevgili insanlarla paylaşacağında, ücretli reklamlar olmadan yeni kullanıcılardan daha fazla satış alacaksınız. Ürün sayfanıza ayarlanabilecek bir ürün paylaşımı seçeneği eklemek için ShopEngine’den ürün paylaşım widget’ından yararlanın. Ancak, bu seçeneğin tadını çıkarmak için WP Social gibi sosyal paylaşım eklentilerini kullanmalısınız.
Ürün İnceleme Widget’ı ayarlayın
Ürün İnceleme Widget’ı ayarlayın
Ürün İnceleme Widget’ı ayarlayın Ürün kullanıcılarının sıralamalarını ve incelemelerini bırakabilmeleri için ürün inceleme widget’ını ürün sayfanızdaki doğru yere yerleştirin. Ayrıca markanızı mükemmel bir şekilde teşvik eder. Elementor Block’un ‘ShopEngine Ürünü’ ürün incelemesini kullanarak, Ürün İncelemesi bölümünde aşağıdaki değişiklikleri yapabilirsiniz: Ürün İnceleme Başlıkının Rengini ve Tipografisini Değiştirin
Tek bir incelemenin sınır, genişliği, renk ve dolgusu türünü ayarlayın
Yazarın avatarının genişliğini, yazarın adının rengini ve tipografiyi, inceleme tarihinin rengi ve tipografiyi ayarlayın
Tipografi ile birlikte içeriğin rengini inceleyin
Varsayılan yıldızın rengini ve boş yıldızın rengini değiştirin
Varsayılan yıldızın rengini ve boş yıldızın rengini değiştirin
Yorum formunu ayarlayın
Seçtiğiniz yazı tipi boyutunu ve aile yazı tipini vb. Seçin.
Ürün stokunun durumunu ayarlayın
Ürün stokunun durumunu “ShopEngine Stock” Stock “stok widget’ıyla ayarlayın, mevcut ürünün metnini ve simgelerini veya WooCommerce ürün sayfalarınızın rengi, tipografisi ve seviyesi ile birlikte mevcut olanı ayarlayabilirsiniz. Buna ek olarak, ikonları, seviyelendirme, renk ve tipografiyi ‘stok dışı’ ve ‘geri sipariş durumunda mevcut olan tipografiyi yönetme özgürlüğüne sahipsiniz.
Ürün sekmesini ekleyin ve ayarlayın
Ürün Ekle Ürün Ekle Ürünü Ekle sekmesi, müşterilerinizin Woocommerce mağazanızda sattığınız ürün hakkında daha fazla bilgi vermesine izin vermenizi sağlar. ShopEngine ile özel bir sekme ekleyebilir ve ihtiyaçlarınıza göre ayarlayabilirsiniz. Elementor’daki tek ShopEngine ürün bloğundan ‘sekme ürünü’ widget’ını sürükleyin ve çıkarın ve ayrılmaya hazırsınız. Ürün sekmenizin aşağıdaki yönlerini bir widget ile kontrol edebilirsiniz: Gezinme Kuvvetleri: Tipografi, Menü Renk, Aktif Menü Renk, Renk ve Gezinme Göstergesi Sınırı, Menü Mesafesi, Gölge Kutusu, Sınır Türü, Hat Genişliği, Renk ve Yatak. Sekme İçeriği: Sekme İçeriği Başlıkını Görüntüleme veya Gizleme, Renk ve Tipografi Başlığı Sekme İçeriği, Sekme İçerik Sarma Yataklarını Ayarlama. Bilgi Listesi: Özelliklerin rengini, renk değerini ve tabloların veri tipografisini ayarlamak. Ortalama sıralama: Başlık sıralaması, toplam sıralama ve sıralama ve renk sayısının tipografisi ile deney. Gözden Geçirme Stili: Sıralama rengini, boş sıralama rengi, tarih, otorite ve açıklama, tarih tipografisi ve açıklamaların tipografisini ayarlayın. Gözden Geçirme Formu: Etiket Renk Formlarını Değiştirme, Etiket Tipografisi, Giriş Sınırı Renk, Giriş Odak Sınırı Renk, Giriş Tipografisi, Mesaj Rengi ve Gereken Renk. Gönder düğmesi: Dolma, sınır yarıçapı, düğme tipografisi, gölge kutusu, renk ve arka plan ayarlayın. İlgili ürünleri görüntüle
İlgili Ürünleri Görüntüleme Müşterilerinizi satın almak için ilgili ürünleri görüntülemek, e -ticaret web sitenize uygulayabileceğiniz olağanüstü bir fikirdir. Wookommerce ürün sayfaları için widget ‘ile ilgili ürünler’ ShopEgine, aşağıdaki ayarlarla ilgili ürünleri görüntülemenize yardımcı olacaktır: Görüntülenecek ürün sayısını ayarlayın
Vardiyayı etkinleştir/devre dışı bırak
Göster/Gizle Başlık, Flash Satış, Normal Fiyatlar ve Sepet Düğmeleri.
Seçtiğiniz yazı tipi boyutunu ve aile yazı tipini vb. Seçin.
Ürün stokunun durumunu ayarlayın
Ürün stokunun durumunu “ShopEngine Stock” Stock “stok widget’ıyla ayarlayın, mevcut ürünün metnini ve simgelerini veya WooCommerce ürün sayfalarınızın rengi, tipografisi ve seviyesi ile birlikte mevcut olanı ayarlayabilirsiniz. Buna ek olarak, ikonları, seviyelendirme, renk ve tipografiyi ‘stok dışı’ ve ‘geri sipariş durumunda mevcut olan tipografiyi yönetme özgürlüğüne sahipsiniz.
Ürün sekmesini ekleyin ve ayarlayın
Ürün Ekle Ürün Ekle Ürünü Ekle sekmesi, müşterilerinizin Woocommerce mağazanızda sattığınız ürün hakkında daha fazla bilgi vermesine izin vermenizi sağlar. ShopEngine ile özel bir sekme ekleyebilir ve ihtiyaçlarınıza göre ayarlayabilirsiniz. Elementor’daki tek ShopEngine ürün bloğundan ‘sekme ürünü’ widget’ını sürükleyin ve çıkarın ve ayrılmaya hazırsınız. Ürün sekmenizin aşağıdaki yönlerini bir widget ile kontrol edebilirsiniz: Gezinme Kuvvetleri: Tipografi, Menü Renk, Aktif Menü Renk, Renk ve Gezinme Göstergesi Sınırı, Menü Mesafesi, Gölge Kutusu, Sınır Türü, Hat Genişliği, Renk ve Yatak. Sekme İçeriği: Sekme İçeriği Başlıkını Görüntüleme veya Gizleme, Renk ve Tipografi Başlığı Sekme İçeriği, Sekme İçerik Sarma Yataklarını Ayarlama. Bilgi Listesi: Özelliklerin rengini, renk değerini ve tabloların veri tipografisini ayarlamak. Ortalama sıralama: Başlık sıralaması, toplam sıralama ve sıralama ve renk sayısının tipografisi ile deney. Gözden Geçirme Stili: Sıralama rengini, boş sıralama rengi, tarih, otorite ve açıklama, tarih tipografisi ve açıklamaların tipografisini ayarlayın. Gözden Geçirme Formu: Etiket Renk Formlarını Değiştirme, Etiket Tipografisi, Giriş Sınırı Renk, Giriş Odak Sınırı Renk, Giriş Tipografisi, Mesaj Rengi ve Gereken Renk. Gönder düğmesi: Dolma, sınır yarıçapı, düğme tipografisi, gölge kutusu, renk ve arka plan ayarlayın. İlgili ürünleri görüntüle
İlgili Ürünleri Görüntüleme Müşterilerinizi satın almak için ilgili ürünleri görüntülemek, e -ticaret web sitenize uygulayabileceğiniz olağanüstü bir fikirdir. Wookommerce ürün sayfaları için widget ‘ile ilgili ürünler’ ShopEgine, aşağıdaki ayarlarla ilgili ürünleri görüntülemenize yardımcı olacaktır: Görüntülenecek ürün sayısını ayarlayın
Vardiyayı etkinleştir/devre dışı bırak
Göster/Gizle Başlık, Flash Satış, Normal Fiyatlar ve Sepet Düğmeleri.
Kaydırıcı sütun sayısını ayarlayın
Arka plan rengini değiştir
Arka plan rengini değiştir
Vardiya hızını ayarlayın.
Duyarlı modda önizleme ayarları veya değişiklikler
Duyarlı modda önizleme ayarları veya değişiklikler
Duyarlı Modda Önizleme Ayarları Önizleme Çoğu müşteri şu anda çevrimiçi mağazalardan satın almak için mobil cihazlar kullandığından, mağaza ürün sayfalarınızın hücresel izleyiciler ve tabletler için iyi çalıştığından emin olun. Mobil ve masaüstü cihazlarda tam geniş ürün sayfalarınızın görünümünü görmek için Elementor’dan duyarlı mod düğmesinden yararlanın. Hücresel ve tablet ekranlar için bazı tutarsızlıklar veya sorunlar olduğunu fark ederseniz, hücresel ekran için düzeltin. WooCommerce Ürün sayfanız için gereken widget’ı eklemeyi bitirdiğinizde ve cihazın ürün sayfası düzenine bakın, ‘Güncelleme’ Elementor düğmesini tıklayın. Bingo! Woocommerce ürün sayfanız artık hücresel ve yayınlanmaya hazır için optimize edildi.
Bonus: Ürün sayfalarını dönüşüm oranlarını artırmak için optimize etmenin 5 yolu iyi bir dönüşüm oranı elde etmek için ürün sayfalarınızı optimize etmek önemlidir. Aşağıda, çevrimiçi mağazanızdan dönüşüm ve gelir seviyesini en üst düzeye çıkarmak için takip edebileceğiniz 5 yol bulunmaktadır.
WooCommerce Ürün Sayfaları hakkında bilgi hiyerarşisi bilgilerini koruyun, bilgi hiyerarşisini koruyarak bir Woocommerce tek ürün sayfası tasarladığınızdan emin olun.Örneğin, ekmek kırıntılarını tüm bilgilerin üzerinde saklamak için genel bir uygulamadır.Ekmek kırıntılarını genellikle ürün başlıkları ve incelemeler veya açıklamalar gibi diğer ürünlerle ilgili bilgiler izler.Çoğu çevrimiçi mağazada, büyütülmüş bir ekranı görmek için sayfanın solunda bir simgeyle görüntüleri göreceksiniz.Ayrıca, yeni WooCommerce ürün sayfasında sunduğunuz bilgilerin, alıcıya satış için sunduğunuz ürünler hakkında eksiksiz bir resim sağladığından emin olun.
Yüksek kaliteli görüntüler kullanın
Yüksek kaliteli ürün görüntüleri kullanın Yalnızca iyi ürünlere sahip olmak, müşterilerinize akıllı sunmadığınız sürece cebinize daha fazla para getiremez. Ürün görüntüleri, ürününüzü hem ürün sayfasında hem de mağaza sayfasında hedef kitleye göstermenin en iyi yoludur. Ancak, görüntünüz vasat, belirsiz veya yanlış açı ile ise, ondan fazla bir şey bekleyemezsiniz. Ürün görüntüleri yayınladığınızda, görüntünün net olduğundan emin olun, ürüne odaklanın ve dik açıdan alının. Bağlamsal ürün görüntüleri eklemek, ürününüzü uygun ortamda görüntüleyebilir. Örneğin, müşterilerinize ekipmanın mutfaklarına uygun olarak ne kadar mükemmel olduğunu göstermek için mutfak eşyalarının fotoğraflarını çekin. Ürün galerisi için ürün resimlerini ayrıntılı olarak çekmek için profesyonel bir fotoğrafçı kiralayın. Fiziksel ürünler açısından, en iyisi tüm açıların aynı ürünü yakalamaktır. Bu, müşterilerin ürün parçasını daha net görmelerine yardımcı olacaktır. Buna ek olarak, müşterileri alışveriş yapmak için kendinden emin hale getirir. Son fakat en az değil, yüksek çözünürlüklü bir ürün galeri görüntüsü kullanmanızı öneririm. Görüntü WooCommerce ürün sayfanızı biraz yavaşlatabilse de, WordPress için Smush.Plugin Görüntü Optimizasyonu gibi görüntüler için herhangi bir ücretsiz eklenti ile efekti en aza indirebilirsiniz.
Çevrimiçi satışlarda önemli bir rol oynamaya ikna edici ve uygun olan ayrıntılı katil veya ürün açıklamasının ürün açıklamasını yazın. Ürün açıklamasının ana ürün bilgilerinden bahsettiğinden emin olun. Bu arada, bu yeterli değil. Bilgilerin de okunması ve noktaya kadar kolay olması gerekir. Bilgileri tek tek görüntülemek için mermi noktası biçimini kullanabilirsiniz. Unutmayın, çok resmi olmanıza gerek yok. Ürün kategorisine uyuyorsa, komik, kolay yaklaşım ve eğlenceli bir ses kullanabilirsiniz. Aşağıda, seçici çubuklardan kahvaltı sosisli sandviç paketinin ilginç bir açıklaması: Ürün açıklaması örnekleri Son tavsiye katili, ürün açıklamaları yazdığınızda, çeşitli ürün kullanım seçeneklerine dikkat edin. Bu, potansiyel müşterilerin ürünün ihtiyaçlarını karşılayıp karşılamayacağını veya başka bir şeye ihtiyaçları olup olmadığını bilmelerine yardımcı olacaktır.
Fiyatları doğru şekilde yerleştirin sattığınız ürün türü ne olursa olsun, fiyat her zaman müşterileriniz için büyük bir faktördür. Fiyatlar ve özel WooCommerce ürün sayfanıza yerleştirmenin yolları satın alma kararlarını etkiler. Fiyatınızı kolayca görünür hale getirmek için büyük yazı tipleri kullanabilirsiniz. Fiyat metnini yapmak kalın veya kontrastlı bir renk kullanmak sizin için de uygun olabilir. İndirimi, yeni bir fiyatı ve ardından yeni bir fiyatı göstererek birlikte vurgulayın. İşte seçici çubukların nasıl yaptığına bir örnek:
Woocommerce Ürün Sayfanıza Fiyatlar Nasıl Yerleştirilir Müşterileriniz fiyatı açıkça göremiyorsa, tasarım ayarınızı düşünmelisiniz.
Bonus: Ürün sayfalarını dönüşüm oranlarını artırmak için optimize etmenin 5 yolu iyi bir dönüşüm oranı elde etmek için ürün sayfalarınızı optimize etmek önemlidir. Aşağıda, çevrimiçi mağazanızdan dönüşüm ve gelir seviyesini en üst düzeye çıkarmak için takip edebileceğiniz 5 yol bulunmaktadır.
WooCommerce Ürün Sayfaları hakkında bilgi hiyerarşisi bilgilerini koruyun, bilgi hiyerarşisini koruyarak bir Woocommerce tek ürün sayfası tasarladığınızdan emin olun.Örneğin, ekmek kırıntılarını tüm bilgilerin üzerinde saklamak için genel bir uygulamadır.Ekmek kırıntılarını genellikle ürün başlıkları ve incelemeler veya açıklamalar gibi diğer ürünlerle ilgili bilgiler izler.Çoğu çevrimiçi mağazada, büyütülmüş bir ekranı görmek için sayfanın solunda bir simgeyle görüntüleri göreceksiniz.Ayrıca, yeni WooCommerce ürün sayfasında sunduğunuz bilgilerin, alıcıya satış için sunduğunuz ürünler hakkında eksiksiz bir resim sağladığından emin olun.
Yüksek kaliteli görüntüler kullanın
Yüksek kaliteli ürün görüntüleri kullanın Yalnızca iyi ürünlere sahip olmak, müşterilerinize akıllı sunmadığınız sürece cebinize daha fazla para getiremez. Ürün görüntüleri, ürününüzü hem ürün sayfasında hem de mağaza sayfasında hedef kitleye göstermenin en iyi yoludur. Ancak, görüntünüz vasat, belirsiz veya yanlış açı ile ise, ondan fazla bir şey bekleyemezsiniz. Ürün görüntüleri yayınladığınızda, görüntünün net olduğundan emin olun, ürüne odaklanın ve dik açıdan alının. Bağlamsal ürün görüntüleri eklemek, ürününüzü uygun ortamda görüntüleyebilir. Örneğin, müşterilerinize ekipmanın mutfaklarına uygun olarak ne kadar mükemmel olduğunu göstermek için mutfak eşyalarının fotoğraflarını çekin. Ürün galerisi için ürün resimlerini ayrıntılı olarak çekmek için profesyonel bir fotoğrafçı kiralayın. Fiziksel ürünler açısından, en iyisi tüm açıların aynı ürünü yakalamaktır. Bu, müşterilerin ürün parçasını daha net görmelerine yardımcı olacaktır. Buna ek olarak, müşterileri alışveriş yapmak için kendinden emin hale getirir. Son fakat en az değil, yüksek çözünürlüklü bir ürün galeri görüntüsü kullanmanızı öneririm. Görüntü WooCommerce ürün sayfanızı biraz yavaşlatabilse de, WordPress için Smush.Plugin Görüntü Optimizasyonu gibi görüntüler için herhangi bir ücretsiz eklenti ile efekti en aza indirebilirsiniz.
Çevrimiçi satışlarda önemli bir rol oynamaya ikna edici ve uygun olan ayrıntılı katil veya ürün açıklamasının ürün açıklamasını yazın. Ürün açıklamasının ana ürün bilgilerinden bahsettiğinden emin olun. Bu arada, bu yeterli değil. Bilgilerin de okunması ve noktaya kadar kolay olması gerekir. Bilgileri tek tek görüntülemek için mermi noktası biçimini kullanabilirsiniz. Unutmayın, çok resmi olmanıza gerek yok. Ürün kategorisine uyuyorsa, komik, kolay yaklaşım ve eğlenceli bir ses kullanabilirsiniz. Aşağıda, seçici çubuklardan kahvaltı sosisli sandviç paketinin ilginç bir açıklaması: Ürün açıklaması örnekleri Son tavsiye katili, ürün açıklamaları yazdığınızda, çeşitli ürün kullanım seçeneklerine dikkat edin. Bu, potansiyel müşterilerin ürünün ihtiyaçlarını karşılayıp karşılamayacağını veya başka bir şeye ihtiyaçları olup olmadığını bilmelerine yardımcı olacaktır.
Fiyatları doğru şekilde yerleştirin sattığınız ürün türü ne olursa olsun, fiyat her zaman müşterileriniz için büyük bir faktördür. Fiyatlar ve özel WooCommerce ürün sayfanıza yerleştirmenin yolları satın alma kararlarını etkiler. Fiyatınızı kolayca görünür hale getirmek için büyük yazı tipleri kullanabilirsiniz. Fiyat metnini yapmak kalın veya kontrastlı bir renk kullanmak sizin için de uygun olabilir. İndirimi, yeni bir fiyatı ve ardından yeni bir fiyatı göstererek birlikte vurgulayın. İşte seçici çubukların nasıl yaptığına bir örnek:
Woocommerce Ürün Sayfanıza Fiyatlar Nasıl Yerleştirilir Müşterileriniz fiyatı açıkça göremiyorsa, tasarım ayarınızı düşünmelisiniz.
WooCommerce ürün sayfasını WooCommerce ürün sayfanıza daha fazla organik trafik elde etmek için SEO ile optimize edin, sayfada SEO tekniklerini kullanmak önemlidir. Daha fazla müşteri ve dolayısıyla daha fazla dönüşüm seviyesi elde etmek için diğer sayfalardaki ürün resimleri, anahtar kelimeler, açıklamalar ve SEO faktörleri için doğru başlık etiketlerini, meta açıklamaları, alt etiketleri kullanın.
Son kelimeler, çevrimiçi mağaza ürün sayfalarınızı nasıl ayarladığınız umurunda değil, kullanıcı ve sezgisel yaptığınız değişikliklerin olduğundan emin olun. Ürün sayfasının düzenini ayarladığınızda, tutarlılığı, alaka düzeyini ve bağlamı izlediğinizden emin olun. Woocommerce tek ürün sayfanızı ayarlamak başlangıçta korkutucu bir görev gibi görünebilir. Ancak, bir Elementor ve ShopEngine sayfa üreticiniz varsa, stresten arınmış olmalısınız.
Elementleri Alın
Son kelimeler, çevrimiçi mağaza ürün sayfalarınızı nasıl ayarladığınız umurunda değil, kullanıcı ve sezgisel yaptığınız değişikliklerin olduğundan emin olun. Ürün sayfasının düzenini ayarladığınızda, tutarlılığı, alaka düzeyini ve bağlamı izlediğinizden emin olun. Woocommerce tek ürün sayfanızı ayarlamak başlangıçta korkutucu bir görev gibi görünebilir. Ancak, bir Elementor ve ShopEngine sayfa üreticiniz varsa, stresten arınmış olmalısınız.
Elementleri Alın
ShopEngine’ı al
Şimdilik bu kadar. Sorularınız veya karışıklığınız varsa, yorum kutusu aracılığıyla bize anlatmaktan çekinmeyin.
Şimdilik bu kadar. Sorularınız veya karışıklığınız varsa, yorum kutusu aracılığıyla bize anlatmaktan çekinmeyin.
