Flatsome Tema Kullanıcıları için WooCommerce Eğitimleri ve Kılavuzları

Mağazanızın teması, ziyaretçilerin ilgisini çekmeye yardımcı olan en önemli unsurlardan biridir. WooCommerce mağazanız için bir tema söz konusu olduğunda, binlerce seçenek mevcuttur. Ancak, yüksek özelleştirme yeteneklerine sahip çok amaçlı bir tema seçmeniz gerekiyor. Böyle bir WordPress WooCommerce teması Flatsome'dır.

Flatsome teması hakkında daha fazla bilgi

Flatsome, ThemeForest'in tema deposundaki en popüler ve en yüksek puan alan WordPress WooCommerce temalarından biridir. UX Temaları tarafından tasarlanmış ve geliştirilmiştir. Amaç, yeni başlayanlar ve kodlayıcı olmayanlar için mükemmel, kullanımı kolay, özelleştirilmiş bir tema tasarlamaktı.

Flatsome, çok amaçlı bir WooCommerce odaklı tema olmasına rağmen, herhangi bir web sitesi oluşturmak için kullanılabilir. Bu temayı kullanarak blog siteleri, kişisel portföy siteleri, şirket siteleri ve daha fazlasını oluşturabilirsiniz.

BuiltWith'deki bir istatistik, Flatsome kullanılarak 500 binden fazla canlı web sitesinin geliştirildiğini gösteriyor. Bu kadar büyük bir popülaritenin ardındaki sebep, tema özelliklerinin ve harika kullanıcı deneyiminin muhteşemliğinden başka bir şey değildir. Hızlı, hafif, kullanımı kolay ve teknik bilgisi olmayan kullanıcılar için özel olarak üretilmiştir.

Tema, hızlı bir web sitesi oluşturmak için güzel tasarlanmış demolarla birlikte gelir. Bu nedenle, WooCommerce web sitesi mağazanız için Flatsome temasını seçmek harika bir fikir.

WPCred ekibi, uzun süredir Flatsome odaklı eğitimler yazıyor. Flatsome'ın çeşitli konuları hakkında 40'tan fazla temel öğreticiyi zaten ele aldık. Bazıları tamamen Flatsome temasını kullanıyor ve diğerleri üçüncü taraf eklentileri veya araçları kullanıyor. Flatsome WooCommerce temasının eğitimlerine geçelim.

Flatsome Teması Satın Alın

1. Flatsome En İyi WooCommerce Teması mı?

Flatsome, 200.000'den fazla site sahibinin güvendiği çok amaçlı bir WooCommerce temasıdır. Harika bir kullanıcı deneyimi ile inanılmaz derecede hızlı bir tema. Bunun yanında güzel tasarımlar sunar, her cihazı destekler ve benzersiz özellikler sunar.

Ek olarak Flatsome, çekirdek JavaScript dosyasını 56 kb'ye indirdi ve bu da onu inanılmaz derecede optimize etti. Flatsome tema incelemesinin derinlemesine analizimizi okuyarak giriş ve çıkışları öğrenebilirsiniz .

2. Kaliteli WooCommerce Barındırma

Kötü bir sunucuda barındırılırsa siteniz daha hızlı olmaz. Performansı, barındırma kalitesine bağlıdır. Aralarından seçim yapabileceğiniz yüzlerce WooCommerce barındırma sağlayıcısı var. En iyi barındırma platformunu seçmek, mağazanızı kurmayı ve yönetmeyi çok daha kolay hale getirecektir.

3. Flatsome tema kurulumları

Flatsome WooCommerce temasını yüklemek çok kolaydır. ThemeForest'i ziyaret edin ve Flatsome Theme'i satın alın (henüz satın almadıysanız). Bundan sonra dosyayı indirin ve WordPress kontrol panelinize yükleyin. Ardından lisans anahtarını kullanarak kurun ve etkinleştirin. Flatsome'ı resmi bir demo gibi kurmak için bağlantılı makaleyi ziyaret edin .

