WooCommerce Vitrin Temasına Daha Fazla Dönüşüm Artırıcı Gutenberg Blokları Ekleyin


İçindekiler

Gutenberg'de WooCommerce Storefront temasını kullanıyorsanız, özel WooCommerce blok eklentisini deneme şansınız olmuş olabilir. Öne çıkan WooCommerce ürünlerini veya kategorilerini, en çok satan veya en çok oy alan ürünleri, incelemeleri, filtrelenebilir ürünleri ve mağaza içeriğinizden otomatik olarak elde edilen daha birçok temel öğeyi temsil etmek için blok etkin bir yol sunarlar.

woo ticaret blokları

Bu harika yardımcı, web sitenize önemli bir özelleştirme artışı ve bir dizi akıllı dönüşüm artırıcı içerik öğesi sunarak, Storefront teması için kutudan çıktığı gibi ve ücretsiz olarak tasarım kalitesi sağlar .

Bloklar, her biri için kullanıcı dostu bir düzenleme paneli sağlayan Gutenberg ile mükemmel bir şekilde entegre edilmiştir.

ürün incelemeleri woocommerce blokları

Ancak bu gönderide, WooCommerce Storefront temanız için oldukça özel olarak tasarlanmış blokları nasıl ekleyeceğinizi merak ediyoruz. Örneğin Kapak veya Galeri gibi Ortak Bloklar arasında bir mağaza web sitesine uygun olabilecek bu tür birkaç blok olmasına rağmen, çok amaçlı Getwid blok kitaplığı ile nasıl daha fazla blok ekleyeceğinizi size göstereceğiz.

Popüler bir Gutenberg uzantısı olan Getwid, Gutenberg'deki belirli ürünlerin, etkinliklerin, tanıtımların, duyuruların ve kategorilerin temsillerini güçlendirmek için ilham verici, nefes kesici görseller eklemenize yardımcı olur.

Getwid'e aşina değilseniz, umarım kısa bir giriş yapmanızda sakınca yoktur.

Getwid, WordPress blok düzenleyicisi için 40'tan fazla Gutenberg bloğu ve tasarımından oluşan bir koleksiyondur. Ekstra eklenti sayısını ortadan kaldırmak için tek duraklı bir oluşturucuya ihtiyacınız varsa veya belirli bir bloğa ihtiyacınız olduğunda bile aynı derecede yararlı bulacaksınız.

Bu Gutenberg eklentisini öne çıkaran üç ana özellik şunlardır: WordPress temanızla görsel etkileşim, performans optimizasyonuna odaklanma (çevrimiçi bir mağaza için çok önemlidir!) ve tasarımla ilgili birçok araç (geliştiriciler için şablonlar ve tasarım kiti) .

Önemli olan, eklentinin tüm kalibrelerdeki WordPress kullanıcıları için çalışmasıdır. Getwid, blog sahipleri, işletme web siteleri ve müşteriler için web siteleri oluşturan WordPress geliştiricileri tarafından sevilir ve desteklenir. Bu kılavuzlarda daha fazla örneğe bakın:

Varsayılan TwentyTwenty temasıyla blog yazmak için Getwid

GeneratePress ile iş web siteleri için Getwid

Getwid blok eklentisi, iletişim formları, Google Haritalar, fiyat tabloları vb. gibi temel şeyler de dahil olmak üzere Gutenberg'e her türden ekstra blokları kusursuz bir şekilde eklemenize yardımcı olacaktır. Ancak Storefront WooCommerce tema sahipleri için, daha çok e-Ticaret- çevrimiçi mağazanız için dönüşüm artırıcı öğeler olarak hizmet edebilecek odaklı çözümler.

WooCommerce blokları için daha çekici arka planlar oluşturun

Mevcut Storefront WooCommerce bloklarınız veya temel WordPress bloklarınız için arka planları nasıl iyileştirebileceğinize dair en basit şeyle başlayalım.

