Adding audio to your popups or embeds can be a powerful way to engage users and enhance your campaigns. Poper makes it easy to add sound, but it's crucial to understand how modern web browsers handle audio to ensure a smooth user experience.
1. Enable Audio in Global Settings:
Access Poper Dashboard: Log in to your Poper account.
Open Popup Editor: Open the popup or embed where you want to add audio.
Go to Global Settings: On the left-hand sidebar, click on the "Global Settings" icon.
Turn on the Music Panel: Within the Global Settings, you will find a music or audio panel. Turn this feature on.
2. Understanding Browser Autoplay Policies:
Most modern browsers (including Chrome, Firefox, Safari, and Edge) have strict policies against automatically playing audio or video with sound without a user's explicit interaction. This is to prevent a jarring or intrusive experience for the user.
User Interaction is Key: A browser will only allow audio to play if the user has first performed a "user gesture" or "user interaction." This can be a click, tap, or keypress on the page.
The Problem with Autoplay: If you try to play audio immediately when a page loads, the browser will likely block it. Poper's audio feature is designed to respect these browser policies.
3. The Best Practice: Rely on a User's Click Action:
To ensure your audio plays as intended, you must trigger the campaign after the user has performed a click action. This provides the necessary user gesture that browsers require to play sound.
Use a Teaser or Click Trigger: Instead of displaying the full popup immediately on page load, consider using a Poper "teaser" or a click-based trigger.
How it Works:
The user visits your page.
Poper displays a small, non-intrusive teaser (e.g., a tab on the side of the screen) that says "Click to open a special offer!"
When the user clicks the teaser, Poper displays the full popup, and because a user gesture has just occurred, the audio will play correctly.
The same principle applies to popups that are triggered by a user clicking a button or a specific link on your website.
4. How it All Comes Together in Poper:
Poper will automatically play the audio once the campaign's "step" with the audio enabled is displayed. By setting up the display conditions to only show this step after a user has performed a click, you can ensure that the audio is played as you intended, without being blocked by browser policies.
To Summarize:
Turn on the music panel in your popup's Global Settings.
Crucially, ensure that the popup is triggered by a user's click action.
Avoid displaying the popup with audio immediately on page load, as it will likely be blocked.
By following these guidelines, you can successfully add engaging audio effects to your Poper campaigns while providing a seamless and non-intrusive experience for your users.