Cara Menambahkan Musik ke Toko Shopify

Artikel ini akan menjelaskan cara menambahkan musik ke situs Shopify Anda menggunakan aplikasi Audio Player tanpa kode. Anda akan belajar dengan mudah membangun daftar putar dari sumber Anda dan menyematkannya ke toko Shopify Anda.
Lihat pendapat ChatGPT Buka Editor Aplikasi Langsung
How to Add Music to Shopify Store

Cara Menambahkan Pemutar Musik ke Shopify: Panduan Cepat

Elfsight Audio Player app for Shopify. Here’s a simple 3-step guide:”>Pemutar musik di Shopify adalah cara yang luar biasa untuk meningkatkan suasana toko Anda, memamerkan konten audio Anda, atau mempromosikan musik Anda. Menambahkan trek audio dapat menciptakan pengalaman belanja yang menarik, menetapkan suasana yang tepat, atau menonjolkan penawaran unik Anda. Pemilik toko Shopify kerap menggunakan pemutar musik untuk menarik pengunjung, meningkatkan retensi pelanggan, dan membuat toko mereka menonjol. Cara termudah untuk menambahkan musik ke toko Shopify adalah dengan menggunakanAplikasi Elfsight Audio Player untuk Shopify. Berikut panduan 3 langkah sederhana:

  1. Pilih desain pemutar musik siap pakai yang sesuai dengan gaya dan tujuan toko Anda.
  2. Sesuaikan trek, tata letak, dan perilaku agar selaras dengan merek Anda.
  3. Salin kode plugin yang dihasilkan dan sematkan ke situs Shopify Anda.

Coba buat pemutar musik Shopify Anda menggunakan editor di bawah!

Cara Menambahkan Musik ke Toko Shopify: Panduan Lengkap

Yuk kita telusuri langkah demi langkah cara membuat pemutar musik di Shopify menggunakan aplikasi Elfsight Audio Player. Anda akan belajar cara menyesuaikan pemutar dan menyematkannya ke toko Anda.

  1. Tata tampilan aplikasi. Akhirnya, Anda bisa menentukan tema, warna, dan font di pengaturan. Di sini Anda juga bisa menerapkan gaya kustom Anda.
  2. Salin dan sematkan kodenya. Simpan dan publikasikan pemutar audio Anda. Klik tombol ‘Dapatkan Kode’ untuk menghasilkan potongan HTML. Salin potongan HTML tersebut ke clipboard Anda.
Anda bisa menambahkan Pemutar Audio kami ke situs mana pun. Baca artikel tentang cara menambahkan musik ke situs dengan solusi HTML audio yang sederhana.

Cara menambahkan kode Pemutar ke Shopify? Berikut beberapa cara:

Tambahkan Pemutar Audio Shopify ke Halaman Tertentu

Yang perlu Anda lakukan hanyalah mengirim kode HTML kustom Anda ke dashboard. Inilah caranya:

  1. Buka editor visual situs Anda. Masuk ke panel admin Shopify Anda dan buka Saluran Penjualan → Toko Online.
  2. Klik tombol Sesuaikan. Tambahkan bagian Liquid Kustom ke halaman target. Saat Anda membuka editor visual, beranda akan terbuka secara default. Untuk memilih halaman lain, temukan halaman itu di daftar dropdown di bagian atas halaman.
  3. Untuk memasang widget, klik Tambah Bagian. Lalu pilih Custom Liquid dari daftar.
  4. Tempelkan kode instalasi widget ke bidang Custom Liquid. Anda juga bisa mengubah skema Warna dan mengatur padding atas/bawah jika diperlukan. Setelah itu, Simpan perubahan.

Tambahkan Pemutar Musik Shopify ke Halaman Produk

Untuk menambahkan pemutar Anda sendiri ke halaman produk di toko Shopify, Anda hanya perlu menempelkan kode widget Anda di area yang sesuai pada platform e-commerce Anda.

  1. Buka halaman Toko Online. Pergi ke Saluran Penjualan → Toko Online.
  2. Klik tombol … dan pilih Edit Code. Buka template tema.
  3. Selanjutnya, buka Bagian →  berkas main-product.liquid.
  4. Tempelkan kode instalasi. Temukan tempat Anda ingin menampilkan aplikasi, tempelkan kode instalasi di sana, dan simpan perubahannya.

Tambahkan Aplikasi Musik Shopify ke semua halaman toko Anda

Jika Anda ingin aplikasi Shopify Music Player muncul di semua halaman toko, lakukan beberapa langkah mudah dari panduan di bawah ini:

  1. Buka halaman Toko Online Anda. Pergi ke Saluran Penjualan → Toko Online.
  2. Klik tombol … dan pilih Edit Code. Buka templat tema.
  3. Pilih file theme.liquid pada bagian Layout.
  4. Tempelkan kode instalasi. Tempelkan kode semat widget sebelum penutup tag </ body> dan simpan perubahannya.

