Shopify Mağazanıza Müzik Ekleme Rehberi

Bu makale, Shopify sitenize Kod Gerektirmez Ses Oynatıcı uygulaması ile müzik eklemenin kolay yolunu gösterecek. Kaynaklarınızdan kolayca çalma listeleri oluşturarak bunları Shopify mağazanıza gömmeyi öğreneceksiniz.
ChatGPT’in ne düşündüğünü gör Canlı Uygulama Editörü’nü Açın
Tarafından
How to Add Music to Shopify Store

Shopify’a Müzik Oynatıcı Nasıl Eklenir: Hızlı Rehber

Elfsight Audio Player app for Shopify. Here’s a simple 3-step guide:”>Shopify’da bir müzik oynatıcı, mağazanızın atmosferini güçlendirmek, ses içeriğinizi sergilemek veya müziğinizi tanıtmak için harika bir yoldur. Ses parçalarını eklemek, etkileşimli bir alışveriş deneyimi yaratabilir, doğru havayı ayarlayabilir veya benzersiz tekliflerinizin öne çıkmasını sağlayabilir. Shopify mağaza sahipleri genellikle ziyaretçileri etkilemek, müşteri bağlılığını artırmak ve mağazalarını öne çıkarmak için müzik oynatıcıları kullanır. Shopify mağazasına müzik eklemenin en kolay yolu, Elfsight Audio Player app for Shopify‘i kullanmaktır. İşte basit 3 adımlı bir kılavuz:

  1. Mağazanızın stiline ve hedefinize uygun hazır bir müzik oynatıcı tasarımı seçin.
  2. Parçaları, düzeni ve davranışı markanıza uygun şekilde özelleştirin.
  3. Oluşturulan eklenti kodunu kopyalayın ve Shopify sitenize ekleyin.

Aşağıdaki düzenleyiciyle Shopify müzik çalarını hemen oluşturmayı deneyin!

Shopify Mağazasına Müzik Ekleme: Ayrıntılı Rehber

Elfsight Audio Player uygulamasını kullanarak Shopify’da bir müzik oynatıcı oluşturma sürecini birlikte inceleyelim. Oynatıcıyı nasıl özelleştireceğinizi ve mağazanıza nasıl gömüleceğini öğreneceksiniz.

  1. Düzeni kişiselleştirin. Gömülü (Embed) veya Yüzen (Floating) düzeni arasından seçim yapın. Gömülü düzen, her parça hakkında maksimum bilgi sağlar; Yüzen düzen ise herhangi bir sayfaya sorunsuz şekilde uyum sağlayan kompakt bir oynatıcı sunar.
  2. Kodu kopyala ve göm. Oynatıcınızı kaydedin ve yayınlayın. HTML parçacığını üretmek için ‘Kodu Al’ düğmesini tıklayın. Kodu panonuza kopyalayın.

Oynatıcı kodunu Shopify’a nasıl ekleyebilirsiniz? İşte birkaç yol:

Shopify Ses Oynatıcıyı Belirli Bir Sayfaya Ekleyin

Tek yapmanız gereken özel HTML kodunuzu kontrol paneline iletmektir. Bunu şu şekilde gerçekleştirebilirsiniz:

  1. Web sitenizin görsel düzenleyicisini açın. Shopify Yönetici Panelinize giriş yapın ve Satış Kanalları → Çevrimiçi Mağaza bölümüne gidin.
  2. Customize düğmesine tıklayın. Hedef sayfaya Özel Liquid bölümü ekleyin. Görsel düzenleyiciye geçtiğinizde ana sayfa varsayılan olarak açılır. Başka bir sayfa seçmek için sayfanın üst kısmındaki açılır listeden bulun.
  3. Eklentiyi kurmak için Bölüm Ekle’ye tıklayın. Ardından listeden Özel Liquid’i seçin.
  4. Widget kurulum kodunu Özel Liquid alanına yapıştırın. Gerekirse Renk Şemasını değiştirebilir ve Üst/Alt boşlukları ayarlayabilirsiniz. Bu işlemin ardından değişiklikleri kaydedin.

Shopify Müzik Oynatıcıyı Ürün Sayfalarına Ekleyin