4. Alt Tema Oluştur

Bir alt tema ile, tema dosyalarınızı doğrudan düzenlemeden web sitenizin görünümünü değiştirebilirsiniz. Bu, herhangi bir özelleştirmeyi kaybetmeden temayı güncelleyebileceğiniz anlamına gelir . Flatsome temasını ilk kez etkinleştirdiğinizde, bir alt tema oluşturma seçeneği olacak, bunu yeni bir alt tema oluşturmak için kullanın.

5. Alt Tema için Ana Tema Özelleştirici Ayarları

Flatsome'da bir alt tema kullanırken, özelleştirici ayarlarını ana temadan alt temaya kopyalamanız gerekebilir . Birkaç adımdan oluşan basit bir işlemdir. WordPress, çocuğunuzun temasını yeni bir tema olarak görür. Bu nedenle, bunu yapmadan alt temaya geçerken ana tema özelleştirmenizi kaybedebilirsiniz.

6. Flatsome Kullanarak Tek Sayfalık Bir Web Sitesi Oluşturun

Bahsettiğimiz gibi Flatsome, hemen hemen her nişte çevrimiçi mağazalar oluşturmak için kullanabileceğiniz çok amaçlı bir temadır. Günümüzde, tek sayfalık bir web sitesi birçok nedenden dolayı trend oluyor. Flatsome ayrıca, anında tek sayfalık bir web sitesi oluşturmanıza yardımcı olmak için “Flatsome Studio” adlı özel bir özellik sunar .

7. Çevrimiçi Mağaza Oluşturmak İçin Flatsome Studio'yu Kullanın

Flatsome Studio, resimler, önceden tasarlanmış bölümler ve düzenler içeren ücretsiz, kapsamlı bir dijital kitaplıktır. Sadece birkaç tıklamayla içe aktarabilir ve kullanabilirsiniz. Yeni öğeleri içe aktarırken Flatsome stüdyosunu kullanabilir ve 100'den fazla öğe arasından seçim yapabilirsiniz.

8. Logonuzu Yükleyin

Bir logo, marka kimliğinizin temelidir. Ancak tema etkinleştirildiğinde, sitenizde varsayılan olarak Flatsome'ın logosunu göreceksiniz. Ancak, şirketinizin markasını kolayca gösterebilir ve Flatsome Temasına kendi özel logonuzu yükleyebilirsiniz .

9. Flatsome'da Mega Menü Oluşturun

Logoyu seçtikten sonra sıra menülere geliyor. Site ziyaretçiniz her zaman mağazanızdaki her sayfaya kolayca erişmek isteyecektir. Tam olarak ne istediklerini hızlı bir şekilde bulmalarına yardımcı olmanız gerekiyor, bu yüzden mega menüye ihtiyacınız olabilir. Flatsome temalı web sitelerinde birkaç adımda bir mega menü oluşturabilirsiniz .

10. Video Arka Planı Ekleyin

Ziyaretçilerinizin dikkatini çekmek için sadece birkaç saniyeniz var. Hareketli bir arka plan, ziyaretçilerinizi anında çekebilir. Flatsome, arka planda video eklemenizi sağlayan yerleşik bir işleve sahiptir .

11. Mağaza Sayfasında Sonsuz Kaydırmayı Etkinleştir

Sonsuz kaydırma, istediğiniz kadar kaydırma yapmanızı sağlar. Sadece aşağı kaydırarak daha fazla ürüne göz atmak daha kolaydır. Bu nedenle, alışveriş sayfasına sonsuz bir kaydırma eklemek , çevrimiçi mağazanız için size daha fazla fırsat sunar.

12. Flatsome'a ​​Lightbox Ekleyin

Lightbox genellikle ziyaretçilerden harekete geçmelerini istemek için bir harekete geçirici mesaj (CTA) içerir. Birkaç nedenden dolayı web sitesi sahipleri ve pazarlamacılar için oldukça etkilidir. Işık kutusu kısa kodu, bir düğmeyi veya gezinme öğesini tıklatarak ışık kutusu içindeki herhangi bir içeriği açmanıza olanak tanır. Flatsome temasına bir ışık kutusu ekleme adımları basittir.