Anda juga bisa menonton panduan video singkat kami untuk membantu Anda menambahkan musik ke Shopify dengan lebih cepat:

Cara Lainnya: Aplikasi Musik Latar

Elfsight Background Music app. Aplikasi musik ini memungkinkan Anda merancang daftar putar yang secara mulus melengkapi konten toko Anda, memberikan pengalaman yang menarik dan mudah diingat bagi pengunjung Anda.

  • Pemutar yang ramah untuk situs Anda. Dengan alat Musik Latar kami yang mudah digunakan, Anda bisa membuat daftar putar tanpa batas jumlah trek. Putar ulang atau acak musiknya untuk menjaga agar tetap dinamis, dan gunakan opsi autoplay untuk memikat audiens sejak mereka tiba di situs Anda. Opsi tata letak pemutar yang fleksibel memungkinkan Anda menempatkannya di mana saja, sementara pengaturan kustomisasi membantu Anda menampilkan atau menyembunyikan elemen pemutar sesuai kebutuhan.
  • Variasikan konten situs Anda. Tingkatkan interaksi pengguna dengan menambahkan suara latar yang selaras dengan gaya merek Anda. Baik itu musik perayaan untuk mempromosikan acara khusus atau lagu-lagu halus untuk mendorong belanja, audio latar dapat menciptakan suasana yang membuat pengunjung tetap terlibat dan termotivasi untuk bertindak. Tambahkan lagu dari berbagai platform seperti SoundCloud, YouTube, Vimeo, Vista, Amazon S3, atau Google Drive melalui URL atau unggahan langsung dari perangkat Anda.

Jelajahi Aplikasi Musik Latar Elfsight untuk memperkaya toko Shopify Anda dengan suara yang memikat yang melengkapi konten Anda dengan sempurna.

Fitur Unggulan Pemutar Audio Shopify

#1 Ubah situs Anda dengan konten audio yang memikat

Tambahkan trek audio dari berbagai sumber, termasuk SoundCloud, YouTube, Vimeo, Google Drive, dan masih banyak lagi. Buat daftar putar dengan seberapa banyak trek yang Anda inginkan dan gunakan opsi seperti autoplay, shuffle, atau loop untuk mengatur nuansa yang sempurna untuk toko Anda. Baik itu jingle promosi atau musik yang menenangkan, Anda bisa melibatkan audiens Anda dengan audio yang imersif.

#2 Pemutar yang sepenuhnya dapat disesuaikan untuk pengalaman yang unik

Sesuaikan penampilan pemutar dengan gambar sampul, warna latar, atau gradasi. Pilih menampilkan detail trek seperti artis, judul, dan durasi—atau buat tampilan minimal dengan hanya ikon kontrol. Dengan kemampuan membuat pemutar mengambang atau tersemat, pemutar musik Shopify Anda akan terlihat unik di toko Anda.

#3 Pastikan musik Anda selalu dapat diakses

Tambahkan playlist yang dapat diubah untuk membiarkan pengguna melihat apa yang diputar selanjutnya—or sembunyikan untuk tampilan yang ramping dan tidak berantakan. Beri pengunjung kendali dengan opsi kustomisasi pemutaran dan biarkan mereka menikmati lagu pilihan Anda sesuai keinginan mereka.

#4 Pertahankan keterlibatan pengunjung dan buat mereka kembali

Atur suasana dengan autoplay untuk menyambut pengunjung dengan suara yang menarik begitu mereka tiba di situs Anda. Gunakan looping dan shuffle untuk menjaga pengalaman tetap segar dan dinamis, memastikan pengunjung tinggal lebih lama dan menikmati suasana toko Anda.

Sematkan Pemutar Audio dengan templat apa pun

Dan sekarang mari kita jelajahi beberapa contoh templat kreatif dari aplikasi Elfsight Audio Player untuk Shopify. Contoh-contoh ini sangat cocok bagi pengguna yang belum yakin harus mulai dari mana dan memerlukan inspirasi untuk membuat pemutar audio unik milik mereka sendiri.

Contoh 1. Daftar Putar Musik

Pemutar ini menggabungkan tema gelap yang ramping dengan tata letak Floating untuk menciptakan desain minimalis. Diposisikan di bagian bawah halaman, ia memakan sedikit ruang sambil memberikan fungsionalitas penuh dengan daftar putar yang dapat diganti.

Audio Player Example: Playlist

Contoh 2. Meditasi dan Suasana

Skema warna kustom dan gambar latar yang diunggah pengguna selaras dengan desain situs Anda. Daftar putar tersembunyi menjaga halaman tetap rapi, meningkatkan nuansa yang tenang.

Audio Player Example: Meditation

Contoh 3. Buku Audio

