WooCommerce: Flatsome Tema İncelemesi

Dikkat çekici ve kusursuz bir kullanıcı deneyimi, e-ticaret işletmeleri için başarılı bir çevrimiçi varlık oluşturmanın anahtarıdır. Müşterileriniz ne sıklıkla web sitenize giriyor, kafa karıştırıcı yaş düzenleri nedeniyle diğer ayak işlerini yapmaktan dikkatleri dağılıyor veya mağazanızı terk ediyor?

İstatistiklere göre, site ziyaretçilerinin %38'i, çekici olmayan içerik ve sayfa düzeni nedeniyle web siteleriyle etkileşime girmeyi bırakıyor. Bu nedenle, çekici ve sezgisel bir sayfa tasarımı ile müşterilerin dikkatini çekmek ve kaliteli bir deneyim sunmak, müşteriyi elde tutmak ve satışları artırmak için önemlidir.

Ve mağazanızın teması, ziyaretçilerin ilgisini çekmeye ve sayfalarında gezinmelerine yardımcı olan önemli bir unsurdur. WooCommerce web siteniz için birden fazla tema arasından seçim yapabilirsiniz, ancak kaliteli bir deneyim sunmak için ihtiyacınız olan şey harika performans sunan, yüksek özelleştirme yetenekleri sunan ve kullanıcı deneyimini kolaylaştıran çok amaçlı bir tema seçmektir.

Bu makale böyle önemli bir temayı inceliyor – Flatsome WordPress teması. E-Ticaret mağazanız için doğru seçim olup olmadığını belirlemenize yardımcı olmak için kısa bir genel bakışla başlayacağız ve arayüzünü, özelliklerini, avantajlarını ve maliyetini göreceğiz. Hadi gidelim!

Flatsome: Kısa Bir Bakış

Flatsome - 2013'te yayınlanan çok amaçlı, duyarlı bir WooCommerce teması, ThemeForest'ta en çok oy alan ve popüler temalardan biridir. Birkaç gün içinde ThemeForest'ta 200.000 satışa ulaşacak .

UX temaları, kullanımı kolay ve özelleştirilmiş Flatsome temasını tasarladı ve geliştirdi - kodlayıcı olmayanlar ve yeni başlayanlar için mükemmel.

Flatsome 3.15.6, önceki Flatsome 3.0 sürümünden çok daha fazla özellik ve seçenek içeren temanın en son sürümüdür. Ayrıca tema, yüksek performans ve güvenilirlik sunar ve ölçeklenebilirlik için tasarlanmıştır.

Ayrıca, gelecekteki güncellemelerle birlikte gelir ve WooCommerce ile sorunsuz bir şekilde bütünleşir. Kurulumu ve kurulumu ile Flatsome tema incelemesiyle başlayalım.

Flatsome Kurulumu ve Kurulumu

Flatsome temasını yüklediğinizde ve WordPress arka uç kontrol panelinizde açtığınızda – bu sayfaya gideceksiniz.

Burada, WooCommerce mağazanızda temayı başlatmak ve kurmak için sizi yönlendirecek olan Kurulum Sihirbazı düğmesini tıklamanız gerekir.

Kurulum sihirbazını atlayabilir ve 'Şu anda değil' düğmesine tıklayabilirsiniz. Yeniden başlatmak ve daha sonra kurmak için WordPress kontrol panelinizde Flatsome > Kurulum > Sihirbaz'a gidin.

Veya 'Hadi gidelim!' düğmesine tıklayabilirsiniz. Kurulumu başlatmak için düğmesine basın. Bu düğmeye tıkladıktan sonra temanızı kaydetmek için satın alma kodunu girin ve 'Kaydol' düğmesine tıklayın.

Kurulum , kendi alt temanızı oluşturmanıza olanak tanır - bu, tema güncellemesi durumunda yaptığınız değişiklikleri veya değişiklikleri kaydeder.

Ardından kurulum, aşağıdakiler de dahil olmak üzere birden çok eklenti yüklemenizi ister:

• WooCommerce
• İletişim Formu 7 (gerekli)
• Nextend Google Connect (gerekli)
• Nextend Facebook Connect (gerekli)
• Sınırsız Kenar Çubuğu
• Küçük resimleri yeniden oluştur (gerekli)
• YITH WooCommerce İstek Listesi (gerekli)