13. Otomatik Bülten Açılır Penceresi Oluşturun

Pop-up, ziyaretçilerle iletişim kurmanın harika bir yoludur. Daha fazla ziyaretçiyle bağlantı kurmak ve onları potansiyel müşterileriniz yapmak için kullanabilirsiniz. Ayrıca, e-posta pazarlama kampanyasında size yardımcı olabilir ve sitenizin kayıtlı kullanıcılarını artırabilir. Flatsome, otomatik bir bülten ışık kutusu kayıt açılır penceresi oluşturma özelliğine sahiptir . Promosyonlarınızı vurgulayacak ve bülteninize daha fazla abone kazandıracaktır.

14. Öne Çıkan Ürünleri Ayarlayın

Özellik Ürünleri, ziyaretçilerinizin WooCommerce mağazanızın en çekici ürünlerini görüntülemelerine yardımcı olur. Bunu kullanarak müşterilerinize özel ürünlerinizi sergileyebilirsiniz. Bunlar, trend olan veya popüler ürünleriniz, yeni ürünleriniz veya göstermek istediğiniz bazı sponsorlu ürünleriniz olabilir. Flatsome WooCommerce temasında öne çıkan ürünleri ayarlamanın birçok yolu vardır .

15. Belirli Ürünler için Ücretsiz Kargo Uygulayın

WooCommerce mağaza sahipleri, satışlarını artırmak için farklı stratejiler uygular. Bunlar arasında ücretsiz kargo, müşterileri çekmek için yaygın bir stratejidir. Flatsome, belirli ürünlerde ücretsiz gönderim ayarlamayı teklif ediyor . Tek tek ürünlere, belirli kategoriye dayalı ürünlere veya başka herhangi bir ürün türüne ücretsiz gönderim ekleyebilirsiniz.

16. İstek Listesini Doğru Ayarlayın

Genellikle insanlar e-Ticaret web sitelerinde iyi bir zaman harcarlar. Bir siteyi uzun süre ziyaret ederken, satın almaya karar verdikleri ürünü kaybetmek çok yaygındır. Bu nedenle, bir dilek listesi e-ticaret siteniz için hayati önem taşır. Müşterilerinizin ürünleri daha sonra satın almak üzere saklamasını sağlar. Flatsome'da bir İstek Listesi oluşturmanın uygulanması kolaydır. Herhangi bir kodlama yapmadan web sitenize ekleyebilirsiniz.

17. Özel bir 404 Hata Sayfası Oluşturun

Web'deki en yaygın hatalardan biri 404 hata sayfasıdır. Ziyaretçileriniz için sinir bozucu ve kafa karıştırıcı. Bunun gibi sayfalar net değildir ve kullanıcıların sitede kalmasına yardımcı olmaz. Ziyaretçilerin genel bir hata sayfasına gelmesini kesinlikle istemezsiniz. Ziyaretçileriniz böyle bir durumla karşılaşırsa endişelenmeyin, Flatsome'da bazı yerleşik özel 404 hata sayfaları vardır . Listeden birini seçebilir ve ziyaretçilerinizin hala sitenizde olduklarını bilmelerini sağlayabilirsiniz.

18. Müşteri Görüşü Ekle

Müşteri referansları eklemek, alışveriş yapanların güvenini oluşturmanın güçlü bir yoludur. Memnun müşteriler tarafından bırakılan en yaygın olumlu yorumlardır. Müşteri referansları eklemenin birçok farklı yolu vardır . Flatsome temasında aralarından seçim yapabileceğiniz bazı önceden tanımlanmış referans sayfaları bulacaksınız.

19. UX Builder ile Mağaza Sayfası Başlığı Oluşturun

