Compact Audio Player
Play/pause with a small sound wave.
Best forShort voice notes from the seller.
Where to place itUnder the hero or next to the product image.
How to use: add the Audio Player block and choose compact in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Waveform Audio Player
A big sound wave you can tap to seek.
Best forProduct explainers and customer voice reviews.
Where to place itMid-page, in the story or review section.
How to use: add the Audio Player block and choose wave in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Mini Pill Audio Player
A tiny pill with play and wave.
Best forTight spaces — beside a heading or price.
Where to place itAnywhere a small “listen” button fits.
How to use: add the Audio Player block and choose pill in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Bubble Audio Player
Round play button with a wave — like a chat voice message.
Best forSeller voice messages on COD pages.
Where to place itNear the seller letter or FAQ.
How to use: add the Audio Player block and choose bubble in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Card Audio Player
Full player card with cover, time, volume and speed.
Best forPodcasts, longer explainers or playlists.
Where to place itIts own section mid-page.
How to use: add the Audio Player block and choose card in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Dark Audio Player
Full player on a dark background.
Best forDark-themed pages and premium products.
Where to place itIts own section mid-page.
How to use: add the Audio Player block and choose dark in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Glass Audio Player
Full player with a frosted-glass look.
Best forPages with a photo or gradient background.
Where to place itOver a banner or coloured section.
How to use: add the Audio Player block and choose glass in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Gradient Audio Player
Full player on a brand gradient.
Best forEye-catching audio sections.
Where to place itHero or story section.
How to use: add the Audio Player block and choose gradient in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00
Minimal Audio Player
Full controls with a clean, plain look.
Best forSimple pages that need all the controls.
Where to place itAnywhere on the page.
How to use: add the Audio Player block and choose minimal in its Design setting
What you can customize in this widget
Source & tracksSource, Audio file URL (MP3 / WAV / OGG / M4A), Title, Artist / subtitle, Cover image, Tracks
Player & controlsDesign, Show cover art, Live equaliser bars on the cover, Time (current / duration), Volume control, Speed (0.5× – 2×), Previous / Next, Playlist list, On page reload, Loop, Autoplay on load, Default volume, Keyboard shortcuts
Floating playerEnable floating player, Hide the in-page player, Display mode, Show when, Scroll distance (px), Auto-hide after inactivity (seconds), Autoplay when it appears, Corner position, Edge offset, Width (card modes), Z-index, Entrance animation, Draggable, Remember the dragged position, Close button (✕), Minimise / expand button, Floating: previous / next, Floating: progress bar, Floating: time, Floating: volume, Floating: speed
Look & sizePlayer position, Max width, Min height, Cover size, Cover corner radius, Play button size, Play button radius, Other button size, Sound wave height, Progress bar height, Progress thumb size, Title size
ColoursAccent colour, Player background, Title colour, Artist colour, Button icon colour, Play button background, Play button icon, Progress track colour, Played colour, Time text colour, Wave colour (idle), Wave colour (playing), Floating background, Floating backdrop blur, Floating corner radius, Floating opacity
Design preset & boxColour skin, Hover effect, Entrance animation, Primary colour, Accent colour, Text colour, Box background, Box border, Box corner radius, Box padding, Box shadow
Spacing & backgroundPadding (inside), Margin (outside), Stretch this widget, Background colour, Background image, Background image fit, Overlay colour, Overlay strength, Border width, Border colour, Corner radius
_aiVersions: show to visitors, Versions, Versions: key, Versions: shares, Versions: the original takes part, Versions: product the AI versions are written about, Versions: the original’s %
0:000:00