Bu adımı şimdilik atlayabilir veya daha sonra yüklemek istediğiniz eklentileri WordPress kontrol panelinizden belirleyebilirsiniz. Veya, İletişim Formu 7 yerine WPForms gibi eklentinin alternatiflerini de yüklemeyi seçebilirsiniz. Ancak, bu eklentileri hemen yüklemeden tema yine de düzgün şekilde çalışacaktır.

Ardından, sitenizin demo içeriğini oluşturabilirsiniz - özellikle temayı içeriksiz yepyeni bir web sitesinde kuruyor ve kullanıyorsanız, içeriği daha sonra beğeninize göre özelleştirmeyi ve düzenlemeyi kolaylaştırır. Veya mevcut bir web sitesini kullanıyorsanız bu adımı atlayabilirsiniz.

Ardından, önceden ayarlanmış logonuzu yükleyin, önceden ayarlanmış bir tasarım seçin, desteği gözden geçirin ve Flatsome kurulumunu tamamlayın.

Bu nedenle, Flatsome temasını ayarlamak oldukça hızlı ve basittir, çünkü sizi adımlarda sezgisel olarak ilerletir ve gerekirse belirli adımları atlamanıza izin verir.

Şimdi temayı nasıl kuracağımızı gördüğümüze göre, Flatsome ve tasarımın özelliklerine geçelim.

WooCommerce İçin En İyi Flatsome Özellikleri

Flatsome ile düzenlemek için Sayfalar > Yeni Ekle'ye gidin ve sonraki sayfada UX Builder ile Düzenle'ye tıklayın.

Bu sayfaya ineceksiniz.

Flatsome'ın sağladığı tüm özelliklere tek tek bakalım:

1. Sezgisel bir arayüz

Flatsome, seçtiğiniz öğelerin eklenmesini ve kaldırılmasını kolaylaştıran kusursuz bir arayüzle birlikte gelir.

'Öğe ekle' düğmesini tıkladığınızda, kenar çubuğunda düzen, içerik ve mağaza dahil olmak üzere birden çok öğe seçeneği göreceksiniz.

Bölüm, satır, kaydırıcı, ızgara, sayfa başlığı, blok, yığın, resim, simge, arama kutusu, fiyat tabloları, galeri ve portföy gibi çok çeşitli öğeler arasından seçim yapabilirsiniz. Ek olarak, tüm Flatsome öğelerine buradan göz atabilirsiniz.

Ayrıca, tema son derece duyarlıdır - web sitenizin mobil, tablet ve masaüstü sürümünü tek bir tıklamayla önizlemenize olanak tanır. Örneğin, aşağıda gösterildiği gibi e-Ticaret mağazanızı farklı cihazlarda önizlemek için sağ taraftaki kenar çubuğunda görüntülenen simgelere tıklamanız yeterlidir.

2. Kapsamlı bir dizi tema tasarımı seçeneği

Mağazanızın tasarımı, ziyaretçileri çekmenin en önemli yönlerinden biridir. Ne kadar yaratıcı ve basit olursa, ziyaretçiler o kadar uzun süre kalmak ve web sitenizle etkileşim kurmak ister.

Flatsome, hazır özel bir sayfa tasarımınız yoksa, birinci sınıf kalitede birçok çekici hazır tasarım şablonu sunar. Tüm temaların rengi, blok yerleşimi, simgeler, görüntü boyutu ve arka plan tasarımı mükemmel ve tasarıma çekici geliyor.

3. Başlık oluşturucu ve ön uç düzenleyici

Flatsome, Header Builder ile mükemmel başlık özelleştirme seçenekleri sunar.

Görünüm'e gidip mağazanızın WordPress arka ucundaki Özelleştir seçeneğine tıkladığınızda, aşağıda gösterildiği gibi başlık, stil, blog ve düzen dahil olmak üzere çeşitli özelleştirme seçenekleri görebilirsiniz.

Başlık menüsüne tıklamak, başlığınızı gereksinimlerinize göre özelleştirmek için size sezgisel bir sürükle ve bırak başlık oluşturucusu sunar.