Birden çok bloğu işleyebilen üst düzey bir kapsayıcı olarak Getwid'in Bölüm bloğu, aşağıdakilere ihtiyacınız olduğunda çok kullanışlıdır:

  • Tüm bölüm için özel hizalama ayarlamak için.
  • Çeşitli arka planlar oluşturun: herhangi bir blok için bir i mage, degrade, kaydırıcı veya video arka planı arasından seçim yapın.
  • İçerik öğeleri arasında görsel bir hiyerarşi oluşturmak için süslü bölücüler ayarlayın.
  • Animasyon efektleri ekleyin.

bölüm bloğu getwid bloğu

Bu nedenle, WooCommerce Storefront tema bloklarınızı veya çekirdek bloklarınızı biçimlendirmek için oldukça gelişmiş bir araca ihtiyacınız varsa, Bölüm minimum çabayla bunu yapmanıza yardımcı olacaktır.

Hizmetleri/kullanıcı bilgilerini/mağaza destek bildirimlerini temsil eden Simge Kutusu bloğu

Bu basit ama güçlü Simge bloğunu herhangi bir amaç için kullanabilseniz de, yukarıda bahsedilen içerik öğeleri için kesinlikle işe yarayacaktır.

Bu blok, simge, başlık, alt başlık ve açıklama kapsayıcılarıyla bir bölüm oluşturmanıza olanak tanır. Tipografi, renkler ve boşluk tamamen özelleştirilebilir; ancak yalnızca bir blok eklediğinizde, varsayılan WooCommerce Storefront stilini hemen devralır (WordPress Özelleştirici aracılığıyla ayarlanabilir).

Size daha da fazla yardımcı olmak için Getwid, bu blokla tasarlanmış, arka planın, sütunların ve aralığın önceden şekillendirildiği, kullanıma hazır bir düzen sunar. Dakikalar içinde bir bölüm oluşturmak için kendinize sorun!

simge kutusu getwid bloğu

Bu arada, Getwid'de, diğer bazı benzerlerinden farklı olarak, boşluk, hepimizin alıştığı WordPress sayfa oluşturucularında olduğu gibi görsel olarak düzenlenebilir. Sadece blok kenarlıklarını sürükleyerek iç ve dış bölüm blok aralığını (kenar boşlukları ve dolgular) kolayca ayarlayın:

boşluk getwid vitrin blokları

Alternatif olarak, simgeler yerine görüntüleri kullanmak için Görüntü Kutusu bloğunu kullanın:

görüntü kutusu getwid woocommerce vitrini engelliyor

Banner bloğuyla WooCommerce Storefront mağaza afişleri oluşturun

Getwid size reklam indirimleri, etkinlikler, belirli ürünler vb. için afişler oluşturmanız için bir araç sağlar. Afişler için arka plan olarak görüntüleri veya düz bir rengi kullanabilirsiniz.

banner blok getwid mağazası

Özelleştirme araç zinciri ayrıca tipografi, renkler ve boşluk ayarları içerir.

Bir banner'ı etkileşime girdiğinde daha dinamik hale getirmek istiyorsanız, animasyon efektleri eklemeyi denemelisiniz:

woocommerce blokları vitrin için banner blok getwid

Ürünü veya gönderi kaydırıcılarını sergileyin

Slayt gösterileri, alışveriş yapanların dikkatini çekmek ve seçilen ürünleri ilgi odağı haline getirmek için eski güzel bir pazarlama tekniğidir. Tonlarca kaydırıcı eklentisi ve bloğu var, ancak eklenti atlamasını önlemek istiyorsanız Getwid, Storefront WooCommerce web siteniz için işi yapacak birkaç çözüm de sunuyor.

Getwid birkaç özel blok sunar:

  • Özel kaydırıcılar için görüntü kaydırıcıları (kahraman kaydırıcıları, ürün kaydırıcıları).
  • Otomatik gönderi kaydırıcıları (blog gönderilerinizin içeriğini veya WooCommerce ürünlerini slayt olarak kullanın).