Shopify mağazanızın ürün sayfalarına özel oynatıcıyı eklemek için ihtiyacınız olan tek şey, widget’inizin kodunu e-ticaret platformunuzun karşılık gelen alanına yapıştırmaktır.

  1. Çevrimiçi Mağaza sayfasını açın. Satış Kanalları → Çevrimiçi Mağaza.
  2. Düğmesine tıklayın ve Kodları Düzenle’yi seçin. Tema şablonunu açın.
  3. Sonraki Adım: Bölümlere gidin →  main-product.liquid dosyası.
  4. Yükleme kodunu yapıştırın. Uygulamayı görüntülemek istediğiniz yeri bulun, kurulum kodunu oraya yapıştırın ve değişiklikleri kaydedin.

Shopify Müzik Uygulamasını Mağazadaki Tüm Sayfalara Ekleyin

Mağazanın tüm sayfalarında Shopify Müzik Oynatıcı uygulamasını kullanmak istiyorsanız, aşağıdaki rehberden birkaç basit adımı izlemeniz gerekir:

  1. Çevrimiçi Mağaza sayfasını açın. Satış Kanalları → Çevrimiçi Mağaza.
  2. … düğmesine tıklayın ve Kodu Düzenle’yi seçin. Tema şablonunu açın.
  3. theme.liquid dosyasını seçin Düzen bölümünde.
  4. Kurulum kodunu yapıştırın. Gömme widget kodunu </ body> etiketinden önce yapıştırın ve değişiklikleri kaydedin.

Ayrıca Shopify’a müzik eklemenizi hızlandıracak kısa video rehberimizi de izleyebilirsiniz:

Alternatif Yol: Arka Plan Müziği Uygulaması

Eğer Shopify mağazanız için farklı bir ses çözümü arıyorsanız, Elfsight Arka Plan Müziği Uygulamasını düşünün. Bu müzik uygulaması, mağazanızın içeriğini kusursuzca tamamlayan bir çalma listesi tasarlamanıza olanak tanır ve ziyaretçilerinize sürükleyici ve akılda kalıcı bir deneyim sunar.

  • Siteniz için dost canlısı bir Oynatıcı. Kullanımı kolay arka plan müziği aracımızla sınırsız sayıda parçadan oluşan bir çalma listesi oluşturabilir, müziği döngüye alabilir veya karıştırabilir ve ziyaretçiler sitenize geldikleri anda onları etkilemek için otomatik oynatma özelliğini kullanabilirsiniz. Oynatıcı’nın esnek yerleşim seçenekleri, istediğiniz yere yerleştirebilmenizi sağlar; ayrıca özelleştirme ayarlarıyla oynatıcı öğelerini gerektiği gibi gösterip gizleyebilirsiniz.
  • Web sitenizin içeriğini çeşitlendirin. Marka stilinizle uyumlu arka plan sesleri ekleyerek kullanıcı etkileşimini güçlendirin. Özel bir etkinliği duyurmak için kutlama havası veren müzikler mi, yoksa alışverişi teşvik eden ince tınılar mı olsun, arka plan sesleri ziyaretçileri meşgul tutan ve harekete geçirir bir atmosfer yaratır. SoundCloud, YouTube, Vimeo, Vista, Amazon S3 veya Google Drive gibi çeşitli platformlardan parçaları URL ile veya cihazınızdan doğrudan yükleyerek ekleyin.

Elfsight Arka Plan Müziği uygulamasını keşfedin içerğinizi mükemmel bir şekilde tamamlayan büyüleyici seslerle Shopify mağazanızı zenginleştirmek için.

Shopify Ses Oynatıcı’nın Öne Çıkan Özellikleri

#1 Web Sitenizi Çarpıcı Ses İçeriği ile Dönüştürün

Birden çok kaynaktan ses parçaları ekleyin, birden çok kaynak dahil SoundCloud, YouTube, Vimeo, Google Drive ve daha fazlası. İstediğiniz kadar parça içeren çalma listeleri oluşturun ve mağazanız için mükemmel tonu ayarlamak için otomatik oynatma, rastgele çalma veya tekrarlama gibi seçenekleri kullanın. İster tanıtım jingle’ları ister sakin melodiler olsun, sürükleyici bir ses deneyimiyle kitlenizi etkileyin.

