Music Player for WooCommerce
Features of the Music Player for WooCommerce, Dokan, WCFM Marketplace, and MultivendorX: ♪ Integrate a music player into the WooCommerce products, Dokan, WCFM Marketplace, and MultivendorX ♪ Includes an audio player that supports formats: OGA, MP3, WAV, WMA ♪ Supports M3U, M3U8 playlists ♪ Includes multiple skins for the Music Player ♪ Supports all most popular web browsers and mobile devices ♪ Includes a widget to insert a playlist on sidebars ♪ Includes a block to insert the playlists on pages using Gutenberg ♪ Includes a widget to insert the playlists on pages using Elementor ♪ Includes a widget for inserting the playlists on pages with Page Builder by SiteOrigin ♪ Includes a control for inserting the playlists on pages with BeaverBuilder ♪ Includes an element for inserting the playlists on pages with Visual Composer ♪ Includes a module for inserting the playlists on pages with DIVI Note: for the other editors, insert directly the playlists’ shortcodes. Music Player for WooCommerce includes the MediaElement.js music player in the pages of the products with audio files associated, and in the store’s pages. It allows the integration with the multivendor stores generated with Dokan, WCFM Marketplace, and MultivendorX. Furthermore, the plugin allows selecting between multiple skins. MediaElement.js is an music player compatible with all major browsers: Internet Explorer, Firefox, Opera, Safari, Chrome and mobile devices: iPhone, iPad, Android. The music player is developed following the html5 standard. The music player supports the following file formats: MP3, WAV, WMA and OGA. The basic version of the plugin, available for free from the WordPress Directory, has the features needed to include a music player in the pages of the products and the store. Premium Features Allows playing the audio files in secure mode to prevent unauthorized downloading of the audio files. Allows to define the percent of the audio file’s size to be played in secure mode. Supports integration with plugins: WooCommerce Dokan WCFM – Marketplace WC Vendors MultivendorX Advanced AJAX Product Filters by berocket Load More Products for WooCommerce by berocket Themify – WooCommerce Product Filter by Themify YITH WooCommerce Ajax Product Filter by YITH WOOF – Products Filter for WooCommerce by realmag777 Product Filter by WooBeWoo Support post_type like auctions, included by third-party plugins. And third-party players like: Compact Audio Player CP Media Player HTML5 Audio Player MP3 jPlayer Interface Global Settings of Music Players The global settings are accessible through the menu option: “Settings/Music Player for WooCommerce”. Include music player in all all products: checkbox to include the music player in all products. Include in: radio button to decide where to display the music player, in pages with a single entry, multiple entries, or both (both cases by default). Include players in cart: checkbox to include the music players on the cart page or not. Merge in grouped products: in grouped products, display the “Add to cart” buttons and quantity fields in the players rows. Player layout: list of available skins for the music player. Show a single player instead of one player per audio file. Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all. Play all: play all players in the page (one after the other). Loop: plays the audio player on the product page in a loop. Player controls: determines the controls to include in the music player. Visualizer: For “all controls” mode, display the visualizer component over the player. Display the player’s title: show/hide the name associated to the downloadable file. Protect the file: checkbox to playback the songs in secure mode (only available in the pro version of the plugin). Percent of audio used for protected playbacks: integer number from 0 to 100, that represents the percent of the size of the original audio file that will be used in the audio file for demo (only available in the pro version of the plugin). Apply the previous settings to all products pages in the website: tick the checkbox to apply the previous settings to all products overwriting the products’ settings. Google Analytics Integration Tracking id: Enter the tracking id in the property settings of Google Analytics account. Setting up the Music Players through the products’ pages The Music Players are configured from the products pages, the Dokan interface, WCFM Marketplace, and MultivendorX. Settings Interface Include music player: checkbox to include the music player in the product’s page, or not. Include in: radio button to decide where to display the music player, in pages with a single entry, multiple entries, or both (both cases by default). Merge in grouped products: in grouped products, display the “Add to cart” buttons and quantity fields in the players rows. Player layout: list of available skins for the music player. Show a single player instead of one player per audio file. Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all. Play all: play all players in the page (one after the other). Loop: plays the audio player on the product page in a loop. Player controls: determines the controls to include in the music player. Visualizer: For “all controls” mode, display the visualizer component over the player. Display the player’s title: show/hide the name associated to the downloadable file. Protect the file: checkbox to playback the songs in secure mode (only available in the pro version of the plugin). Percent of audio used for protected playbacks: integer number from 0 to 100, that represents the percent of the size of the original audio file that will be used in the audio file for demo (only available in the pro version of the plugin). Select my own demo files: checkbox to use different audio files for demo, than the audio files for selling (only available in the pro version of the plugin). Demo files: section similar to the audio files for selling, but in this case it allows to select different audio files for demo, and their names (only available in the pro version of the plugin). How the Pro version of the Music Player for WooCommerce protect the audio files? If the “Protect the file” checkbox was ticked in the product’s page, and was entered an integer number through the attribute: “Percent of audio used for protected playbacks”, the plugin will create a truncated copy of the audio files for selling (or the audio files for demo) into the “/wp-content/plugins/wcmp” directory, to be used as demo. The sizes of the audio files for demo are a percentage of the sizes of the original files (the integer number entered in the player’s settings). So, the users cannot access to the original audio files, from the public pages of the products. Music Player for WooCommerce – Playlist Widget The widget allows to include a playlist on sidebars, with the downloadable files associated to all products with the music player enabled, or for only some of the products. The widget settings: Title: the title of the widget on sidebar. Products IDs: enter the ids of products to include in the playlist, separated by comma, or the * symbol to include all products. Playlist layout: select between the new playlist layout and the original one. Player layout: select the layout of music players (the widget uses only the play/pause control) Preload: to decide if preload the audio files, their metadata, or don’t preload nothing at all. This attribute has a global scope, and will modify the default settings. Play all: play all players in the page (one after the other). This attribute has a global scope, and will modify the default settings. Highlight the current product: if the checkbox is ticked, and the user is in the page of a product, and it is included in the playlist, the corresponding item would be highlighted in the playlist. Continue playing after navigate: if the checkbox is ticked, and there is a song playing when navigates, the player will continue playing after loading the webpage, in the same position. Note: In mobiles devices where the direct action of user is required for playing audios and videos, the plugin cannot start playing dynamically. Music Player for WooCommerce – [wcmp-playlist] shortcode The [wcmp-playlist] shortcode allows to include a playlist on the pages’ contents, with all products, or for some of them. The shortcode attributes are: products_ids: enter the ids of products to include in the playlist, separated by comma, or the * symbol to include all products [wcmp-playlist products_ids="*"] title: enter the title text to display prominently above the playlist [wcmp-playlist products_ids="*" title="My Playlist"] product_categories: this feature enables you to load all products belonging to one or multiple categories at once, eliminating the need to enter their IDs individually. To filter by product categories, simply input their slugs, separated by commas [wcmp-playlist products_ids="*" product_categories="category-1,category-2"] product_tags: just like filtering by product categories, you can also filter products by tags. To do this, simply enter the tag slugs, separated by commas [wcmp-playlist products_ids="*" product_tags="tag-1,tag-2"] layout: allows to select the new or original layouts with the values: new or classic (“new” is the value by default) [wcmp-playlist products_ids="*" layout="new"] player_style: select the layout of music players (the playlist displays only the play/pause control) [wcmp-playlist products_ids="*" player_style="mejs-classic"] highlight_current_product: if the playlist is included in a product’s page, the corresponding item would be highlighted in the playlist [wcmp-playlist products_ids="*" highlight_current_product="1"] continue_playing: if there is a song playing when navigates, the player will continue playing after loading the webpage in the same position [wcmp-playlist products_ids="*" continue_playing="1"] Note: In mobiles devices where the direct action of user is required for playing audios and videos, the plugin cannot start playing dynamically. controls: allows to configure the controls to be used with the players on playlist. The possible values are: track or all, to include only a play/pause button or all player’s controls respectively: [wcmp-playlist products_ids="*" controls="track"] loop: plays all playlist items in an endless loop. The accepted values are: 1 or 0 [wcmp-playlist products_ids="*" loop="1"] cover: allows to include the featured images in the playlist. The possible values are: 0 or 1, 0 is the value by default [wcmp-playlist products_ids="*" cover="1"] purchased_only: includes only the audio files associated with the purchased products (Plugin commercial version) [wcmp-playlist products_ids="*" purchased_only="1"] purchased_products: generates the list of products purchased by the logged user (Plugin commercial version) [wcmp-playlist purchased_products="1"] Hooks (actions and filters) wcmp_before_player_shop_page: action called before the players containers in the shop pages. wcmp_after_player_shop_page: action called after the players containers in the shop pages. wcmp_before_players_product_page: action called before the players containers in the products pages. wcmp_after_players_product_page: action called after the players containers in the products pages. wcmp_audio_tag: filter called when the audio tag is generated. The callback function receives four parameters: the audio tag, the product’s id, the file’s id, URL to the audio file; wcmp_file_name: filter called when the file’s name is included with the player. The callback function receives three parameters: the file’s name, the product’s id, and the file’s id; wcmp_widget_audio_tag: filter called when the audio tag is generated as a widget on sidebars. The callback function receives four parameters: the audio tag, the product’s id, the file’s id, URL to the audio file; wcmp_widget_file_name: filter called when the file’s name is included with the player as a widget on sidebars. The callback function receives three parameters: the file’s name, the product’s id, and the file’s id; wcmp_purchased_product: filter called to know if the product was purchased or not. The callback function receives two parameters: false and the product’s id. wcmp_ffmpeg_time: filter called to determine the duration of truncated copies of the audio files for demos when the FFmpeg application is used to generate them. Other recommended plugins If your project is a music store, and WooCommerce is more than you need it is possible to use Music Store plugin Or if you need a general purpose music and video player, not especific for WooCommerce, CP Media Player – Audio Player and Video Player plugin Multilingual Support (WPML) The plugin ships with a wpml-config.xml file in the plugin root that registers the three custom fields used by the “Select my own demo files” feature with WPML: _wcmp_demos_list _wcmp_own_demos _wcmp_direct_own_demos All three are registered with action=”copy-once”, which means: When a new translation is created, the demo files and their activation flags are copied from the source language to the new translation at creation time. Once the translation exists, subsequent updates to the source language do NOT overwrite the translation. Editors can customise per-language demos (for example, to use a sample with a different voiceover or accent) without losing their changes on the next source save. This is the conservative default that does not change behaviour for sites that do not explicitly opt in. If your site should propagate demo file changes from the source language to all translations on every update, go to WPML -> Settings -> Custom Field Translation and change the action for each of the three fields above from “Copy once” to “Copy”. After updating the plugin (or after first activation on a site that has WPML installed), go to WPML -> Support -> Troubleshooting and click Clear cache in WPML so the new configuration is picked up.
Top keywords
- player57×2.50%
- products46×2.01%
- audio41×1.80%
- music33×1.45%
- product28×1.23%
- file27×1.18%
- music player24×1.05%
- files23×1.01%
- pages20×0.88%
- players20×0.88%
- include19×0.83%
- playlist18×0.79%
Starter Templates
Website Templates, Page Templates and Block Patterns for WordPress Starter Templates is a growing library of 300+ ready-to-use website templates for WordPress. Import a complete website design, a single page template, or an individual section, in one click. Every template works with any WordPress theme, and with the page builder you already use: Elementor, Beaver Builder, Spectra, or the WordPress block editor (Gutenberg). Starter Templates demo Highlights 300+ website templates and ready-made site designs Free Elementor templates and Gutenberg templates 200+ page sections, block patterns and layouts Pre-built sections designed for specific use-cases Full site templates, page templates and section templates AI website builder with built-in AI assistant Adaptive design library with royalty-free images Works with any WordPress theme Supported page builders: Elementor, Spectra, Beaver Builder, and WordPress Block Editor One-Click Website Templates and Template Kits Building a website design from a blank page takes weeks. With Starter Templates you pick a template, import it, and edit the content. Every design is a complete template kit, not just a demo page, but the pages, layouts and settings that make a finished website. You can import at three levels: Full website templates: Every page, menu, and setting for a complete site Page templates: A single page design dropped into your existing site Sections and block patterns: Individual layouts added to any page Preview any template as a live demo before you import it, so you always know what you are getting. Realistic Templates for Every Business Starter Templates goes beyond stunning design. It delivers readymade website templates specifically crafted with your business in mind. Launching an eCommerce store? We have a diverse selection of store templates to get you selling in no time. Creating a business website? We have dozens of professional-quality designs ready for you to make your mark. No matter your industry or niche, we have a template that perfectly aligns with your vision. Free Elementor Templates A fan of Elementor? Look no further. Starter Templates offers a vast collection of professionally designed Elementor templates, with more than 300 Elementor templates available. Import entire websites built with Elementor, individual page templates, or specific blocks to enhance your site’s layout and design. Then just drag, drop, customize, and launch your website. WordPress Block Editor (Gutenberg) Templates The WordPress block editor is changing the game for website creation, and building from scratch is still slow. Starter Templates offers a large library of readymade Gutenberg templates, block patterns and page layouts, all editable natively in the block editor. Hundreds of Sections and Block Patterns Every section is built for a specific use-case. A hero to open a landing page, a pricing table for a service business, a testimonial layout for social proof, a team grid for an about page. Drop one into any page and the layout, spacing and styling are already handled. Swap the text and images, and the section is done. Want to customize your website design to make it truly unique? Use sections, block patterns and layouts to add your personal style. Available sections include: Hero, Page Header, About, Services, Features, Contact, Why Choose Us, Call To Action, Portfolio, Gallery, Testimonials, Pricing, FAQ, Team, Statistics. Templates That Install the Plugins They Need Depending on the type of template you import, Starter Templates also installs the plugins that template needs to work. Import a booking template and the plugins that provide booking are set up for you. Import an online store template and the eCommerce plugins come with it. You do not need to go hunting for another plugin after importing a template, because the design arrives ready to run. AI-Integrated Adaptive Design Library Personalize blocks and patterns to match your website style with the power of AI. The design library within the Starter Templates plugin is integrated with AI and royalty-free image repositories. All elements come pre-populated with relevant text and images that you can easily customize to match your brand. Lightning Fast Websites Starter Templates prioritizes speed and efficiency without compromising quality. Pages created with Starter Templates have efficient, clean code and are free from unnecessary elements. This means faster load times and a smoother experience for visitors on any browser or device. AI Website Builder Alongside the template library, Starter Templates includes an AI website builder. Describe your business and the AI selects a design, generates professional copy, and curates visuals to match your brand, producing a complete website in under two minutes, which you then edit like any other template. Follow the steps below: Enter the name of your website and select the type of website you’re creating (portfolio, business site, landing page, or something else). Describe your business. Use AI to refine your description prompt if you need to. Add your contact details and social media handles so people can interact. The AI will suggest images based on your input. Select the images you want to use. Choose the website structure from the options. Select any site features you need. The AI will generate a website in under 2 minutes. Customize your site as you see fit! AI Assistant for WordPress Our AI Assistant works in a similar way to ChatGPT but is specifically tailored for WordPress. With just a click of a button, you can use AI to help write copy for landing pages, proofread blog posts, translate content into different languages, generate custom HTML and CSS codes, and much more. Royalty-Free Images The Starter Templates plugin offers seamless integration with leading royalty-free image repositories such as Pexels and Unsplash. You have access to millions of top-tier images within your WordPress dashboard. Simply search for the image you need and select it. Training Videos We offer a range of comprehensive training videos designed to complement our templates. They provide the knowledge and skills necessary to build, launch, and maintain your website. Types of Websites You Can Create Starter Templates is perfect for building websites for: personal branding, restaurants, service providers, nonprofits and charities, events, startups, local businesses, wellness businesses, landing pages, lead generation websites, eCommerce stores, blogs, manufacturing businesses, and any other type of WordPress website. There’s no limit to what you can create. Please note: To access AI-generated templates and websites, you’ll need a ZipWP account. Signing up is quick, easy, and 100% free. Fun Facts About Starter Templates ✓ Over 5,000 websites are built with Starter Templates every day. ✓ The plugin has been installed on more than 2 million websites. ✓ Starter Templates has more than 4,500 five-star reviews. ✓ Our team of dedicated full-time WordPress experts help and support hundreds of users daily. ✓ A devoted team of full-time designers keeps the design library up to date. ✓ Our plugin offers more than 150 free Elementor templates. ✓ You can import a complete website, individual page, or section of a page in seconds.