Sürükle ve bırak düzenleyicisiyle menülerin yerleşimini ayarlayabilir ve düğmelerden, arama formundan, dikey menüden ve özel HTML kodunuzdan herhangi bir şeyi kolayca ekleyebilirsiniz. Ayrıca düzenleyici, yükseklik, genişlik ve renk dahil stili ayarlamanıza da olanak tanır.

Ayrıca, başlık oluşturucu düzenleyicisi aracılığıyla özelleştirilmiş başlığın masaüstü, mobil ve tablet sürümlerini önizleyebilirsiniz.

Bir e-ticaret mağazası olan Work Sharp, Flatsome temasını kullanan bir web sitesine mükemmel bir örnektir. Küçük vurgulu animasyon menüleri ile basit, şık bir üstbilgiye sahipler - web sitesinin ana sayfasına etkileşimli bir kullanıcı deneyimi sunuyor.

4. UX Oluşturucu

Avada'nın kendi canlı sayfa oluşturucusu ile birlikte gelmesi gibi, Fusion Builder - Flatsome, UX Builder ile birlikte gelir.

Web sitenizin tek tek öğelerini kolayca düzenlemenize ve sitenizdeki canlı değişiklikleri anında görmenize olanak tanır. Bu oluşturucu, başlık, kaydırıcı, bölümler ve ürünler dahil olmak üzere 36 farklı içerik öğesiyle birlikte gelir.

Burada içeriğin metnini, yazı tipi boyutunu, hizalamasını ve rengini kolayca özelleştirebilirsiniz.

Özelleştirmek istediğiniz belirli öğeye tıklayın ve metnini, hizalamasını veya boyutunu gerektiği gibi değiştirin.

5. Flatsome Stüdyo

Flatsome temasının en görkemli ve dikkate değer özelliklerinden biri Flatsome Studio'dur. Tek bir tıklamayla içe aktarabileceğiniz, kapsamlı bir dizi ücretsiz resim, bölüm ve önceden tasarlanmış düzen içeren dijital bir kitaplıktır.

E-Ticaret, altbilgi, ızgara, kampanyalar, iletişim ve referanslar gibi bölümler için yüzlerce öğe ve şablon arasından seçim yapabilirsiniz.

Örneğin, bir Rumen yazılım geliştirme web sitesi olan Infobest, web sitesini tasarlamak için Flatsome'ı kullanıyor. Sitelerinin her yerinde müşteri incelemelerini görüntülemek ve marka güvenilirliğini artırmak için Flatsome Studio kitaplığındaki temanın referans şablonunu kullanırlar.

6. Dahili kaydırıcı eleman

Yerleşik kaydırıcı öğesi, web sitenize vurgulu efektler ve animasyonlarla slayt eklemeyi kolaylaştıran bir diğer önemli ön uç düzenleyici özelliğidir.

Afişlerden, resimlerden ve ızgaralardan her şeyi slayt olarak ekleyebilirsiniz - her slaytta bir kaplama rengi, animasyon, resim yazısı ve fareyle üzerine gelme efekti bulunur.

Kaydırıcının gezinme, otomatik kaydırma ve gelişmiş ayarlarını kolayca özelleştirebilirsiniz.

7. Arama motoru optimizasyonu

Web sitenizin hızı ve performansı, sitenizin Arama Motoru Optimizasyonu (SEO) performansında kritik bir rol oynar. E-Ticaret mağazanızın yüklenmesi ne kadar uzun sürerse, hemen çıkma oranları o kadar yüksek ve web sitenizin arama motorlarındaki SEO sıralaması o kadar düşük olur.

Bu nedenle, çok amaçlı özelliklerin yanı sıra daha hızlı hız ve performans sunan temayı seçmek önemlidir.

Flatsome, daha hızlı sayfa yükleme hızı sağlamak için mükemmel olan hafif bir CSS ve JavaScript çerçevesi ile birlikte gelir. Ayrıca, tüm resimlerde ve arka planlarda akıllı tembel yükleme kullanır - resimlerin yalnızca gerektiğinde yüklenmesini sağlar, yine sitenizin daha hızlı yüklenmesini sağlar.

Ayrıca tema, paralaks efektlerini ve CSS animasyonlarını minimum 60 fps'de tutar ve bu da web sitesini sorunsuz ve yüksek performanslı hale getirir.

8. Esnek stil seçenekleri

