E-Ticaret Video Barındırma için Eksiksiz Shopify + Swarmify Kılavuzu

Swarmify, kullanıcı etkileşimini artırmak ve gelirinizi artırmak için Shopify çevrimiçi mağazanızdaki videoları hızlandırmanıza yardımcı olur.

Video içerikli ürün sayfalarının dönüşümlerde %80 artış sağladığını biliyor muydunuz? Bu doğru, müşterileriniz ne aldıklarını görmeyi çok seviyor.

En iyi ürün resimlerini yükleyebilir, karşı konulmaz açıklamalar yazabilir ve ürünleriniz hakkında parlak incelemeler toplayabilirsiniz, ancak video içeriği saniyeler içinde sonuca ulaşmanızı sağlar.

Ürününüzün nasıl çalıştığını kolayca gösterebilir ve insanların ürününüze neden hayran olduğunu göstermek için video referansları kullanabilirsiniz. Buradaki nokta, video pazarlamanın Shopify e-Ticaret mağazanızdaki satışları artırmak için güçlü bir taktik olmasıdır.

Ve bugünün blog gönderisinde, kullanıcılarınıza anında başlangıç, arabelleksiz ve inanılmaz hızlı videolar sunmak için Swarmify ve Shopify'ı tam olarak nasıl kullanacağınızı gösteriyoruz. Her şeyi ayarlamak A, B, C kadar kolaydır, bu yüzden teknoloji konusunda bilgili değilseniz endişelenmeyin :)

Swarmify ile daha iyi kullanıcı deneyiminin, daha yüksek dönüşüm oranlarının ve nihayetinde daha fazla satışın keyfini çıkarırsınız. Öte yandan, üçüncü taraf bağlantılarla (ör. YouTube) yüklü yavaş videolar yalnızca markanızı zedeler, trafiğinizi çalar ve kullanıcıları uzaklaştırır.

Şimdi bunu istemiyorsun, biz de istemiyoruz. Lafı daha fazla uzatmadan, bazı arka plan bilgileriyle başlayalım, bu yüzden aynı sayfadayız.

Shopify nedir?

Shopify, sektör lideri bir e-ticaret platformudur. Size bir çevrimiçi mağaza oluşturmanız ve işe başlamanız için bir sürü araç sunarlar.

İster acemi ister profesyonel olun, Shopify ister çevrimiçi ister taş ve harç mağazanızda satış yapmaya başlamayı oldukça kolaylaştırır.

Shopify çevrimiçi mağazası oluşturmak, dördüncü sınıf öğrencilerinin işidir. Platform, kolay bir mağaza oluşturucu ve düşene kadar özelleştirebileceğiniz tonlarca hazır şablonla birlikte gelir.

Bunun da ötesinde, envanterinizi bir patron gibi oluşturmanıza, yayınlamanıza ve yönetmenize olanak tanıyan kullanıcı dostu bir ürün düzenleyici sunarlar. Yerleşik SEO özellikleri sayesinde ürünlerinizi arama motorları için optimize edebilirsiniz.

Üstelik siparişleri hiç zorlanmadan işlemek ve göndermek için ihtiyacınız olan tüm araçlara sahipsiniz. Bunun dışında, size tahminde bulunmadan "...dijital pazarlama kampanyaları oluşturmak, yürütmek ve analiz etmek..." için bir dizi pazarlama aracı sunarlar.

Hepsinden önemlisi, ödemelerinizi toplamayı ve işleme koymayı zahmetsiz hale getiren, emrinizde birkaç ödeme ağ geçidiniz var.

Suları test etmek için sizi 14 günlük, kredi kartı gerektirmeyen bir deneme ile başlatıyorlar. Shopify'ın tüm özelliklerinden yararlanmak için ücretli bir plana kaydolmanız gerekir.

Shopify Temel Özellikler

Shopify, aşağıdakiler gibi özellikler sayesinde milyonlarca kullanıcının tercih ettiği e-ticaret platformudur:

