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:
- Pilih desain pemutar musik siap pakai yang sesuai dengan gaya dan tujuan toko Anda.
- Sesuaikan trek, tata letak, dan perilaku agar selaras dengan merek Anda.
- 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.
- Tata tampilan aplikasi. Akhirnya, Anda bisa menentukan tema, warna, dan font di pengaturan. Di sini Anda juga bisa menerapkan gaya kustom Anda.
- 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.
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:
- Buka editor visual situs Anda. Masuk ke panel admin Shopify Anda dan buka Saluran Penjualan → Toko Online.
- 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.
- Untuk memasang widget, klik Tambah Bagian. Lalu pilih Custom Liquid dari daftar.
- 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.
- Buka halaman Toko Online. Pergi ke Saluran Penjualan → Toko Online.
- Klik tombol … dan pilih Edit Code. Buka template tema.
- Selanjutnya, buka Bagian → berkas main-product.liquid.
- 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:
- Buka halaman Toko Online Anda. Pergi ke Saluran Penjualan → Toko Online.
- Klik tombol … dan pilih Edit Code. Buka templat tema.
- Pilih file theme.liquid pada bagian Layout.
- 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.

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.

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.

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.

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.

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.

Kami punya banyak template lain yang bisa Anda mulai pakai untuk membuat Pemutar Musik Shopify Anda sendiri!
Jelajahi 30+ templat Pemutar Audio
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!