Getwid'in Medya ve Metin Kaydırıcı bloğu, Görüntü Kaydırıcı bloğunun daha gelişmiş bir sürümüdür. İlki gerekli genişlik ve yükseklik için bükülebilir.

medya ve metin kaydırıcısı woocommerce mağazası

Renkler, animasyon efektleri, içerik hizalaması ve kaydırıcı gezinme kontrolleri ayarlanabilir:

medya ve metin kaydırıcı getwid animasyonu

Gönderi Kaydırıcısı bloğu, özelleştirilebilir bir kaydırıcı aracılığıyla gönderileri, WooCommerce ürünlerini veya diğer özel gönderi türlerini öne çıkarmanıza olanak tanır:

kaydırıcı sonrası woocoomerce ürünleri

Bu bloğu kullanarak bir şablondan bir düzen bile oluşturabilirsiniz:

getwid özel yazı tipi kaydırıcı düzeni

Özel gönderi çıktısına gelince, gerçekten benzersiz bir Özel Gönderi Türü bloğu kullanabilirsiniz. İlk olarak, içerik kaynağını seçmenize ve ardından liste veya ızgara düzeni, slayt sayısı, sıralama ve filtreleme seçenekleri ve daha fazlası dahil olmak üzere geri kalan ayarları gözden geçirmenize olanak tanır:

özel gönderi türü woocommerce mağazası

Mağaza SSS bölümleri oluşturmak için Akordeon, geçiş ve sekme blokları

Siparişimi ve ödemelerimi nasıl takip edebilirim? Siparişimi nasıl iptal edebilirim? Bu ve diğer pek çok soru, kullanışlı bir mağaza SSS bölümü sayesinde kişisel etkileşim olmadan yanıtlanabilir.

Getwid, soruları ve yanıtları karmaşık verileri daha kullanıcı dostu bir şekilde yapılandırmanıza izin verecek şekilde düzenlemeniz için seçebileceğiniz üç farklı blok sunar. Akordeon, geçiş ve sekme bloklarından birini seçin:

vitrin woocommerce blokları sss

Simgeleri ve başlıkları kolayca değiştirin:

akordeon gutenberg blokları

WooCommerce Storefront referansları ve incelemeleri

Elbette müşteriler her zaman belirli ürünler için WooCommerce incelemelerini etkinleştirerek alabileceğiniz gerçek, güvenilir incelemeler ararlar. Bununla birlikte, bunları daha da ileri götürmek istiyorsanız, nişinizdeki veya diğer markalardaki etkileyiciler tarafından yapılan genel incelemeleri gösteren özel bir Görüşler bölümü ekleyebilirsiniz.

Getwid'in Gutenberg Referans bloğu, WooCommerce Storefront tema çıktısını devralacak önceden hazırlanmış bir kapsayıcı ile birlikte gelir. Referans içeriğini satır içi olarak düzenleyebilirsiniz – blok düzenleyicide görsel olarak:

woocommerce vitrin teması referansları engelliyor

Ürün ayrıntılarını Image Hotspot bloğuyla göster

Bu, belirli ürünlere ayrıntılı olarak odaklanmanıza yardımcı olacak benzersiz bir bloktur.

Blok, özel bir görüntü eklemenize ve animasyonlu işaretçileri görüntünün üzerinde birden çok yere yerleştirmenize ve onlara özel metinler sağlamanıza olanak tanır. Bu şekilde gösterecek bir şeyin var mı?

storefront woocommerce görüntü etkin noktasını engelliyor

Instagram galeri bloğu ile sosyal medyanızı takip ederek büyütün

Üçüncü taraflara güvenmeden, Getwid'in Instagram galeri bloğu ile gerçek hayattaki Instagram akışınızı Storefront'a ekleyebilirsiniz. Vitrin mağazanıza işin arkasındaki gerçek kişilerden oluşan bir hava verebilir ve müşterileri sosyal medyada sizi takip etmeye teşvik edebilir:

MotoPress tarafından Instagram blok Gutenberg Getwid eklentisi

