Audio MP3 adalah fitur siap pakai di plugin WeddingPress (WDP Pro & WDP Lite) untuk musik latar undangan. Sumbernya bisa file unggahan, link MP3, atau video YouTube. Tamu melihat tombol bulat untuk memutar dan menjeda musik kapan saja.

Pilihan On First Interaction dan Pause on Inactive Tab, serta efek gelombang dan cincin progres, hanya ada di WeddingPress v4.


Masalah yang diselesaikan

Musik membuat undangan terasa hidup, tetapi musik yang tidak bisa dimatikan mengganggu tamu yang membuka undangan di kantor atau tempat umum. Audio MP3 memutar musik setelah tamu berinteraksi dan selalu menyediakan tombol jeda.

Manfaat

  • Untuk klien: lagu pilihan mereka mengiringi undangan.
  • Untuk tamu: bisa menjeda musik dengan satu ketukan, dan musik berhenti sendiri saat tamu pindah tab.
  • Untuk vendor: satu widget dengan tiga pilihan sumber dan gaya ikon yang bisa diatur.
Tombol musik bulat berwarna cokelat keemasan dengan ikon putar
Tombol putar/jeda musik di pojok layar.

Cara pakai dasar (vendor)

  1. Tambahkan widget Audio MP3 di halaman undangan.
  2. Bagian Audio MP3: pilih Audio Source:
  • Upload Audio: file MP3 dari Media Library (paling aman).
  • Audio Link: link langsung ke file .mp3.
  • Youtube Video: link video YouTube.
  • Start Time dan End Time (detik) untuk memotong bagian lagu.
  1. Bagian Audio Options:
  • Autoplay: pilih On First Interaction atau Yes.
  • Loop: aktifkan agar lagu berulang.
  • Pause on Inactive Tab: biarkan Yes agar musik berhenti saat tamu pindah tab.
  1. Bagian Icon Layout: pilih ikon putar dan jeda, View (Default, Stacked, Framed), dan bentuknya.
  2. Tab Advanced › Position: pilih Fixed dan atur jarak dari kanan dan bawah agar tombol melayang di pojok layar.
  3. Klik Publish, lalu coba dari HP.
Panel Edit Audio MP3 bagian Audio Options: Autoplay On First Interaction, Loop Yes, dan Pause on Inactive Tab Yes
Pilihan Autoplay, Loop, dan Pause on Inactive Tab.

Kapan musik mulai berputar

SituasiYang terjadi
Halaman memakai cover InvitationMusik mulai saat tamu mengetuk Buka Undangan
Autoplay = Yes, tanpa coverDicoba saat halaman dimuat; di HP biasanya baru berputar setelah ketukan pertama
Autoplay = On First InteractionMulai setelah ketukan, klik, atau tombol keyboard pertama
Tamu menekan jedaMusik tidak berputar sendiri lagi sampai tamu menekan putar
Undangan memakai Access GateMusik menunggu sampai gerbang terbuka

Menggulir halaman tidak dihitung sebagai ketukan.


Contoh: musik untuk undangan Andy & Zhea

Vendor mengunggah lagu pilihan Andy & Zhea, memilih Autoplay On First Interaction dan Loop aktif, lalu menempatkan tombol bulat di pojok kanan bawah. Saat Budi mengetuk Buka Undangan, lagu mulai berputar, dan Budi bisa menjedanya lewat tombol itu.


Tips & Praktik Terbaik

  • Kompres file MP3, misalnya 128 kbps dan durasi 3–4 menit, agar cepat dimuat di HP.
  • Pakai musik yang boleh dipakai, misalnya lagu milik klien atau musik bebas royalti.
  • Bila halaman memuat beberapa Audio MP3, misalnya satu per perangkat, tombol Buka Undangan memutar widget yang terlihat di layar tamu. Tetap pasang satu lagu per tampilan perangkat.
  • Musik dijeda selama tamu memutar video di Popup, lalu lanjut setelah Popup ditutup.
  • Widget Audio atau section induknya boleh memakai Sticky dari Elementor Pro. Lagu YouTube maupun MP3 tetap terdengar satu kali, dan tombol jeda menghentikan lagu.
  • Untuk lagu YouTube, tombol Buka Undangan yang diketuk sebelum pemutar siap tetap memutar lagu. Bila browser memblokir pemutaran, ketukan berikutnya memutar musik.
  • Start Time dan End Time berlaku untuk ketiga sumber musik.

Pertanyaan yang Sering Diajukan (FAQ)

Kenapa musik tidak langsung berputar saat undangan dibuka? +
Browser di HP menolak memutar suara sebelum tamu mengetuk halaman. Musik mulai setelah ketukan pertama, misalnya saat tamu mengetuk Buka Undangan di cover Invitation.
Apa beda pilihan Autoplay? +
No tidak memutar musik sendiri. Yes (Autoplay Langsung) mencoba memutar saat halaman dimuat, lalu menunggu ketukan pertama bila browser menolak. On First Interaction menunggu ketukan, klik, atau tombol keyboard pertama. Tombol Buka Undangan di cover Invitation tetap memutar musik apa pun pilihannya.
Link musik seperti apa yang bisa dipakai? +
Untuk Audio Link, pakai link langsung ke file audio, misalnya berakhiran .mp3 atau .m4a. Link .mp3 dengan tambahan seperti ?dl=1 juga diputar, dan link tanpa ekstensi diserahkan ke browser untuk dikenali. Link halaman berbagi seperti Google Drive belum tentu berisi file audio. Cara paling aman: unggah file MP3 ke Media Library dan pilih Upload Audio.
Kenapa widget memutar lagu yang tidak dipilih? +
Kolom Youtube Video punya link contoh bawaan. Bila Upload Audio dipilih tetapi file belum diunggah, widget memakai lagu contoh itu. Selalu isi sumber musik sebelum undangan dibagikan.