{"id":1838,"date":"2020-11-17T10:32:32","date_gmt":"2020-11-17T10:32:32","guid":{"rendered":"https:\/\/www-staging1.names.co.uk\/support\/?post_type=ht_kb&#038;p=1838"},"modified":"2020-11-18T14:45:20","modified_gmt":"2020-11-18T14:45:20","slug":"how-to-add-a-music-player-to-sitemaker","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/","title":{"rendered":"How to add a Music Player to SiteMaker"},"content":{"rendered":"\n<p>If you are looking to add your a music player to your website you can use the in built SoundCloud Widget. You can add this by logging into your SiteMaker editor\u00a0(<a href=\"\/support\/articles\/getting-started-with-sitemaker\/\">How to log into SiteMaker<\/a>), browsing to the page you wish to use for the Slideshow, then selecting insert.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Next select&nbsp;<strong>Widget library<\/strong>&nbsp;from the Basic objects menu on the left.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/3widgetlibrary.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Your File Manager will then open up. Please browse to the&nbsp;<strong>Widgets<\/strong>&nbsp;folder.<\/p>\n\n\n\n<p>Next you will see a selection of widgets to choose from, just select&nbsp;<strong>SoundCloud<\/strong>, and click on&nbsp;<strong>use this<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/5widgetselectionandusethis.png\" alt=\"\"\/><\/figure>\n\n\n\n<p>Once you have selected this you can close off your File Manager.<\/p>\n\n\n\n<p>Now you can drag and drop the widget to where you want the widget to appear on your page, you can also resize the widget as desired.<\/p>\n\n\n\n<p>Click on&nbsp;<strong>Get Snippet<\/strong>, this will take you to a new page at&nbsp;<a href=\"https:\/\/www.soundcloud.com\/\">soundcloud.com<\/a><\/p>\n\n\n\n<p>First you will need to sign up to an account with SoundCloud.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/signup.png\" alt=\"sign up\" title=\"sign up\"\/><\/figure>\n\n\n\n<p>To add your music Click on the Upload option, then select the option to &#8220;Choose files to upload&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/upload.png\" alt=\"upload\" title=\"upload\"\/><\/figure>\n\n\n\n<p>Select the music tracks from your files and upload them.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/musicupload.png\" alt=\"music upload\" title=\"music upload\"\/><\/figure>\n\n\n\n<p>Once this is complete you can edit the track name, and add a description. You will be required to create a track tag to continue.<\/p>\n\n\n\n<p>When you are ready click Save.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/newtrackdescription.png\" alt=\"description\" title=\"description\"\/><\/figure>\n\n\n\n<p>Now we have the track ready click &#8220;Go to your sound&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/gotoyoursound.png\" alt=\"gotoyoursound\" title=\"gotoyoursound\"\/><\/figure>\n\n\n\n<p>You can click to play the track to be sure it has all uploaded correctly.<\/p>\n\n\n\n<p>Next click the Share button and copy the Widget Code.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/2ad\/3fab5890d8113d0b5a4178201dc842ad\/embedcode.png\" alt=\"embed code\" title=\"embed code\"\/><\/figure>\n\n\n\n<p>Now all you need to do is paste the widget code into your Sitemaker Website, click apply and finally click save.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/pastecode.png\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>If you are looking to add your a music player to your website you can use the in built SoundCloud Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects [&hellip;]<\/p>\n","protected":false},"author":2,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[173,145],"ht-kb-tag":[174,144],"class_list":["post-1838","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-legacy","ht_kb_category-sitemaker","ht_kb_tag-html5","ht_kb_tag-sitemaker"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a Music Player to SiteMaker - Support Centre - names.co.uk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a Music Player to SiteMaker - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"If you are looking to add your a music player to your website you can use the in built SoundCloud Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/\" \/>\n<meta property=\"og:site_name\" content=\"Support Centre - names.co.uk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/namesco\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-18T14:45:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@namesco\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/\",\"name\":\"How to add a Music Player to SiteMaker - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\",\"datePublished\":\"2020-11-17T10:32:32+00:00\",\"dateModified\":\"2020-11-18T14:45:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage\",\"url\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\",\"contentUrl\":\"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a Music Player to SiteMaker\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\",\"url\":\"https:\/\/www.names.co.uk\/support\/\",\"name\":\"Support Centre - names.co.uk\",\"description\":\"names.co.uk Support Centre\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.names.co.uk\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a Music Player to SiteMaker - Support Centre - names.co.uk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/","og_locale":"en_GB","og_type":"article","og_title":"How to add a Music Player to SiteMaker - Support Centre - names.co.uk","og_description":"If you are looking to add your a music player to your website you can use the in built SoundCloud Widget. You can add this by logging into your SiteMaker editor\u00a0(How to log into SiteMaker), browsing to the page you wish to use for the Slideshow, then selecting insert. Next select&nbsp;Widget library&nbsp;from the Basic objects [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2020-11-18T14:45:20+00:00","og_image":[{"url":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/","url":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/","name":"How to add a Music Player to SiteMaker - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage"},"image":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage"},"thumbnailUrl":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","datePublished":"2020-11-17T10:32:32+00:00","dateModified":"2020-11-18T14:45:20+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#primaryimage","url":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png","contentUrl":"https:\/\/kbmedia2.names.co.uk\/9f1\/f542eae1949358e25d8bfeefe5b199f1\/1Sitemakermenu.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/how-to-add-a-music-player-to-sitemaker\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"How to add a Music Player to SiteMaker"}]},{"@type":"WebSite","@id":"https:\/\/www.names.co.uk\/support\/#website","url":"https:\/\/www.names.co.uk\/support\/","name":"Support Centre - names.co.uk","description":"names.co.uk Support Centre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.names.co.uk\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/comments?post=1838"}],"version-history":[{"count":1,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1838\/revisions"}],"predecessor-version":[{"id":1839,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1838\/revisions\/1839"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=1838"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=1838"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=1838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}