• Deneyimli bir web geliştiricisi gibi çevrimiçi mağazaları canlandırmak için kullanımı kolay web sitesi düzenleyicisi
• Mağazanıza uyacak şekilde özelleştirebileceğiniz 70'den fazla tema
• Satış Noktası (POS), böylece mağazanızda veya akıllı telefonunuzda/mobil cihazınızda satış yapabilirsiniz
• Drop Shipping işletmeleri için zahmetsiz Oberlo entegrasyonu
• Çevrimiçi mağaza oluşturucu
• Çoklu ödeme işlemcileri
• Duyarlı ve mobil uyumlu tasarım
• Ücretsiz stok fotoğrafları
• Mağazanızın HTML, CSS ve JS'sini kolayca düzenleyin
• Özel alan adı, örneğin, swarmify.com
• İçerik pazarlaması için harika olan tam blog platformu
• Ücretsiz SSL sertifikası
• Terk edilmiş ödeme kurtarma
• Esnek kargo ücretleri ve otomatik vergiler
• Birden çok dil
• Yeni bir Google Reklamcılık hesabına 25 ABD doları harcarsanız 100 ABD doları Google reklam kredisi
• Sorunsuz sosyal medya entegrasyonu
• Sınırsız bant genişliği
• 7/24 destek
• Ve çok daha fazlası!

Shopify'ı zaten kullanıyorsanız, bunun neden mükemmel bir e-ticaret platformu olduğunu söylememe gerek yok. Sıfır teknoloji becerisine sahip bir acemi iseniz, e-ticaret sağlayıcınız olarak Shopify ile asla yanlış gidemezsiniz.

Anlaşmayı tatlandırmak için Shopify, ayda yalnızca 9 ABD dolarından başlayan uygun fiyatlı planlar sunar. Yeni bir iş kuruyorsanız, Temel Shopify planı (ayda 29$) paranızın tam karşılığını sunar.

Bununla birlikte, Swarmify nedir?

Swarmify nedir?

Burada tamamen yeni değilseniz, Swarmify, kullanıcılarınıza 12 kat daha hızlı videolar sunmanıza yardımcı olan türünün tek örneği bir video hızlandırma hizmetidir.

Akış devleri Netflix ve Hulu'nun gecikmesiz ve arabelleksiz video deneyimleri sunmak için kullandığı teknolojinin aynısını kullanıyoruz.

Shopify mağazanızda videolar kullanıyorsanız (veya kullanmayı planlıyorsanız), videolarınızın yükleme hızını artırmak için tam olarak ihtiyacınız olanı size sunuyoruz.

Bunun da ötesinde, alıcılarınıza tamamen özelleştirilmiş video deneyimleri sunmanıza yardımcı oluyoruz.

YouTube marka bilinci oluşturma, bağlantılar ve rakiplerinizden önerilen videolar ile birlikte gelen YouTube video oynatıcısını kullanmak yerine size SmartVideo oynatıcımızı sunuyoruz.

Devrim niteliğindeki video oynatıcımız herhangi bir marka veya bağlantı içermez. %100 dağınık değildir, ayrıca Shopify mağazanıza uyacak şekilde dakikalar içinde özelleştirebilirsiniz.

Sizin gibi birçok girişimcinin Shopify çevrimiçi mağazaları için Swarmify SmartVideo'yu seçmesinin nedeni budur.

Swarmify Temel Özellikleri

Alanında lideriz ve size itibarımıza uygun özellikler sunuyoruz.

• Sınırsız bant genişliği , bilirsiniz, tıpkı Shopify gibi :)
• Sınırsız depolama
• SmartCDN video içeriği dağıtım ağı - Alıcılarınız, nerede olurlarsa olsunlar, sektör ortalamasından 12 kat daha hızlı videoların keyfini çıkarır
• Otomatik YouTube dönüşümleri - Zaten YouTube kullanıyorsanız ve Shopify mağazanızda bazı YouTube videoları varsa, SmartVideo tüm videoları otomatik olarak dönüştürür ve süper hızlı yığınlarımızdan ve CDN'den sunar
• Videoları YouTube, Wistia, Vimeo, Google Drive, Amazon S3, pCloud ve benzeri gibi çeşitli platformlarda barındırma yeteneği. Müşterileriniz farkı anlamayacak çünkü tüm videolarınızı dağınık olmayan video oynatıcımızda sunuyoruz
• Her cihazda optimize edilmiş görüntüleme deneyimleri için mükemmel video kodlama
• Sürekli akış optimizasyonu - Oynatma boyunca SmartVideo, her bir kullanıcının video deneyimini sürekli olarak izler ve arızaları oluşmadan önce önler.
• Durmadan oynatma - SmartVideo, oynatma sırasında ortalama olarak diğer oynatıcılara göre 8 kat daha az ara belleğe alma sunar. Artık müşterilerinizin ürün videolarının arabelleğe alınmasını beklemesi gerekmiyor. Bunun için teşekkür etmeniz gereken EdgeAI var :)
• Kolay kurulum
• Tutkulu geliştiriciler tarafından desteklenen sınıfının en iyisi destek
• Ve çok daha fazlası (Buradaki özellikler hakkında daha fazla bilgi edinin)

