Website music player for any website
Add tracks, cover art, playlists and playback controls with multiple player styles.
Features
Website music player
Use website music player to add interactive, reusable content to your site and manage future changes from WidgetDO.
Use cases
Where Website music player can help
Configure content and design centrally in WidgetDO.
Configure content and design centrally in WidgetDO.
Templates
View all 12 templates →
Choose a Website music player design
Preview a real design and use it as the starting point for your widget.
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
WidgetDO
Preview not generated
Installation guides
Add Music Player to the platform you use
Choose your CMS or website builder to see installation steps and platform-specific notes.
WordPress builderMusic Player for Elementor
Add WidgetDO widgets to Elementor using Elementor’s HTML widget and manage future changes from one dashboard.
↗Custom codeMusic Player for HTML / cualquier webAdd WidgetDO widgets to HTML / cualquier web using the page HTML and manage future changes from one dashboard.
↗CMS / marketingMusic Player for HubSpot CMSAdd WidgetDO widgets to HubSpot CMS using a custom HTML module and manage future changes from one dashboard.
↗EcommerceMusic Player for ShopifyAdd WidgetDO widgets to Shopify using a Custom Liquid section or compatible theme template and manage future changes from one dashboard.
↗Website builderMusic Player for WebflowAdd WidgetDO widgets to Webflow using an Embed element and manage future changes from one dashboard.
↗CMSMusic Player for WordPressAdd WidgetDO widgets to WordPress using a Custom HTML block and manage future changes from one dashboard.
↗WordPress builderMusic Player for DiviAdd WidgetDO widgets to Divi using a Code module and manage future changes from one dashboard.
↗CMSMusic Player for JoomlaAdd WidgetDO widgets to Joomla using a Custom HTML module and manage future changes from one dashboard.
↗JavaScript frameworkMusic Player for ReactAdd WidgetDO widgets to React using a component that renders the container and loads the script once and manage future changes from one dashboard.
↗Landing pagesMusic Player for UnbounceAdd WidgetDO widgets to Unbounce using a Custom HTML block and manage future changes from one dashboard.
↗Website builderMusic Player for WixAdd WidgetDO widgets to Wix using a compatible custom-code or embed tool and manage future changes from one dashboard.
↗WordPress ecommerceMusic Player for WooCommerceAdd WidgetDO widgets to WooCommerce using a WordPress HTML block or compatible builder and manage future changes from one dashboard.
↗WordPress builderMusic Player for Beaver BuilderAdd WidgetDO widgets to Beaver Builder using an HTML module and manage future changes from one dashboard.
↗EcommerceMusic Player for BigCommerceAdd WidgetDO widgets to BigCommerce using an HTML/script area supported by the theme and manage future changes from one dashboard.
↗CMSMusic Player for DrupalAdd WidgetDO widgets to Drupal using a block or template that allows custom code and manage future changes from one dashboard.
↗Landing pagesMusic Player for LeadpagesAdd WidgetDO widgets to Leadpages using an HTML widget and manage future changes from one dashboard.
↗React frameworkMusic Player for Next.jsAdd WidgetDO widgets to Next.js using a client component or layout that loads the script once and manage future changes from one dashboard.
↗Website builderMusic Player for SquarespaceAdd WidgetDO widgets to Squarespace using a Code Block or code-injection area and manage future changes from one dashboard.
↗EcommerceMusic Player for Adobe Commerce / MagentoAdd WidgetDO widgets to Adobe Commerce / Magento using a CMS block, template or layout that allows code and manage future changes from one dashboard.
↗WordPress builderMusic Player for BrizyAdd WidgetDO widgets to Brizy using an Embed element and manage future changes from one dashboard.
↗Website builderMusic Player for FramerAdd WidgetDO widgets to Framer using an Embed component or custom code and manage future changes from one dashboard.
↗CMS / publishingMusic Player for GhostAdd WidgetDO widgets to Ghost using an HTML card or theme code injection and manage future changes from one dashboard.
↗Landing pagesMusic Player for InstapageAdd WidgetDO widgets to Instapage using an HTML/JavaScript block and manage future changes from one dashboard.
↗JavaScript frameworkMusic Player for Vue.jsAdd WidgetDO widgets to Vue.js using a component that includes the container and global script and manage future changes from one dashboard.
↗Blog / CMSMusic Player for BloggerAdd WidgetDO widgets to Blogger using an HTML/JavaScript gadget or template and manage future changes from one dashboard.
↗WordPress builderMusic Player for BreakdanceAdd WidgetDO widgets to Breakdance using a Code Block element and manage future changes from one dashboard.
↗Funnels / landing pagesMusic Player for ClickFunnelsAdd WidgetDO widgets to ClickFunnels using a compatible Custom JS/HTML element and manage future changes from one dashboard.
↗Website builderMusic Player for DudaAdd WidgetDO widgets to Duda using an HTML widget or code section and manage future changes from one dashboard.
↗Vue frameworkMusic Player for NuxtAdd WidgetDO widgets to Nuxt using a client-side component and WidgetDO global script and manage future changes from one dashboard.
↗EcommerceMusic Player for PrestaShopAdd WidgetDO widgets to PrestaShop using an HTML module or compatible template and manage future changes from one dashboard.
↗JavaScript frameworkMusic Player for AngularAdd WidgetDO widgets to Angular using a component that creates the container after mount and manage future changes from one dashboard.
↗EcommerceMusic Player for OpenCartAdd WidgetDO widgets to OpenCart using an HTML module or compatible template file and manage future changes from one dashboard.
↗WordPress builderMusic Player for Oxygen BuilderAdd WidgetDO widgets to Oxygen Builder using a Code Block element and manage future changes from one dashboard.
↗Website builderMusic Player for WeeblyAdd WidgetDO widgets to Weebly using an Embed Code element and manage future changes from one dashboard.
↗EcommerceMusic Player for EcwidAdd WidgetDO widgets to Ecwid using an area that supports custom code and manage future changes from one dashboard.
↗PHP frameworkMusic Player for LaravelAdd WidgetDO widgets to Laravel using a Blade view or HTML template and manage future changes from one dashboard.
↗Website builderMusic Player for TildaAdd WidgetDO widgets to Tilda using an HTML block and manage future changes from one dashboard.
↗Web frameworkMusic Player for AstroAdd WidgetDO widgets to Astro using a component or layout with the container and global script and manage future changes from one dashboard.
↗Website builderMusic Player for CarrdAdd WidgetDO widgets to Carrd using an Embed element available on compatible plans and manage future changes from one dashboard.
↗EcommerceMusic Player for ShopwareAdd WidgetDO widgets to Shopware using an HTML block or compatible template and manage future changes from one dashboard.
↗React frameworkMusic Player for GatsbyAdd WidgetDO widgets to Gatsby using a React component and the global loader and manage future changes from one dashboard.
↗Website builderMusic Player for JimdoAdd WidgetDO widgets to Jimdo using a compatible widget/HTML block and manage future changes from one dashboard.
↗Website builderMusic Player for GoDaddy Website BuilderAdd WidgetDO widgets to GoDaddy Website Builder using an HTML section available to the site and manage future changes from one dashboard.
↗