Ne tür ürünler satarsanız satarsanız, WooCommerce mağaza sayfalarınız mağazanızın temel parçalarıdır. Flatsome , mağaza sayfanızı daha kullanışlı ve çekici hale getirmek için UX oluşturucu ile bir mağaza başlığı eklemenize olanak tanır .

20. UX Builder Kullanarak Bir Kaydırıcı Oluşturun

Bir kaydırıcı, ürünlerinizi süslü ve kullanıcı dostu bir şekilde sergilemenize yardımcı olabilir. Sonuç olarak, ziyaretçileriniz daha iyi bir izlenime sahip olacaktır. Flatsome, UX Builder'ı kullanarak bir kaydırıcı oluşturmayı kolaylaştırdı .

21. WooCommerce Ürün Sayfasını Özelleştirin

Harika ürününüz benzersiz bir özelleştirilmiş WooCommerce ürün sayfasını hak ediyor. E-ticaret mağazanızın öne çıkması için ürün sayfasını özelleştirebilmeniz gerekir . Flatsome UX oluşturucu, ürün sayfalarınızı görsel olarak oluşturmanız ve özelleştirmeniz için size tasarım esnekliği sağlar.

22. Google Site Bağlantılarını Hızla Alın

Google Site Bağlantıları, genellikle marka aranırken ilk arama sonucunun altında görünen alt listelerdir. Site bağlantıları zaman kazandırır ve arama yapanlar için alakalı sonuçlar sağlar. Site linkleri alma şansınızı artırmak için bazı işlemleri takip edebilirsiniz .

23. Google Etiket Yöneticisini Kur ve Yükle

Google Etiket Yöneticisi, pazarlamacıların ve web yöneticilerinin web sitesi etiketlerini tek bir yerde dağıtmasına olanak tanıyarak etiket yönetiminin kolay, basit ve güvenilir olmasına yardımcı olur. Google Etiket Yöneticisi'ni nasıl kuracağınızı ve yükleyeceğinizi merak ediyorsanız eğitimimize göz atabilirsiniz .

24. Google Arama Konsolu Ekle

Eskiden Web Yöneticisi Araçları olarak bilinen Google Arama Konsolu, aramada web sitesi performansını izlemek için verileri optimize etmenize yardımcı olur. Search Console'un faydaları, arama performansını iyileştirmek için onu vazgeçilmez kılar. Flatsome destekli sitenizde Google Arama Konsolunu kurmak yalnızca birkaç dakika sürer ancak size ömür boyu fayda sağlar.

25. Mağaza Trafiğini İzlemek için Google Analytics'i Ekleyin

Google Analytics, site ziyaretçilerinizi izlemek ve analiz etmek için Google tarafından sunulan ücretsiz bir araçtır. Ayrıca, hedeflerinize ulaşmak için neler yapabileceğinize ve web sitenizin nasıl performans gösterdiğine dair önemli bilgiler sağlar. Önemini zaten biliyorsanız, Flatsome WooCommerce temanızda Google Analytics'i nasıl kuracağınıza dair bir özet .

26. İletişim Formu 7'ye Google reCaptcha'yı ekleyin

İletişim Formu 7 eklentisi, WordPress destekli herhangi bir web sitesi için gereklidir. Web sitenizde kullanırsanız, muhtemelen formunuz aracılığıyla spam gönderiler almaya başlayacaksınız. Gelen kutunuzun gereksiz içeriğe sahip olmasını önlemek için Google reCaptcha eklemeniz gerekir .

27. Facebook Açık Grafik Meta Verilerini Ekleyin

Facebook açık grafik meta verileri, içeriğinizin Facebook'ta paylaşıldığında nasıl görüneceğini kontrol etmenizi sağlar. İçerikten meta verileri alır ve işlerin nasıl görüntüleneceğini seçmenize olanak tanır. Flatsome web sitenize kalem grafiği meta verileri eklemek için hem manuel yöntemleri hem de bir eklentiyi takip edebilirsiniz .

28. Değişken Ürünler Yaratın