#2 Eşsiz bir deneyim için tamamen Özelleştirilebilir Oynatıcı

Oyuncunun görünümünü özelleştirin kapak görselleri, arka plan renkleri veya gradyanlar ile. Yazar, başlık ve süresi gibi parçanın detaylarını gösterip göstermemeyi seçin—ya da yalnızca kontrol simgelerini göstererek sade tutun. Yüzen veya gömülü bir oyuncu oluşturma özelliği ile Shopify müzik oynatıcınız mağazanıza özgü bir görünüm kazanır.

#3 Müzikleriniz Her Zaman Erişilebilir Olsun

Bir değiştirilebilir çalma listesi ekleyin, böylece kullanıcılar hangi parçanın çalacağını görebilsin—ya da temiz ve sade bir görünüm için gizli tutun. Ziyaretçilere oynatma özelleştirme seçenekleriyle kontrole sahip olma imkanı verin ve küratörlük yaptığınız parçaları kendi tercihlerinde dinlemelerini sağlayın.

#4 Ziyaretçilerinizi Bağlı Tutun ve Geri Gelmelerini Sağlayın

Sayfaya geldikleri anda ziyaretçileri etkileyici seslerle karşılamak için Otomatik Oynatma ile ruhu ayarlayın. Deneyimi taze ve dinamik tutmak için Döngüye alın ve Karıştırın; böylece kullanıcılar daha uzun süre kalır ve mağazanızınAtmosferinin tadını çıkarır.

Ses Oynatıcıyı Her Şablonla Gömün

Şimdi Shopify için Elfsight Ses Oynatıcı uygulamasının yaratıcı şablon örneklerini inceleyelim. Başlangıç noktasını bilmeyen ve kendi benzersiz ses oynatıcılarını yaratmak için ilham arayan kullanıcılar için bu örnekler harika.

Örnek 1. Çalma Listesi

Bu oynatıcı, sade bir tasarım için şık bir karanlık tema ile Yüzen Düzen’i bir araya getirir. Sayfanın altına konumlandırıldığı için çok az yer kaplar ve değiştirilebilir bir çalma listesi ile tam işlevsellik sağlar.

Audio Player Example: Playlist

Örnek 2. Meditasyon ve Ambiyans

Özel renk şeması ve kullanıcı tarafından yüklenen arka plan görseli, web sitesinin tasarımıyla uyum sağlar. Gizli çalma listesi sayfayı sade tutar ve huzurlu atmosferi güçlendirir.

Audio Player Example: Meditation

Örnek 3. Sesli Kitap

Kitap kapağıyla birlikte bölümlere ayrılmış bir çalma listesi sunan bu oynatıcı, İçerik alanına sorunsuz şekilde entegre olmak için Gömme Düzeni’ni kullanır ve sezgisel bir dinleme deneyimi sunar.

Audio Player Example: Audiobook

Örnek 4. Doğa Sesleri

Basitliğe odaklanmış bu oynatıcı yalnızca bir çalma listesi, ilerleme çubuğu ve kontrol simgelerini gösterir. Parça başlıkları, görseller ve sanatçı bilgileri, kullanıcıların ses deneyimine odaklanmasını sağlamak için gizlenir.

Audio Player Example: Nature Sounds

Örnek 5. Tek Parça

Elfsight Ses Oynatıcı, tek bir parçayı sergilemek için idealdir. Gömme düzeni ve dikkat çekici bir arka plan görseliyle öne çıkan sesinizi zahmetsizce vurgulayabilirsiniz.

Audio Player Example: Track

Örnek 6. Yeni Albüm

En yeni albümünüzü çarpıcı bir sunumla öne çıkarın. Oynatıcıyı özel bir renk şeması ve dikkat çekici bir arka plan görseliyle özelleştirerek öne çıkarın ve dinleyicilerinizi büyüleyin.

Audio Player Example: Album

Kendi Shopify Müzik Oynatıcıyı oluşturmak için başlangıç olarak kullanabileceğiniz pek çok şablonumuz daha var!

