Güçlü bir e -ticaret kaydırıcısı nasıl yapılır
Çevrimiçi olarak her yerde kaydırıcılar görüyorsunuz. Yeni ürünler sergiliyorlar, güzel fotoğrafçılık sergiliyorlar, satın almak için alıcıları çekiyorlar ve güncellemeleri paylaşıyorlar. Ancak, siteniz için en iyisi var mı? Ve gerçekten çalışan bir kayan çubuk nasıl yaparsınız? WooCommerce mağazanıza bir değişim eklemeden önce kaydırıcının artıları ve eksileri, güçlü ve zayıf yönlerini geri çekmek ve anlamak önemlidir. Sonuçta, kaydırıcı her web sitesi ve her durum için doğru değildir. Ama bazı olumlu şeyler var:
Hiper-işeyseldir ve dikkat çekerler. Birçok durumda, birisinin sitenizi ziyaret ettiklerinde ilk gördüğü şeydir. Ürününüzü, konumunuzu veya ekibinizi vurgulayan cesur ve çekici bir görüntü ile hemen bir açıklama yapmak için bir fırsattır.
Sitenizde yer tasarrufu sağlarlar. Sayfadaki aynı yere biraz içerik ekleyebilir, web sitesinin gayrimenkul mülkünü kaydedebilirsiniz.
Ürün turları için iyidirler. Çeşitli yeni ürünleri veya en iyi satış ürünlerinizi tek bir yerde gösterin.
Yeni bilgileri ve güncellemeleri vurgulayabilirler. En son blog yayınınız, satış ve mağaza haberlerinizle slaytlar ekleyin.
Portföy görüntülerini kolay bir sindirimde sunabilirler. Bir fotoğrafçı, grafik tasarımcı veya sanatçı iseniz, bir kaydırıcı büyük bir galeri olmadan son çalışmanızı göstermek için mükemmeldir.
Tabii ki, bazı zayıflıklar da var:
Sitenizi yavaşlatabilirler. Hız için optimize edilmeyen dev bir görüntü dosyası boyutuna sahip kaydırıcı açık zaman gecikmesine neden olabilir.
Kafa karıştırıcı olabilirler. Değişme genellikle aynı anda birkaç teklif sunar, hepsi web sitesi ziyaretçileri için geçerli değildir. Çok fazla seçeneği olan birini sunmak, sadece bir statik teklife sahip olmaktan daha az etkili olabilir. Mobil cihazlar için her zaman iyi değildir. Seçtiğiniz vardiya duyarlı olmalı ve masaüstü, tablet ve cep telefonunda iyi görünmelidir. Değilse, etkisiz kullanıcı deneyimleri yaratabilir.
Bunlar tıklamaları teşvik etmenin en iyi yolu değildir. Aslında, çok az web sitesi ziyaretçisi genellikle kaydırıcıyı tıklar ve ilk slaytta neredeyse tüm tıklamalar oluşur.
Kısacası, sadece sahip olmak için bir vardiya kullanmayın. Belli bir amaca sahip olduğundan ve analitikinize göre birçok şeyi değiştirmeye istekli olduğundan emin olun. Ve kitleniz ve belirli içerikler için en iyi olanın düzenini ve biçimini düşünün.
Bir kaydırıcı yapmak için bir kaydırıcı nasıl yapılır bir kaydırıcı yapmak için başlamak için en iyi yer bir eklentidir. WordPress ve Woocommerce için çeşitli seçenekler vardır hem de ücretli-bu yüzden düşündüğünüz her bir seçenekleri anlamak için zaman ayırın. İşte kendinize sormanız gereken bazı sorular:
İhtiyacınız olan işlevi var mı? Ürünler, blog yayınları, resimler, videolar vb. İstediğiniz içeriği görüntüleyebileceğinden emin olun. Ayrıca kaydırıcınıza animasyon, düğme, metin veya diğer özellikler eklemek isteyip istemediğinizi düşünün.
Fiyatı ne kadar? Eklenti ücretsiz mi yoksa ödeniyor mu? Ek bir şablon ücreti var mı? Her yıl güncelleniyor mu yoksa bir yatırım mı?
Nasıl kolayca kullanılır? Bazı kaydırıcı eklentilerin birçok çan ve ıslık vardır, ancak dik bir öğrenme eğrisi vardır veya geliştirme bilgisi gerektirir. Bu, her boyuttaki cihazda iyi çalışıyor mu? Tabii ki, masaüstü, tablet veya cep telefonu kullanıyor olsun, kayar çubuğunuzun sitenize tüm ziyaretçiler için iyi görünmesini istiyorsunuz. Seçtiğiniz eklentinin, karmaşık CSS gerektirmeden hücresel boyutu otomatik olarak değiştirdiğinden emin olun.
Bu hız için optimize edilmiş mi? Eklenti geliştiricisi hızı düşünüyor mu? Kaydırıcı ve örnek demo hızlı bir şekilde yüklendi mi? İncelemeleri ve özelliklerin listelerini okumak, öğrenmenin iyi bir yoludur.
İyi bir incelemesi var mı? Eklenti sıralamasını kontrol edin. İnsanlar bundan hoşlanıyor mu ve en yaygın şikayetleri nelerdir?
Bu iyi destekleniyor mu? Bir destek forumu veya bilet sistemi var mı? Premium seçeneğini seçerseniz, destek ne kadar sürer? Bu, WordPress’in en son sürümüyle çalışmak için düzenli olarak güncelleniyor mu?
Daha fazla bilgi için, en iyi WordPress eklentilerini seçme konusunda Jetpack’ten bu kılavuzu okuyun.
Bu işlevi basit ve etkili kaydırmak için WoosLider uzantısını öneririz. Bu, WooCommerce tarafından özellikle çevrimiçi mağazalar için geliştirilmiştir ve mutluluk mühendislerimizin eşsiz desteği ile desteklenmiştir.
Wooslider uzantılı bir kaydırıcı yapmak için:
Uzantıları satın alın, ardından mağazanıza yükleyin ve etkinleştirin.
Genel Ayarlar: Varsayılan animasyon, slayt yönü, slayt gösterisi hızı ve animasyon hızı seçin. Site ziyaretçilerinin içeriğinizi emebilmesi için vardiya geçişinizin yeterince yavaş olduğundan emin olun. Kontrol ayarları: Site ziyaretçilerinin kaydırıcınızı nasıl kontrol edebileceğini dikte etmek. Döner/Duraklat düğmesi, klavye gezinmesi, önceki oklar/sonraki ve daha fazlasını ekleyin.
Ayarlar Düğmesi: Her Değiştirme düğmesi için metni ayarlayın.
Slayt gösterisinin türünü seçin ve ayarlarınızı seçin. Birkaç seçenek var:
Ekli Görüntü: Vardiyayı eklediğiniz belirli bir sayfaya veya gönderiye ekli görüntüyü görüntüleyin.
Yayınlar: Sitenizdeki en son blog yayınlarını görüntüleyin.
Slayt: Oluşturduğunuz resim ile özel bir slayt görüntüler.
Ürünler: Üstün veya stokta en son ürünleri içerir. Bu seçeneği etkinleştirmek için bir WooOcommerce Ürün Slayt Gösterisi Uzantısı’na da ihtiyacınız olduğunu unutmayın.
Sitenize vardiyanızı ekleyin. Bunu şablon dosyasının kısa kodları, widget’ları veya modifikasyonu ile yapabilirsiniz.
Slayt yapma hakkında bilgi de dahil olmak üzere daha fazla ayrıntı için belgelerimizi okuyun.
Titrerinizi daha fazla kontrol etmek istiyorsanız, özel düğmeler ve metin ekleme yeteneği ile birlikte, görüntü ve video kaydırma uzantısını denemek isteyebilirsiniz. Bunu yönetmesi hala çok kolaydır, ancak ihtiyaçlarınıza bağlı olarak yararlı olabilecek ek işlevler ekleyin. Tasarım slaytları için ilginç bir kaydırıcı görüntü nasıl yapılır, Photoshop veya Canva gibi bir fotoğraf düzenleme aracı kullanmak isteyebilirsiniz. Veya doğrudan üzerinde çalıştığınız eklentide bir slayt yapabilirsiniz. İlginç slaytlar tasarlamak için en iyi uygulamalardan bazıları:
Yüksek kaliteli görüntülerle başlayın Temel slayt kaliteli görüntüler şeklinde olmalısınız. Konunun odaklandığından ve hiçbir şeyin bulanık olmadığından emin olun. Kaydırıcınız tam genişse, görüntünüzün geniş bir ekranda bile alanı dolduracak kadar büyük olduğundan emin olun. Ve endişelenmeyin – iyi bir resim elde etmek için bir profesyonel tutmanıza gerek yok. Harika ürünlerin fotoğraflarını nasıl çekeceğinizdir. Değiştirmeye metin ve düğmeler eklerseniz içeriğin yerleştirilmesiyle yaratıcı olun, ortak orta seviyenin dışında genişlemeyi düşünün. Bazı durumlarda bu doğru seçim olmasına rağmen, içeriğinizi sol veya sağ yarıya (veya üçüncü!) Yerleştirmek görüntünün önemli bir bölümünü öne çıkarabilir.
https://mystore.msi.com/ Her slayt üzerine metin yerleştirilmesini değiştirerek yüzü kullanın, mümkünse beynimizin kısmı yüze yanıt vermek için özel olarak tasarlanmıştır – onunla ilgileniyoruz. Ve yüz görüntüleri sadece ziyaretçilerin dikkatini sitenize çekmekle kalmayacak, aynı zamanda onları belirli duyguları hissetmeye teşvik edebilir. Örneğin, birisi birisinin gülümsemesini görürse, olumlu duyguları markanızla ilişkilendirme eğilimindedir. Yani, ürününüzü kullanmaktan mutlu olan insanların bir resminiz varsa, slaytınızda görüntüleyin! Kaydırıcınız için yazı tipleri ve renkler seçerken doğru yazı tiplerini ve renkleri seçin, markanızla eşleştiğinden ve web sitenizi bir bütün olarak tasarladığından emin olarak başlayın.
Ardından, okunması kolay olduğundan emin olun. Yeterince büyük ve yeterince kalın bir yazı tipi seçin. Ama aynı zamanda resminizde nasıl çalıştıklarını da düşünün. Arka plan görüntüsünüzden önemli bir yazı tipi yapmanın birkaç yolu vardır:
Resmi koyulaştırın veya aydınlatın. Görüntünün kendisi çok önemli değilse (belki bir doku veya desen), bu iyi bir seçim olabilir. Görüntüye karanlık bindirme ekleyin, ardından üzerindeki beyaz metni kullanın. Veya koyu metinle beyaz streç kullanın. Beyaz boşluklar kullanın. İşler dağınık olduğunda, öne çıkmak zor. Metni şehirdeki tek şov haline getirerek daha fazla dikkat çekecektir. Beyaz boşluk, hiçbir şeyin önemli olmadığı düzgün bir görüntü alanıdır. Bu alana metin ekleyerek, imajı ve almayı hak ettikleri dikkat metnini verirsiniz. Metnin arkasındaki rengi ekleyin. Kelimelerinizin arkasındaki renk arka planı-Beyaz metnin arkasındaki siyah veya koyu mavi veya siyah metin canının arkasındaki açık gri veya pembe de yardımcı olur.
Cesur bir yazı tipi rengi seçin. Resme bağlı olarak, parlak metnin rengi, insanların kelimelerinizi kolayca okuması için yeterli olabilir.
Düşen bir gölge kullanın. Küçük bir damla gölgesi, görüntünüzün arka planından yazı tiplerinin görünmesini sağlayabilir.
Https://yourbenefitstore.com/ adresinden kaydırın, tuğladaki beyaz odanın üzerinde metin var. En önemli şey, metniniz ve kalan slaytlar arasında yeterli renk kontrastının olmasıdır. Bu, renk körlüğü veya görme bozukluğu olan insanlar da dahil olmak üzere herkes için görsel deneyimi geliştirir. Webaim kontrast denetçileri slaytınızı değerlendirmenin iyi bir yoludur.
Kaydırıcının hedefi ile dönüştürmek için ipuçları her zaman satış yapmak değildir. Belki site ziyaretçilerine bilgi sağlamak veya örneğin işinizi göstermek. Ancak dönüştürmek istiyorsanız, hatırlanması gereken bazı şeyler: İyi bir oyunculuk daveti seçin, insanlar bunu yapmalarını istemedikçe harekete geçmezler. Bu nedenle, ziyaretçilere hangi siteyi yapmak istediğinizi söyleyen net ve aktif bir metinle slaytınıza görülen diğer düğmeler veya bağlantılar eklediğinizden emin olun. İşte bazı örnekler: Yıllık satış alışverişimiz
Ücretsiz Kahve Rehberinizi Alın
Özel indirimler almak için e -posta listemize katılın Sürecimiz hakkında daha fazla bilgi edinin
CTA ayrıca parlak renkler, farklı yazı tipleri veya kalın metinlerle diğer slaytlardan da öne çıkmalısınız.
Net navigasyon sitesi kullanın Ziyaretçiler, bir slayttan başka bir slayta kolayca hareket edebilmeli ve daha fazla görebilmeleri veya daha fazla okuyabilmeleri için slaydı duraklatabilmelidir. Bu, yalnızca geçişe kaymayı otomatik olarak ayarlamanız gerektiği anlamına gelir! Bunun yerine, görünür olan oklar, sayılar veya navigasyon noktalarını kullanın ve bir duraklama düğmesi ekleyin. Çok karmaşık olmayın, benzersiz animasyonlar, parlak renkler ve düzgün görsel efektlerle oynamak eğlenceli olacaktır. Ancak hemen hemen her durumda, daha basit daha iyi. Kaydırıcınız hala eğlenceli olabilir, ancak iletmek istediğiniz mesajın tamamen parlaması için tonu azaltın.
Fiziksel veya zihinsel olarak engelli olanlar da dahil olmak üzere, erişilebilen kaydırıcının erişilebilirliğinin kullanımı kolay olduğunu unutmayın. İyi bir başlangıç, daha önce tartıştığımız doğru renk kontrastına sahip olduğunuzdan emin olmaktır. Ancak, sürücünüzün mobil cihazda iyi çalışmasını ve klavye gezinmesini etkinleştirerek her görüntüye alternatif metinler eklediğinizden emin olmak istersiniz. E -ticaret erişilebilirliği hakkında daha fazla bilgi edinin. Slaytınıza metin paragrafları eklemek istemediğiniz kısa bir mesaj seçin – kimse her şeyi okumak için durmayacak! Tersine, puanlarınızı olabildiğince az kelimelerle net ve kısaca yapın. Jjee Coffee, ücretsiz ödül uygulamalarını birkaç kelimeyle reklamını yapar Daha önce de belirttiğimiz gibi sürücüyü nasıl optimize edeceğiniz, kaydırıcı ağır olabilir ve yavaşlatabilir. İnternet sitesi. Bu nedenle mümkün olduğunca çok en aza indirmek önemlidir. Hız öncelik veren bir kaydırıcı eklentisi seçmenin yanı sıra, atabileceğiniz bazı adımlar şunlardır:
Gereken en küçük boyutta görüntüyü kullanın. Kaydırıcınız 1500 piksel genişliğe ayarlanmışsa, 6000 piksel genişliğe sahip görüntüler kullanmayın. Bunun yerine, doldurmaya çalıştığınız kutuya uyacak şekilde boyutu değiştirin.
Yüklemeden önce resminizi sıkıştırın. Medya kitaplığınıza eklemeden önce resim dosyası boyutunuzu azaltmak için ImageOptim gibi bir araç kullanın.
Çok fazla çarpıcı özellik eklemeyin. Birçok animasyon, çarpıcı geçişler ve diğer ekstra sadece rahatsız edici değil, aynı zamanda her şeyi yavaşlatır. Unutmayın: Basit genellikle en iyisidir.
Sitenin dışında video sunucunuz. Vardiyanız bunu destekliyorsa, web sitenize tutmak yerine YouTube veya Vimeo’dan kullanmak istediğiniz videoyu sabitleyin. Video çok ağırdır ve sitenizi biraz yavaşlatabilir. Eklentinin özel bir hız ayarını etkinleştirin. Birçok kaydırıcı eklenti, yalnızca etkinleştirmeniz gereken hız optimizasyon özellikleri sunar. Tembel yükleme, önbellekleme ve minifikasyon gibi şeyleri arayın.
CDN görüntüsü kullanın. CDN Image, resimlerinizi sitenin dışına süper hızlı bir sunucudan saklar ve gönderir. Jetpack, mobil cihazlar için görüntü boyutunuzu değiştirecek ve cep telefonları ve tabletlerde yıldırım kadar hızlı hale getirecek ücretsiz bir WordPress CDN’si vardır. WooCommerce mağazanıza bir değişim eklerken akıllı ve kasıtlı olun, düzgün bir şekilde yapmak için zaman ayırın. Ne göstermek istediğinizi, kime ulaşmak istediğinizi ve kaydırıcınızı bu insanlar için nasıl optimize edebileceğinizi düşünün. Sitenizde etkili bir değişim var mı? Yorumlarda paylaşın!