WooCommerce'deki bir değişken, çeşitli seçenekler arasından seçim yapmanızı sağlar. Çeşitli renkler, stiller, boyutlar ve daha pek çok şekilde sunulan bir ürün olarak kolayca tanımlanabilir. Flatsome temasına değişken ürünler eklemek basittir.

29. Çoklu Varyasyon Görüntüleri ve Videoları Ekleyin

Bir ürün için birden fazla görsel, alışveriş yapanların bir ürün seçmesini kolaylaştırır. Ancak, varsayılan olarak WooCommerce, ürün varyasyonu başına yalnızca tek bir resim eklemenize izin verir. Bununla birlikte, WooCommerce eklentisi için Ek Varyasyon Resimleri Galerisi, ürünlerinizi farklı açılardan veya perspektiflerden görüntülemenizi sağlar. Ayrıca, WooCommerce ürünlerinizin resim galerisine videolar ekleyebilirsiniz.

30. Mağaza/Arşiv Sayfasında Varyasyon Renk Örneklerini Göster

Varsayılan olarak, WooCommerce, varyasyon ürünleri için bir açılır menü sunar. Ancak görüntülemek için daha fazla tıklama gerekir ve ziyaretçilere sorunsuz bir deneyim sunmaz. WooCommerce Varyasyon Renk Örnekleri eklentisi, varsayılan ürün açılır listelerini güzel renk örneklerine dönüştürür.

WooCommerce renk varyasyonları eklemek , ürünlerinize daha fazla hayat getirmenin en iyi yollarından biridir. Öte yandan, görüntü varyasyon renk örnekleri , varyasyonları görüntülemek için hoş bir yol sağlar.

Alternatif olarak, farklı bir amaç için radyo renk örneklerini etkinleştirmek isteyebilirsiniz . Seçme açılır menüsüne kıyasla, radyo düğmeleri daha müşteri dostudur.

31. Flatsome'ı Loco Çeviri Eklentisi ile Çevirin

Web siteniz çevrilebilir olmadığı için her gün kaybettiğiniz çok sayıda web sitesi trafiği var. Flatsome tema destekli sitenizin çok dilli olması gerekiyorsa, Loco Translate eklentisi ile kolayca çeviri yapabilirsiniz .

32. Flatsome'da İncelemeleri Devre Dışı Bırak

Çoğu durumda ürün incelemelerini devre dışı bırakmanız önerilmez. Ancak, ürün incelemelerini devre dışı bırakmayı düşünmeniz için bazı nedenler vardır . Bazen mağaza sahiplerinin ürün incelemeleri bölümündeki istenmeyen postaları takip etmesi zordur.

33. Destek Ekibine Kullanıcı Ekleme

WordPress yerleşik bir kullanıcı yönetim sistemine sahiptir. Teknik destek, içerik yazarları, SEO uzmanları ve daha fazlası gibi sitenizin çeşitli yönlerini yönetmek için birlikte çalışan bir ekibiniz olabilir. Platform , kullanıma hazır yeni kullanıcılar eklemenize ve çeşitli roller ve izinler sağlamanıza olanak tanır.

34. Kendi Kişisel Menü Etiketinizi Ekleyin

Menü, web sitenizi kolayca keşfetmenin genel bir yoludur. Birçok WordPress teması, önceden tanımlanmış menü konumları ve düzenleri ile birlikte gelir. Neyse ki Flatsome, ziyaretçileri çekmek için mükemmel, temiz, önceden hazırlanmış bir menü etiketiyle birlikte gelir. Ayrıca kendi kişisel menü etiketinizi de oluşturursunuz.

35. Alt Bilgiye Ödeme Simgeleri Ekleyin

Maksimum Flatsome destekli web siteleri WooCommerce tabanlıdır. Bir çevrimiçi mağazadan bir ürün satın almadan önce, müşteriler onu nasıl satın alabileceklerini bilmek isterler. Bu nedenle, desteklenen ödeme simgelerine sahip olmak çok önemlidir. Altbilgide ödeme simgelerini göstererek müşterilerinize bunu bildirin .