Şablon Kataloğu

30’dan Fazla Ses Oynatıcı Şablonları Keşfedin

Her kullanım için hazır şablonlarımızı inceleyin ya da kendi şablonunuzu sıfırdan oluşturun!
HTML Music Playlist template
Müziklerinizi daha geniş kitlelere ulaştırmak ve etkileşimi artırmak için bir çalma listesi widget’ı bir web sitesine ekleyin.
HTML Meditation & Ambience Player template
Meditasyonlar için ortam ve rahatlatıcı sesler paylaşmak amacıyla bir oynatıcı şablonunu web sitenize gömün.
HTML Audiobook template
Bir web sitesi için bir oynatıcı eklentisi oluşturun ve zarif bir audiobook sunumuyla dinleme deneyimini bir üst seviyeye taşıyın.
Bir web sitesi için bir oynatıcı şablonu oluşturmak, MP3 dosyalarını gömmek ve ziyaretçilerin hemen dinlemesini sağlamak için mükemmeldir.
Bir web sitesine bir Ses Oynatıcı şablonu ekleyin ve yapışkan biçimde sürekli ses deneyimini sürdürün.
Bir web sitesine bir oynatıcı widget’ı ekleyin ve sesin kullanışlı bir açılır pencerede çalmasını sağlayın.
Bir web sitesine çalma listesi eklentisi eklemek, yeni şarkı sürümlerini tanıtmanıza veya klasik hitleri paylaşmanıza yardımcı olur.
Bir web sitesine bir oynatıcı şablonu eklemek, ziyaretçileri müzik eşliğinde otomatik çalınan bir ses dünyasına davet eder.
Uygun Şablon Bulunamadı?
Kullanımı kolay yapılandırıcımızla ihtiyacınız olan widget’ı kolayca derleyebilirsiniz.

Sonuç

Artık Shopify mağazanıza bir müzik çaları nasıl ekleyeceğinizi biliyorsunuz; bu, alışveriş deneyimini güçlendirmek, ziyaretçileri etkilemek ve sesli içeriğinizi tanıtmak için güçlü bir yol açar. Bu makale, çoklu ses kaynakları, özelleştirilebilir düzenler ve otomatik oynatma, rastgele çalma ve tekrarlı oynatma gibi oynatma seçenekleri gibi temel özellikleri ele aldı.

Yaratıcı örnekleri de inceledik: çalma listeleri, meditasyon sesleri, sesli kitaplar ve tek parçalı oynatıcılar; Elfsight Audio Player’ın ne kadar çok yönlü olduğunu gösteren örnekler. İster Elfsight Ses Oynatıcı veya Arka Plan Müziği uygulamasını seçin, markanızla mükemmel uyum sağlayan kişiselleştirilmiş ve görsel olarak çekici bir oynatıcı oluşturabilir ve izleyicilerinizi eğlendirebilirsiniz. Ziyaretçilerinizi büyüleyen ve ilham veren özel bir ses çözümüyle mağazanızın atmosferini bugün yükseltmeye başlayın.

Daha Fazla Bilgi İçin?

Umarız bu kılavuz, Shopify mağazanıza bir müzik oynatıcı eklemenizde yardımcı olmuştur. Web siteniz için özel bir ses deneyimi yaratmayı daha fazla öğrenmek isterseniz, tereddüt etmeden bizimle iletişime geçin. Elfsight olarak amacımız, kod gerektirmeyen widget’larımızla işinizi sorunsuz ve kullanıcı dostu çözümlerle desteklemektir.

Birbirimizle bilgi, fikir ve ilham paylaşımı için canlı Topluluğumuza katılın. Geliştirme için önerileriniz mi var? Her zaman duymaya istekliyiz — fikirlerinizi İstek Listesi sayfamızda paylaşmaktan çekinmeyin. Harika deneyimler birlikte oluşturalım!

Makale tarafından
Teknik İçerik Uzmanı
Ivan, Elfsight’te teknik içerik uzmanıdır. Farklı platformlar için entegrasyonlar ve manuel iş yükünü azaltan otomasyon iş akışlarını kapsayan pratik API rehberleri ve geliştirici belgeleri yazar.