Blokta sütun sayısını, düzeni değiştirebilir ve beğeni ve yorum simgelerini etkinleştirebilir/devre dışı bırakabilirsiniz.

Özel ürün videoları ekleyin

Açılır Video bloğu sayesinde, kapak resmini güncelleyebildiğiniz, özel bir oynatma düğmesi, metinler ve animasyon efektleri ekleyebildiğiniz için ürün videolarınız standart videolardan daha canlı ve farklı görünebilir:

vitrin woocommerce video açılır pencere bloğu

Satış geri sayımlarıyla bir aciliyet duygusu yaratın

Her mağaza için vazgeçilmez bir şey, alışveriş yapanları sipariş verme sürecini hızlandırmaya teşvik edebilecek satış geri sayım sayacıdır.

Bireysel ürünler için Getwid Geri Sayım bloğunu kullanamasanız da, blok genel mağaza satışları için işi yapacaktır (ön sayfaya veya başka bir mağaza sayfasına koymaktan çekinmeyin).

geri sayım sayacı woocommerce vitrin teması

Animasyonlu bir Etkinlik Zaman Çizelgesi bloğu kullanarak bir mağaza hikayesini öne çıkarın

Bu, alışveriş yapanlarla güven oluşturmak ve sadık müşteriler kazanmak için mükemmel bir bloktur! Sektöre yönelik uzmanlığınızı ve tutkunuzu kanıtlamak için hikayenizi ve başarılarınızı biraz gösterin. Blok, her etkinlik için sorunsuz animasyon ve tamamen özelleştirilebilir kaplarla birlikte gelir:

zaman çizelgesi blok woocommerce vitrin teması

Yeni Başlayanlar için WooCommerce Video Eğitimi

https://youtu.be/U5Z3IdS41G8

Sonuç: WooCommerce Vitrin Mağazanızı Getwid Blokları ile Daha Çekici Hale Getirin

Storefront teması ve WooCommerce Blokları, müşterilerinize stressiz alışveriş sağlamak ve çevrimiçi mağazanızı tam teşekküllü e-Ticaret motorunda işletmek için ihtiyacınız olan her şeyi sağlar. Getwid blok eklentisi, alışveriş yapanları daha fazla bilgi edinmeye ve tıklamaya teşvik edecek şekilde ürünlerinizin ve hizmetlerinizin sunumunu güçlendirmeye hazırdır.

Gutenberg destekli Getwid blokları, kısa kod deneyimlerini sorunsuz bir şekilde değiştirebilir ve mağazanız için daha da fazla dönüşüm artırıcı içerik blokları oluşturmanıza yardımcı olabilir.

Eminim bugün WooCommerce Storefront temanızda oynamak isteyeceğiniz birkaç harika Getwid bloğu bulmuşsunuzdur.

Getwid bir WooCommerce eklentisi mi?

Hayır, Getwid, farklı site türleri ve amaçlar için bağımsız bir WordPress blokları koleksiyonudur. Site oluşturma sürecinizi güçlendirmek için 40'tan fazla çok amaçlı blok ve 30'dan fazla tasarım deseni ile doludur.

WooCommerce siteleri için en iyi Getwid blokları nelerdir?

Bu gerçekten ihtiyaçlarınıza bağlıdır – ancak seçilen ürünlerin veya promosyonların reklamını yapmak için Banner, farklı ürünleri öne çıkarmak için Slider, SSS ve özellikle ürününüz hakkında daha fazla ayrıntı sağlamak için Hotspot bloğu ve bir anlam yaratmak için Geri Sayım gibi bazı özel blokları vurgulayabiliriz. aciliyet.

Getwid, WooCommerce bloklarıyla çalışacak mı?

Her iki blok paketini de Storefront ile oluşturulmuş aynı web sitesinde aynı düzenleme ortamında kullanabilirsiniz. Neredeyse hiç değiştirilebilir blok yoktur, bu nedenle her iki paketi de farklı amaçlar için kullanabilirsiniz.

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