Bir girişimci olarak, daha iyi kullanıcı elde tutma, daha yüksek dönüşüm oranları ve daha fazla satış için Shopify online mağazanızdaki videoları kullanmak istiyorsunuz.

Ve video pazarlaması zorlayıcı olduğu için işinizi zorlaştıran değil kolaylaştıran bir video sunucusuna ihtiyacınız var.

Swarmify'a girer ve günü kurtarırsınız. Alıcılarınıza hızlı, özelleştirilmiş ve profesyonel video deneyimleri sunmak için tam ihtiyacınız olanı sunuyoruz.

Hızlı ve yüksek kaliteli video oynatma ile Shopify mağazanızda satış yapmak, videoları doğrudan YouTube, Wistia, Vimeo veya diğer video barındırma web sitelerinden sunmaktan çok daha kolay hale gelir.

Bu önsözle birlikte ilerlememize ve SmartVideo'yu Shopify mağazanızla entegre etmemize izin verin.

E-Ticaret Video Barındırma için Shopify + SmartVideo Nasıl Kullanılır

Aşağıdaki bölüm için çalışan bir Shopify mağazanızın olması gerekir. Hala kulakların arkası ıslaksa, Shopify mağazasının nasıl oluşturulacağına dair şık bir rehber burada.

Bunun da ötesinde, hazır bir Swarmify hesabına ihtiyacınız var. Uygun fiyat planlarımıza göz atın ve işletmeniz için mükemmel olan planı seçin. Daha fazlasını öğrenmek mi istiyorsunuz? Büyüyen vaka çalışmaları listemize göz atın.

Shopify ürün sayfasına SmartVideo nasıl eklenir

Ürün yönetici sayfanızın "Medya" bölümünde "Medya ekle"yi tıklayın ve bir video yükleyin. SmartVideo sitenize yüklendikten sonra, video küresel dağıtım ağımızdan teslim edilir, ancak video standart Shopify video oynatıcısında gösterilmeye devam eder.

SmartVideo oynatıcıda bir video görüntülemek için SmartVideo'nun bir YouTube veya Vimeo videosunu otomatik olarak dönüştürmesine izin vermeniz gerekir.

Örnek ürünümüz için YouTube'daki Unbox Therapy'den bir inceleme videosu ödünç aldım.

Sonra devam ettim ve YouTube videosuyla tamamlanmış örnek bir ürün oluşturdum. Örnek Shopify mağazamızda şöyle görünüyor:

Oldukça temiz, değil mi? İlk başta iyi göründüğünü itiraf etmeliyim, ancak birkaç sorun var.

İlk olarak, Shopify mağazanıza uymayabilecek bariz bir YouTube markası var.

İkinci olarak, video oynatıcının üst kısmındaki başlık, alıcılarınızı YouTube'a yönlendiren akıllıca örülmüş bir bağlantıdır. Web sitenize trafik çekmek için çok çalıştığınızda, kesinlikle bunun olmasını istemezsiniz.

Üçüncü olarak, kullanıcı videoyu oynatıp duraklattığında YouTube oynatıcısının nasıl göründüğü:

Şuna bak; YouTube oynatıcısı, ziyaretçilerinizi sifonlamak için tasarlanmış dağınıklık ve dikkat dağıtıcı şeylerle dolu.

"Diğer videolar" bölümüne bakın?

