{"id":26322,"date":"2017-09-28T10:32:57","date_gmt":"2017-09-28T15:32:57","guid":{"rendered":"https:\/\/staging.audiotheme.com\/?p=26322"},"modified":"2022-11-25T14:15:28","modified_gmt":"2022-11-25T20:15:28","slug":"full-length-records-individual-tracks-woocommerce","status":"publish","type":"post","link":"https:\/\/staging.audiotheme.com\/blog\/full-length-records-individual-tracks-woocommerce\/","title":{"rendered":"How to Sell Albums and Individual Tracks on WooCommerce"},"content":{"rendered":"<div class=\"lead\">WooCommerce is the most popular ecommerce plugin for WordPress. Many bands and musicians use it to sell physical merchandise and digital downloads on their website. As we mentioned in a <a href=\"https:\/\/staging.audiotheme.com\/blog\/wordpress-music-store\/\">recent post<\/a>, WooCommerce does not have the capability to sell both a record and individual track downloads in the same product listing.<\/div>\n<p>This means you\u2019ll need to add each track as a separate product, which can lead to a very cluttered catalog page. Fortunately, if you\u2019re using our <a href=\"https:\/\/staging.audiotheme.com\/view\/cuepro\/\">Cue Pro plugin<\/a>, there is a workaround that will allow you to sell individual tracks and the full-length record on the same product page.<\/p>\n<p><!--more--><\/p>\n<figure id=\"attachment_26346\" aria-describedby=\"caption-attachment-26346\" style=\"width: 1381px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-26346\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks.jpg\" alt=\"How to Sell Full Length Records and Individual Tracks on WooCommerce\" width=\"1381\" height=\"633\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks.jpg 1381w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks-840x385.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks-300x138.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks-768x352.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Individual-Tracks-1024x469.jpg 1024w\" sizes=\"auto, (max-width: 1381px) 100vw, 1381px\" \/><figcaption id=\"caption-attachment-26346\" class=\"wp-caption-text\">WooCommerce has no native feature to sell full records and individual tracks in the same product listing.<\/figcaption><\/figure>\n<h2>How to Sell Full Length Records and Individual Tracks on WooCommerce<\/h2>\n<p>As you know, Cue Pro allows you to add purchase links to each track on a playlist. Using this functionality along with the native catalog visibility option in WooCommerce, we can embed a playlist in an album\u2019s product description, while hiding the additional single track products. It sounds more complicated than it is. Below, you\u2019ll find step by step instructions:<\/p>\n<p>We\u2019ll use our <a href=\"https:\/\/staging.audiotheme.com\/view\/merchato\/\">Merchato<\/a> theme in this demonstration, since it comes with full WooCommerce integration and will look great, right out of the box.<\/p>\n<h3>Step 1: Add the full-length downloadable album as a product in WooCommerce<\/h3>\n<p>Add your full-length record just like any other downloadable product.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26348\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1.jpg\" alt=\"Add a full length record to WooCommerce\" width=\"1381\" height=\"633\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1.jpg 1381w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1-840x385.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1-300x138.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1-768x352.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-1-1024x469.jpg 1024w\" sizes=\"auto, (max-width: 1381px) 100vw, 1381px\" \/><\/p>\n<h3>Step 2: Add all individual tracks as WooCommerce products, changing the catalog visibility to \u201cSearch Results Only\u201d<\/h3>\n<p>Add your tracks as WooCommerce products just like you did for you the full-length album.<\/p>\n<p>In the \u201cPublish\u201d panel of the edit product screen for each track, you\u2019ll see an option to change catalog visibility. Since we don\u2019t want each individual track to appear on the main shop page, we\u2019ll change this to \u201cSearch results only.\u201d This will hide the track but still allow users to search for it.<\/p>\n<figure id=\"attachment_26363\" aria-describedby=\"caption-attachment-26363\" style=\"width: 1219px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-26363\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks.jpg\" alt=\"Hide individual tracks from the WooCommerce products page\" width=\"1219\" height=\"633\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks.jpg 1219w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks-840x436.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks-300x156.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks-768x399.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/WooCommerce-Hide-Individual-Tracks-1024x532.jpg 1024w\" sizes=\"auto, (max-width: 1219px) 100vw, 1219px\" \/><figcaption id=\"caption-attachment-26363\" class=\"wp-caption-text\">Select &#8220;Search results only&#8221; to hide individual track products from your storefront.<\/figcaption><\/figure>\n<p>Now, on our demo site, you can see that the individual tracks are no longer visible on the products page.<\/p>\n<figure id=\"attachment_26365\" aria-describedby=\"caption-attachment-26365\" style=\"width: 1130px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-26365\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks.jpg\" alt=\"WooCommerce product page with hidden individual tracks\" width=\"1130\" height=\"633\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks.jpg 1130w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks-840x471.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks-300x168.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks-768x430.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-hidden-tracks-1024x574.jpg 1024w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><figcaption id=\"caption-attachment-26365\" class=\"wp-caption-text\">View of products page when all individual tracks are hidden.<\/figcaption><\/figure>\n<h3>Step 3: Create a playlist for the full album in CuePro<\/h3>\n<p>You can add your audio preview files as the mp3s for each of the album\u2019s songs just like you would for any Cue playlist.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26367\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist.jpg\" alt=\"Add new Cue Pro playlist\" width=\"1130\" height=\"592\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist.jpg 1130w, https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist-840x440.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist-300x157.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist-768x402.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/cue-add-new-playlist-1024x536.jpg 1024w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/p>\n<h3>Step 4: Add \u201cAdd to Cart\u201d links for each individual track in your playlist.<\/h3>\n<p>Did you know you can create an \u201cAdd to Cart\u201d link for any item in WooCommerce? All you need is the item ID, which you can get from hovering over a product name in the &#8220;All Products&#8221; screen of WooCommerce. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-product-id.jpg\" alt=\"WooCommerce Product ID\" width=\"999\" height=\"494\" class=\"alignnone size-full wp-image-26386\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-product-id.jpg 999w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-product-id-840x415.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-product-id-300x148.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-product-id-768x380.jpg 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/p>\n<p>The 943 in the above example is the product ID for Track one. This is the number you\u2019ll need to create your \u201cAdd to Cart\u201d link.<\/p>\n<p>The standard format for an \u201cAdd to Cart\u201d link is:<\/p>\n<pre><code>https:\/\/example.com\/?add-to-cart=productID<\/code><\/pre>\n<p>So using the example above, the following link should be used:<\/p>\n<pre><code>https:\/\/example.com\/?add-to-cart=943<\/code><\/pre>\n<p>This link is what needs to be added to the Purchase URL for that specific track.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26369\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link.jpg\" alt=\"Sample WooCommerce add to cart link\" width=\"1130\" height=\"592\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link.jpg 1130w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link-840x440.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link-300x157.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link-768x402.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-to-cart-link-1024x536.jpg 1024w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/p>\n<p>You can repeat this process for all of the tracks on the album.<\/p>\n<h3>Step 5: Embed your CuePro playlist in the full album product description field.<\/h3>\n<p>Grab your Cue Playlist shortcode and add it to the product description for the your full-length album.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26373\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product.jpg\" alt=\"Embed Cue playlist shortcode\" width=\"1130\" height=\"499\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product.jpg 1130w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product-840x371.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product-300x132.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product-768x339.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/add-cue-playlist-to-product-1024x452.jpg 1024w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/p>\n<p>You now have a single product page where customers can purchase the whole album, or individual tracks!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26374\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks.jpg\" alt=\"How to Sell Full Length Records and Individual Tracks on WooCommerce\" width=\"1200\" height=\"1123\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks.jpg 1200w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks-840x786.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks-300x281.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks-768x719.jpg 768w, https:\/\/staging.audiotheme.com\/content\/uploads\/full-length-record-individual-tracks-1024x958.jpg 1024w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<h2>Redirect to the Shopping Cart<\/h2>\n<p>By default, WooCommerce will reload the page your user is on when they add an item to cart. This works well when someone tries to purchase the actual product displayed on the page. In this case, the Full Length Record. However, when a user clicks the buy button for each individual track, it will force the site to reload the home page. This may be confusing for your users.<\/p>\n<p>To prevent this, you can enable the option to redirect the user to the shopping cart page after they\u2019ve added an item to their cart. You can find these settings under: <em>WooCommerce \u2192 Settings \u2192 Products \u2192 Display \u2192 Add to cart behavior.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26376\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-add-to-cart-redirect.jpg\" alt=\"WooCommerce add to cart redirect options\" width=\"999\" height=\"494\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-add-to-cart-redirect.jpg 999w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-add-to-cart-redirect-840x415.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-add-to-cart-redirect-300x148.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/woocommerce-add-to-cart-redirect-768x380.jpg 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/p>\n<p>This will redirect the user to their shopping cart page.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-26377\" src=\"https:\/\/staging.audiotheme.com\/content\/uploads\/cart-after-redirect-1.jpg\" alt=\"WooCommerce shopping cart after redirect\" width=\"999\" height=\"494\" srcset=\"https:\/\/staging.audiotheme.com\/content\/uploads\/cart-after-redirect-1.jpg 999w, https:\/\/staging.audiotheme.com\/content\/uploads\/cart-after-redirect-1-840x415.jpg 840w, https:\/\/staging.audiotheme.com\/content\/uploads\/cart-after-redirect-1-300x148.jpg 300w, https:\/\/staging.audiotheme.com\/content\/uploads\/cart-after-redirect-1-768x380.jpg 768w\" sizes=\"auto, (max-width: 999px) 100vw, 999px\" \/><\/p>\n<p>That\u2019s it! You can repeat this process for every album you\u2019d like to sell.<\/p>\n<p>Ideally WooCommerce will release a native feature that will accomplish listing full albums and individual tracks together. In the meantime though, this solution should allow you to keep your site&#8217;s storefront organized, while still giving your customers the option to purchase what they&#8217;d like.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce is the most popular ecommerce plugin for WordPress. Many bands and musicians use it to sell physical merchandise and digital downloads on their website. As we mentioned in a recent post, WooCommerce does not have the capability to sell both a record and individual track downloads in the same product listing. This means you\u2019ll &hellip; <a class=\"more-link\" href=\"https:\/\/staging.audiotheme.com\/blog\/full-length-records-individual-tracks-woocommerce\/\">Read More<\/a><\/p>\n","protected":false},"author":941,"featured_media":26420,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-26322","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-chatter","8":"entry"},"_links":{"self":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/26322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/users\/941"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/comments?post=26322"}],"version-history":[{"count":31,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/26322\/revisions"}],"predecessor-version":[{"id":26422,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/posts\/26322\/revisions\/26422"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/media\/26420"}],"wp:attachment":[{"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/media?parent=26322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/categories?post=26322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.audiotheme.com\/api\/wp\/v2\/tags?post=26322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}