This element will allow you to display a playlist of MP3 files you have uploaded to be played either automatically or manually on one or several of your website pages.
Important Note: This Audio Player element is written in flash and may not be compatible with most hand-held devices as Flash support has been removed for most Android and Apple devices.
Uploading Music & Building a Playlist
All music and audio files are organized into playlists. You can access the Playlist Settings from the "Settings" option located in the Element Toolbar. To select audio that you would like to play in the Audio Player Element, select the playlist folder from the dropdown.
You can upload music to this playlist by clicking the Upload Music button.
To create a new playlist or manage the audio files in that playlist, click the Manage Music button to open your Photos and Media manager, where you can create a new playlist folder, rearrange the music files, rename, add or delete files.
Remember to click Save to confirm your changes in the Playlist Settings menu.
Customize your Audio Player
Customize your audio player via the "Settings" option in the Element Toolbar.
Select the Number of Songs to Show from the corresponding dropdown menu.
You can also customize the appearance of your Audio Player Element from the theme section. You can select a Light or Dark theme from the dropdown menu to change the main theme color of the Element. Also, customize the accent color of your Element's buttons by adjusting the Primary Color.
If you would like your audio files to play automatically without requiring your visitors to press the Play Button, you can enable this by turning on the "Autoplay on page load" switch.
Remember to click Save to confirm your changes in the Settings menu.
Where to Find
This element can be found in the "ELEMENTS" section of the Toolbar.
Adding to Website
After selecting this Element, you will be able to choose exactly where you want to add it! Simply drag this onto a blue, orange, or purple ribbon that will appear when dragging the element onto the page.
For more options for your Element, you can visit the following in the Element Toolbar:
Element Wrapper: Add some style to your element! Customize the font, and background, create a border and adjust the space around the element by changing the margin and padding values.
Animate: You can add an animation for your Element. This will appear when the visitor first loads your page and the animation will display as your Element appears on the page.
Duplicate: To quickly add another Element, select the "Duplicate" option in the Element's toolbar.
Pin: You can optionally "Pin" the element to multiple pages to add consistency to the style of your website.
Your Sitemap Managing Your Page SEO Connecting To Google Analytics 4 Adding Alt Text To Your Images Indexing Your Website With Google
Stock Photos Uploading Files From The File Manager Creating Folders For The Image Gallery Image Element Slideshow Element Gallery Element Flickr Element Video Player Element Youtube Element RSS Feed
Publishing A Page Page Settings Managing Error Pages Changing Your Default Homepage Adding To A Page Customize your website with Blocks
Customize your website with Blocks Using Columns Responsive Viewing Managing Your SiteBlocks Template Customizing The Navigation Bar Managing Error Pages Managing Redirects
Creating A New Blog Managing Blog Posts Managing Blog Categories Managing Blog Comments Adding Images To Blog Posts Managing Your Blog RSS Feed Advanced Blog Settings
Stock Photos Uploading Files From The File Manager File Folders Creating Folders For The Image Gallery
Share Buttons Social Links Facebook Pages Facebook Comments Facebook Like Spotify Follow Pinterest Pin Pinterest Follow Youtube Subs Twitter Follow Tweets Tweet Button Disqus