Bu bölüm rakiplerinizin videolarını gösterebilir ki bu kesinlikle kabul edilemez. Alıcınız videoyu arkadaşlarıyla paylaştığında bağlantı, kullanıcıları Shopify mağazanıza değil YouTube'a geri yönlendirir!

Shopify mağazanızda ürün videoları kullanmayı seviyorsanız, ücretsiz bir hizmet olsa bile videoları doğrudan YouTube'dan barındırmanın nasıl bir sorun olduğunu açıkça görebilirsiniz.

Ya da dedikleri gibi bedava öğle yemeği gibisi yoktur :)

Basit ifadeyle...

Bu profesyonel hissi ve görünümü YouTube video oynatıcıyla yansıtamazsınız. Ayrıca, dikkat dağıtıcı unsurlar yalnızca alıcılarınızı uzaklaştıracak ve bu da daha düşük dönüşüm oranları ve satışlarla sonuçlanacaktır.

Standart Shopify sayfasına SmartVideo nasıl eklenir

SmartVideo yüklendikten sonra, YouTube ve Vimeo videoları sitenizde otomatik olarak dönüştürülür, ancak SmartVideo'yu normal bir Shopify sayfasına eklemenin en temiz yolu SmartVideo etiketinden yararlanmaktır.

Sayfanızın yöneticisinin içerik bölümünde "Video ekle" düğmesini tıklayın ve SmartVideo etiketinizi metin kutusuna yapıştırın.

SmartVideo'yu yükledikten sonra (bir sonraki bölümde tartışacağımız gibi), video sayfanızda görünecektir:

Artık neyle çalıştığımızı bildiğinize göre, Swarmify'ı Shopify mağazanızla entegre etmemize ve farkı görmemize izin verin.

Swarmify Yapılandırma Snippet'inizi Kopyalayın

Yazma sırasında bir Shopify uygulamamız yok. Bu, Swarmify'ı Shopify ile manuel olarak entegre etmeniz gerektiği anlamına gelir. Aynı şekilde, süreç A, B, C kadar kolaydır.

Ne yapalım?

Swarmify Panonuza giriş yapın:

Swarmify panosu basit ve kullanımı kolaydır. Sizi gereksiz özelliklerle boğmuyoruz. Tam istediğiniz gibi yalın tutuyoruz :)

Ardından, aşağıda gösterildiği gibi Yapılandırma sekmesine tıklayın.

Bir sonraki ekranda, Shopify mağazanızda zaten YouTube videolarınız olup olmadığını seçin ve İleri'ye tıklayın:

Profesyonel İpucu : YouTube otomatik dönüştürmeyi açmak için " Evet "i seçmek en iyisidir. Ben de " Evet"i seçtim.

Bundan sonra Shopify mağazanızda arka plan videolarınız olup olmadığını seçin ve İleri 'yi tıklayın. Arka plan videolarım yok, bu yüzden " Hayır :" ı seçtim.

Sonraki sayfada, video oynatıcı renk düzenini değiştirmek isteyip istemediğinizi seçin.

Renk düzenini değiştirmek istiyorsanız, Evet'i (1) seçin, özel renginizi (2) seçin ve aşağıdaki ekran görüntüsünde vurguladığımız gibi İleri'ye (3) tıklayın.

harika gidiyorsun :)

Ardından, video oynatıcı düğme şeklini seçin ve İleri'yi tıklayın. Şu anda üç seçeneğimiz var: Varsayılan (Altıgen), Dikdörtgen ve Daire :

Ardından, videolarınıza özel bir filigran eklemek isteyip istemediğinizi seçin ve İleri düğmesini tıklayın:

Son olarak, videolarınızda reklamları etkinleştirmek isteyip istemediğinizi seçin ve Bitir 'i tıklayın:

Shopify ürünlerine muhtemelen açıklayıcı videolar eklediğinizden, reklamlar olmadan daha iyi durumdasınız.

Bundan sonra, aşağıda detaylandırdığımız gibi Panoya Kopyala'yı tıklayın.

Swarmify snippet'iniz kopyalandığında, bir sonraki bölüme hazırsınız: Shopify mağazanıza ekleme.

Shopify Store'a Swarmify Snippet'i Ekleme

Aşağıdaki bölümde, Shopify mağazanıza yeni kopyaladığınız Swarmify snippet'ini ekliyoruz.