Menampilkan sampul buku dan daftar putar yang diatur per bab, pemutar ini menggunakan tata letak Sematkan untuk menyatu secara mulus dengan area konten, menawarkan pengalaman mendengar yang intuitif.

Audio Player Example: Audiobook

Contoh 4. Suara Alam

Dirancang untuk kemudahan penggunaan, pemutar ini menampilkan hanya daftar putar, bilah kemajuan, dan ikon kontrol. Judul lagu, gambar, serta info artis disembunyikan untuk menjaga fokus pengguna pada pengalaman audio.

Audio Player Example: Nature Sounds

Contoh 5. Lagu Tunggal

Elfsight Audio Player sangat cocok untuk menampilkan satu trek. Dengan tata letak Sematkan dan gambar latar yang menarik, Anda bisa menarik perhatian pada audio unggulan Anda dengan mudah.

Audio Player Example: Track

Contoh 6. Album Baru

Tampilkan album terbaru Anda dengan tampilan yang mencolok. Sesuaikan pemutar dengan skema warna khusus dan gambar latar yang menarik agar tampil menonjol dan memikat audiens Anda.

Audio Player Example: Album

Kami punya banyak template lain yang bisa Anda mulai pakai untuk membuat Pemutar Musik Shopify Anda sendiri!

Katalog Template

Jelajahi 30+ templat Pemutar Audio

Lihat lebih banyak templat siap pakai untuk semua kebutuhan atau buat sendiri dari awal!
HTML Music Playlist template
Tambahkan widget playlist ke situs web untuk memperluas jangkauan musik Anda dan meningkatkan keterlibatan.
HTML Meditation & Ambience Player template
Sematkan templat pemutar di situs web untuk membagikan suasana dan lanskap bunyi yang menenangkan untuk meditasi.
HTML Audiobook template
Buat plugin pemutar untuk situs web dan tingkatkan pengalaman mendengarkan dengan tampilan buku audio yang elegan.
Membuat template pemutar untuk situs web sangat cocog untuk menyematkan berkas MP3 dan memungkinkan pengunjung mendengarkan langsung.
Tambahkan templat pemutar ke situs web dan pertahankan kehadiran audio yang konstan melalui format lengket.
Pasang widget pemutar di situs web untuk memutar audio melalui jendela popup yang praktis.
Menambahkan plugin Daftar Putar ke situs web membantu Anda mempromosikan rilisan lagu baru atau membagikan lagu-lagu klasik.
Menanamkan templat pemutar pada situs web memungkinkan pengunjung meresapi dunia audio Anda dengan musik yang diputar otomatis.
Tidak Ada Template yang Cocok?
Anda bisa dengan mudah menyusun widget yang Anda butuhkan menggunakan konfigurator yang mudah digunakan.

Kesimpulan

Sekarang Anda tahu cara menambahkan pemutar musik ke toko Shopify Anda, membuka cara yang kuat untuk meningkatkan pengalaman berbelanja, menarik pengunjung, dan mempromosikan konten audio Anda. Artikel ini membahas fitur-fitur penting seperti berbagai sumber audio, tata letak yang dapat disesuaikan, serta opsi pemutaran seperti pemutaran otomatis, acak, dan pengulangan.

Kami juga mengeksplor contoh kreatif, termasuk daftar putar, suara meditasi, buku audio, dan pemutar satu trek, untuk menunjukkan betapa serbagunanya Elfsight Audio Player atau aplikasi Background Music, Anda bisa menciptakan pemutar yang dipersonalisasi dan visualnya menarik, selaras dengan merek Anda, serta menghibur audiens Anda. Mulai tingkatkan suasana toko Anda hari ini dengan solusi audio kustom yang memikat dan menginspirasi pengunjung Anda.

Butuh Info Lebih Lanjut?

Semoga panduan ini membantu Anda menambahkan pemutar musik ke toko Shopify Anda. Jika Anda ingin mempelajari lebih lanjut tentang menciptakan pengalaman audio kustom untuk situs Anda, jangan ragu untuk menghubungi kami. Di Elfsight, tujuan kami adalah menyediakan solusi yang mulus dan mudah digunakan bagi bisnis Anda melalui widget tanpa kode.

Bergabunglah dengan Komunitas kami yang dinamis untuk bertukar pengetahuan, ide, dan inspirasi dengan sesama. Punya saran perbaikan? Kami selalu ingin mendengarnya — silakan bagikan ide-ide Anda di Daftar Keinginan. Mari kita ciptakan pengalaman luar biasa bersama!

Artikel oleh
Spesialis Konten Teknis
Ivan adalah seorang spesialis konten teknis di Elfsight. Dia menulis panduan API praktis dan dokumentasi pengembang, mencakup integrasi untuk berbagai platform dan alur kerja otomatis yang mengurangi pekerjaan manual.