{"id":8352,"date":"2017-02-12T01:10:57","date_gmt":"2017-02-12T09:10:57","guid":{"rendered":"https:\/\/www.waveplayer.info\/?p=8352"},"modified":"2020-06-23T01:26:56","modified_gmt":"2020-06-23T08:26:56","slug":"working-with-woocommerce","status":"publish","type":"post","link":"https:\/\/www.waveplayer.info\/docs\/working-with-woocommerce\/","title":{"rendered":"Working with WooCommerce"},"content":{"rendered":"\n<p>WavePlayer allows any <a href=\"https:\/\/woocommerce.com\/\" rel=\"noopener\"><strong>WooCommerce<\/strong><\/a> user who sells audio-related products to automatically insert an instance of the player in connection with each product.<\/p>\n\n\n\n<p>Whether you use your website to <strong>sell songs<\/strong> or <strong>licenses of your music library<\/strong> or <strong>sound effects<\/strong>&nbsp;or the latest <strong>episodes of your podcast<\/strong>, you probably experienced the hassles of manually adding a player in the short or full description of your products. WavePlayer offers you a seamless integration, using the WooCommerce product editor you are already familiar with.<\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">PREVIEW FILES<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><a href=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files.jpg\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"477\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-1024x477.jpg\" alt=\"\" class=\"wp-image-1430 lazyload\" data-srcset=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-1024x477.jpg 1024w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-500x233.jpg 500w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-700x326.jpg 700w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-300x140.jpg 300w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-768x358.jpg 768w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-150x70.jpg 150w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files.jpg 1868w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><noscript><img decoding=\"async\" width=\"1024\" height=\"477\" src=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-1024x477.jpg\" alt=\"\" class=\"wp-image-1430 lazyload\" srcset=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-1024x477.jpg 1024w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-500x233.jpg 500w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-700x326.jpg 700w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-300x140.jpg 300w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-768x358.jpg 768w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files-150x70.jpg 150w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/preview-files.jpg 1868w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<p>It is important to understand the meaning and purpose of preview files. When you sell downloadable products, WooCommerce uploads their related files to a special folder that is restricted from any access in the browser. This makes those files not accessible to any other elements of your website, including WavePlayer.<\/p>\n\n\n\n<p>That is why WavePlayer adds a <strong>Preview File<\/strong> section to the <strong>Advanced<\/strong> tab of the WooCommerce product editor. When you add one or more preview files to a WooCommerce product, WavePlayer will automatically insert into the product page and the product list item of the Shop page an instance of the player containing those preview files.<\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">HOW TO ADD PREVIEW FILES TO A PRODUCT<\/h3>\n\n\n\n<p>If you want to take advantage of the WooCommerce integration, you can follow these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>go to <strong>Products<\/strong> and open the product you would like to edit<\/li><li>in the <strong>Product Editor<\/strong>, select the <strong>Advanced<\/strong> tab<\/li><li>click on the <strong>Choose file<\/strong> button to select the preview file you want to use for this product<\/li><li>if you want to add more preview files (for example, if your product contains multiple audio files, such as an album or a sound effect collection), click on the <strong>Add File<\/strong> button and repeat the previous step<\/li><li>once you are done with adding the preview files to the current product, click on the <strong>Update<\/strong> button<\/li><\/ul>\n\n\n\n<p>WavePlayer will store the preview files as metadata of the corresponding product in the database.<\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">AUTOMATIC INTEGRATION<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><a href=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings.jpg\" rel=\"noopener\"><img decoding=\"async\" width=\"300\" height=\"115\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-300x115.jpg\" alt=\"\" class=\"wp-image-1433 lazyload\" data-srcset=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-300x115.jpg 300w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-500x192.jpg 500w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-700x269.jpg 700w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-768x295.jpg 768w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-1024x394.jpg 1024w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-150x58.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><noscript><img decoding=\"async\" width=\"300\" height=\"115\" src=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-300x115.jpg\" alt=\"\" class=\"wp-image-1433 lazyload\" srcset=\"https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-300x115.jpg 300w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-500x192.jpg 500w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-700x269.jpg 700w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-768x295.jpg 768w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-1024x394.jpg 1024w, https:\/\/media.waveplayer.info\/wp-content\/uploads\/2018\/04\/woocommerce-settings-150x58.jpg 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/a><\/figure><\/div>\n\n\n\n<p>The main advantage of the preview file is that you can let WavePlayer do automatically what you used to do manually&nbsp;when you had to add a player in the description of the product. Moreover, this automation avoids any possible problem with the formatting of the page, because WavePlayer always inserts the player following the&nbsp;<strong><a href=\"\/settings#woocommerce\">configuration you choose in the settings<\/a><\/strong>, for both the Product Page and the Shop.<\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\">GENERAL GUIDELINES<\/h3>\n\n\n\n<p>As we pointed out earlier, it is important to understand that preview files should be different from downloadable files, as you don&#8217;t want to freely expose in the browser what your visitors are supposed to buy. When preparing the preview files of your downloadable tracks, you want to consider what follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>due to most web servers limitations&nbsp;(particularly the shared hosting plans), WavePlayer is not capable of automatically cutting a shorter preview file off of a longer downloadable file: this is something you have to prepare yourself and upload to the website separately<\/li><li>for the same web servers limitation, WavePlayer cannot automatically watermark audio files: another area where you have to prepare your files separately<\/li><li>only use the&nbsp;Preview Files section to upload your preview files: if you accidentally upload both downloadable files and preview files using the Downloadable files section, your preview files won&#8217;t be accessible by WavePlayer. Thus, WavePlayer, like any other player, won&#8217;t be able to play them back.<\/li><li>you can list multiple preview files to a single product (as an example, think of an album composed of several different songs): when WavePlayer finds a product with multiple preview files, it automatically creates a playlist in association with that player instance. How this playlist is going to appear on the page depends on how you configured the <a href=\"\/settings#woocommerce\"><strong>WooCommerce integration settings<\/strong><\/a>.<\/li><li>albeit possible, we discourage from adding the same preview file to multiple products: when you choose to show a cart button or a product link in a playlist, that button or link refer to the product the track is associated with. If you associate the same track to multiple products, WavePlayer might not be able to retrieve the correct product and the result could create confusion. For this reason, recommend using one unique file for each product.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>WavePlayer allows any WooCommerce user who sells audio-related products to automatically insert an instance of the player in connection with each product. Whether you use your website to sell songs or licenses of your music library or sound effects&nbsp;or the latest episodes of your podcast, you probably experienced the hassles of manually adding a player [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[47],"tags":[],"class_list":["post-8352","post","type-post","status-publish","format-standard","hentry","category-docs"],"_links":{"self":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts\/8352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/comments?post=8352"}],"version-history":[{"count":0,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/posts\/8352\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/media?parent=8352"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/categories?post=8352"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.waveplayer.info\/wp-json\/wp\/v2\/tags?post=8352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}