Merak etmeyin çok basit :)

Shopify mağaza kontrol panelinize giriş yapın ve sol gezinme menüsünden Çevrimiçi Mağaza'ya tıklayın:

Ardından, aşağıda gösterdiğimiz gibi Temalar'ı tıklayın.

Bundan sonra, Eylemler açılır menüsünü tıklayın ve Kodu Düzenle 'yi seçin:

Ardından, {/} theme.liquid öğesini tıklayın:

Diğer JavaScript kodunun bulunduğu bölümü görene kadar aşağı kaydırın. Genellikle <script> etiketi ile başlar. İşte size yardımcı olacak bir ekran görüntüsü:

Ardından, daha önce kopyaladığınız Swarmify Snippet'ini <script> etiketinin üzerine yapıştırın ve aşağıda gösterildiği gibi Kaydet'i tıklayın .

Ve bu kadar!

Shopify mağazanız artık Swarmify'a bağlı!

Harika, değil mi?

Bu kadar sabırlı olduğun için teşekkürler. Herhangi bir adımı atlamak istemedim çünkü en başından doğru yapmak önemli :)

Artık videoları YouTube'a yüklemeye devam edebilir ve bunları Shopify mağazanıza ekleyebilirsiniz. Swarmify, tüm videoları güzel ve karmaşık olmayan bir video oynatıcıda kodlar, dönüştürür ve sunar.

Bilirsin, şöyle bir şey:

YouTube markası yok, bağlantı yok ve dikkat dağıtıcı şey yok - yalnızca kullanıcı videoyu oynatıp duraklattığında bile harika görünen, düzenli bir video oynatıcı :)

N/B : Videoların optimize edilmesi, uzunluğa bağlı olarak zaman alır. Örnek videom 3.58 dakika uzunluğundaydı, bu yüzden yaklaşık dört dakika bekledim :)

Ve videonun tamamen optimize edildiğini nasıl bildim? Video oynatıcınızda, aşağıda gösterildiği gibi Video Hızlandırma: AÇIK öğesini görürsünüz.

Aynı video, aynı sayfa - farklı sonuçlar. Trafiğinizi çekecek her şey gitti.

Puf! Hepsi gitti.

Artık alıcılarınızı en çok ihtiyaç duyduğunuz yerde, ürün sayfalarınızda tutabilirsiniz :)

Video, ortalama bir oynatıcıdan 12 kat daha hızlı yükleniyor ve yeni dağınık olmayan oynatıcı harika ve profesyonel görünüyor.

Unbox Therapy, "Lütfen abone olun ve açıklamadaki linklerden beni takip edin..." demeseydi, videoyu YouTube'dan aldığımı bilemezsiniz.

Bu arada o harika bir adam, ama umarım konuyu anlamışsınızdır :)

Video Oynatıcıyı Daha Fazla Özelleştirme

Video oynatıcınızı daha da özelleştirmek için birkaç etiketimiz var.

N/B : {/}theme.liquid dosyasının <HEAD> bölümüne eklediğimiz JavaScript kodunun aksine, aşağıdaki SmartVideo etiketlerini doğrudan video oynatıcınızı görüntülemek istediğiniz yere eklersiniz. Sonlara doğru harika bir Shopify örneğimiz var :)

Videonuza bir poster resmi veya küçük resim eklemek isterseniz, aşağıdaki kodu sitenize kopyalayıp yapıştırın:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" poster="path/to/my/image.png" controls></smartvideo>

Notlar:

• " path/to/my/video.mp4" ve " path/to/my/image.png" adreslerini sırasıyla videonuza ve poster resminize giden gerçek yollarla değiştirin
• Oynatıcınızın genişliğini ve yüksekliğini istediğiniz gibi ayarlayabilirsiniz.

Videonuzu otomatik oynatmak için aşağıdaki SmartVideo etiketini kullanın:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Profesyonel İpucu: Sessiz ile birleştirilmedikçe, birçok tarayıcı otomatik oynatmayı kısıtlar. Otomatik oynatmayı yalnızca sessizle birlikte kullanmanızı öneririz. Ayrıca, otomatik oynatıldığında IOS/Safari'de düzgün oynatma için playinline eklemek çok önemlidir.