36. Ürün Hızlı Görünümünü Devre Dışı Bırak

Ürün hızlı görünümü, alışveriş yapanlara ürünlerinize "hızlı bir bakış" sunar. Flatsome teması bu özellikle birlikte gelir. Ancak herhangi bir nedenle hızlı ürün görünümünü devre dışı bırakmak isterseniz, bunu hızlı bir şekilde yapabilirsiniz.

37. Bir 'Kaydırma' Bağlantısı Oluşturun

Bağlantıya kaydır öğesini etkinleştirerek site ziyaretçinizin belirli bir sayfa bölümüne geçmesine yardımcı olabilirsiniz . Değerli zamanlarından tasarruf edebilir ve kolayca gezinmelerine yardımcı olabilir.

38. Özel Simgeler Kullanın

Muhtemelen sitenize neden özel simgeler eklemek istediğinizi merak ediyorsunuzdur. Cevap oldukça basit; ' daha iyi görsel temsil ' için. Flatsome'ın bazı çekici simgeleri olsa da, yine de web sitenizde özel simgeler kullanmak isteyebilirsiniz.

39. Kenar Çubuğu Ürün Kategori Listesini Daralt/Genişlet

Kenar çubuğu ürün kategorisi listesi, herhangi bir çevrimiçi mağaza için hayati önem taşır. Flatsome destekli WooCommerce sitesinde, ziyaretçilerin sitenizde kolayca gezinebilmesi için kenar çubuğu ürün kategorisi listesini daraltabilir/genişletebilirsiniz .

40. Gmail API Kullanarak WordPress SMTP Sunucusunu Kurun

WordPress, e-posta bildirimleri göndermek için PHP posta işlevini kullanır. Ancak, bu işlev çeşitli nedenlerle beklendiği gibi çalışmıyor. Gmail, e-posta göndermek için kullanabileceğiniz bir SMTP hizmeti sağlar. Bunun için Gmail kullanarak bir SMTP sunucusu kurmanız gerekiyor .

41. Basit Bir Boyut Kılavuzu Açılır Penceresi Oluşturun

Müşteriler ihtiyaçları için doğru ürünü bulmakta zorlanıyorsa, büyük olasılıkla mağazanızdan ayrılacak ve bir rakibe yönelecektir. Çevrimiçi mağazanızda basit bir boyut kılavuzu açılır penceresi göstermek daha iyi olacaktır . Onsuz, müşterilerinizin ihtiyaç duydukları uygun boyut konusunda kafası karışacaktır. Ürünlerinizin giysi, ayakkabı vb. gibi beden odaklı olması şarttır.

42. Instagram Öğe Önbelleğini Temizle

Önbellek, tarayıcınızın işleri daha hızlı yüklemesine yardımcı olan geçici verilerdir. Bazen bu önbellek verilerinin süresi dolabilir veya bozulabilir ve Instagram kullanımında sorunlara neden olabilir. En iyi uygulama, Instagram öğesi önbellek verilerini temizlemektir.

43. WooCommerce Mağazanızı Hızlandırın

Umarım bu aşamada, Flatsome temasını kullanarak çevrimiçi mağazanızı oluşturabilirsiniz, ancak hız optimizasyonu ile ilgili sorunlarla karşılaşabilirsiniz. Web siteniz ne kadar hızlı yüklenirse, alışveriş deneyimi o kadar iyi olur. WooCommerce sitenizin daha hızlı yüklenmesini sağlamak için bazı ipuçları .

Toplama

Bu kılavuzun Flatsome WooCommerce temasını kullanan herkes için yararlı olacağını umuyoruz. Web sitenizi geliştirmenize, daha fazla site ziyaretçisi çekmenize ve aynı zamanda satışlarınızı artırmanıza yardımcı olur.

Flatsome hakkında daha fazla konuyu ele almamızı istiyorsanız, yorum bölümünde bize bildirin. WooCommerce mağazanız için daha iyi çözümler sağlamak için bu makaleyi sürekli güncelleyeceğiz.