Görünüm > Özelleştir > Stil menüsüne giderek, sınırsız renk seçeneği ve 700'ün üzerinde Google yazı tipi arasından seçim yaparak web sitenizin rengini ve tipografisini ayarlayabilir veya özel CSS ekleyebilirsiniz.

Ayrıca, gelişmiş özelleştirme ve stil seçenekleriyle web sitenizin altbilgisini, blogunu, menülerini, sayfalarını ve widget'larını da özelleştirebilirsiniz.

9. Destek ve belgeler

Flatsome, çevrimiçi belgeler, premium e-posta desteği, videolar, özellik istekleri ve temayı kullanan kullanıcılarla Flatsome topluluğuna erişim ile güvenilir yardım ve destek sunar.

Bu desteğe, arka uç WordPress panonuzda Flatsome > Yardım ve Kılavuzlar'a giderek erişebilirsiniz. Ayrıca gelecekteki güncellemelerle UX temalarından 6 aylık özel destek alırsınız. Ek olarak, bu desteği 17.63 $ ek ücretle 12 aya kadar uzatabilirsiniz.

İşte kapsamlı Flatsome desteğinin bağlantısı:

• Flatsome'ın YouTube kanalındaki video eğitimleri
• Flatsome bilgi tabanında geniş bir makale koleksiyonu
• Themeforest aracılığıyla sağlanan çevrimiçi destek
• Farklı kullanım örneklerini görmek ve ilham almak için bazı düz örnekler

Böylece, herhangi bir zorlukla karşılaştığınızda, sorularınızı anında çözmek için bu destek kanallarından herhangi birine başvurabilirsiniz.

Diğer Flatsome Özellikleri

İşte onu en popüler WooCommerce temalarından biri yapan diğer önemli Flatsome özelliklerinin bir listesi:

• En çok kullandığınız öğelerle özel bloklar oluşturun ve blokları herhangi bir gönderi veya sayfada bir kısa kod kullanarak görüntüleyin - kullanışlı ve zaman kazandıran bir çözüm.
• Ödeme sayfalarını kolaylıkla tasarlama yeteneği.
• Ürünleri görüntülemek için kategori sayfalarına hızlı bir göz atın.
• Kategori sayfalarından sepete ekle seçeneği .
• Ürün sayfaları için QuickZoom işlevi.
• Fiyatları olmayan ürünleri görüntülemek için bir katalog seçeneği .
• Kategori listeleri için farklı filtre seçenekleri ve düzen seçenekleri.
• Canlı arama seçeneği, ziyaretçilerin yazarken aradıklarını görmelerini ve bulmalarını sağlar.
• WPML hazır.

Ayrıca Flatsome 3.14 ve Flatsome 3.13 sürümlerinin yeni özelliklerini görebilir ve yeni değişiklik günlüğünü okuyabilirsiniz.

Flatsome Fiyatlandırma İncelemesi

Flatsome temasının Normal Lisansı , tek bir site için 59 $ (vergiler hariç) tutarındadır.

Temayı birden fazla web sitesi veya birden çok kullanıcı için kullanmak istiyorsanız, Genişletilmiş Lisansı 2950 ABD Doları tutarındadır . Ayrıca, 12 aylık bir destek uzatması için 17,63 $ ek ücret talep eder.

Sonuç: Flatsome'ı Seçmeli misiniz?

Sorunsuz WooCommerce entegrasyonu, SEO için optimize edilmiş tasarımı, çok çeşitli öğeleri ve esnek stil seçenekleri göz önüne alındığında, WooCommerce mağazanız için Flatsome temasını kesinlikle düşünmelisiniz.

Arayüzü ve ön uç oluşturucusu da kullanımı ve anlaşılması oldukça kolaydır. Evet, tüm öğelere ve özelliklere aşina olmak biraz zaman ve biraz da öğrenme eğrisi gerektirir. Ancak, arayüzle bir kez tanıştıktan sonra geri dönüş yok.

Bu nedenle, ister yeni başlayan ister uzman bir web geliştiricisi olun, profesyonel görünümlü e-ticaret mağazalarını kolaylıkla oluşturmak için uygun fiyatlı, kullanıcı dostu ve performans odaklı Flatsome temasını inceleyin ve seçin.