Video oynatıcıya sesi kapalı olarak oynatmaya başlamasını söylemek için şunu kullanın:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls muted></smartvideo>

Videonuzu sona erdiğinde tekrar oynatmak için döngüye almak için şunu kullanın:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls loop></smartvideo>

Videonun Safari iOS'ta tam ekran oynatılmasını önlemek için şunu kullanın:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls playsinline></smartvideo>

Oynatıcıyı tepkisiz hale getirmek için (sabit genişlik ve yükseklik), etiketinizden class="swarm-fluid" öğesini kaldırın.

N/B: Video kaynağınız olarak YouTube kullanıyorsanız:

• "Gizli " olan tüm videoları "liste dışı " olarak değiştirin. Bu şekilde Swarmify, videolarınızı alabilir ve işleyebilir.
• Sayfanın doğrudan bağlantısını değil, doğru yerleştirme bağlantısını kullanın. Örnek olarak, https://www.youtube.com/watch?v=wBp0Rb-ZJak (kötü ) yerine https://www.youtube.com/embed/wBp0Rb-ZJak (iyi) kullanın.

Ayrıca, her SmartVideo etiketinde bulunan kontrolleri kaldırmayın. Bunu yaparsanız, kullanıcınız videonuzu oynatmak için düğmelere sahip olmaz.

Çalışan Bir Shopify Örneği

Shopify'da SmartVideo etiketlerinin nasıl kullanılacağını göstermek için yeni bir Shopify sayfasına bir video ekleyeceğim.

SmartVideo etiketlerini Shopify blog gönderilerine de ekleyebilirsiniz - prosedür aynı kalır.

Aynı videoyu Unbox Therapy'den kullanıyorum. Doğrudan bağlantıyı değil, gömme kodunu kullanmayı unutmayın.

Bu nedenle, hazır SmartVideo etiketim şöyle görünür:

 <smartvideo src="https://www.youtube.com/embed/MPzBcvGtry8" width="1280" height="720" class="swarm-fluid" controls muted autoplay></smartvideo>

Ardından, Shopify mağaza yöneticinizde oturum açın ve Çevrimiçi Mağaza > Sayfalar'a gidin ve yeni bir sayfa ekleyin :

Not, benimki sayfası olmayan tamamen yeni bir mağaza :) Mevcut sayfalarınız olsaydı, şöyle bir şey görürdünüz:

Önemli değil, mevcut bir sayfayı düzenleyebilir veya yeni bir sayfa eklemek için Sayfa ekle'yi tıklayabilirsiniz. Bunu yapmak sizi sayfa düzenleyicisine götürür.

Ardından, sayfanıza bir başlık ekleyin ve aşağıda gösterildiği gibi HTML'ye geçin.

Ardından, SmartVideo etiketinizi kopyalayıp yapıştırın ve aşağıda vurguladığımız gibi Kaydet 'i tıklayın:

Şimdi, sayfanızı ön uçta görüntülerseniz şunları göreceksiniz:

Test videomuz hazır - arka plan video hızlandırma ile tamamlandı. SmartVideo etiketim otomatik oynatma içerdiğinden ve sesi kapatıldığından video otomatik olarak oynatılmaya başladı. Ayrıca tüm kontrolleri orada görebilirsiniz.

Video oynatıcınızı daha da özelleştirmek için SmartVideo etiketlerini kullanmak için gereken tek şey bu. İstediğiniz sonuçları elde etmek için farklı etiketleri birleştirin.

Son sözler

Swarmify, video barındırma için yeni standarttır. Teknolojimizi Shopify ile birleştirin ve hevesli alıcılarınıza harika video deneyimleri sunmak için araçlara sahip olun.

Tıpkı sizinki gibi çok çeşitli işletmelere hızlı, özelleştirilebilir ve yüksek kaliteli video deneyimleri sunuyoruz. Bu bizim kapsayıcı görevimiz ve bunda her geçen gün daha iyiye gidiyoruz.

Bizim sözümüze güvenmeyin, örnek olay incelemelerimize göz atın ve diğer işletmelerin e-Ticaret için Swarmify video barındırma hizmetiyle onu nasıl öldürdüğünü keşfedin.