{"id":1831,"date":"2020-11-17T10:23:07","date_gmt":"2020-11-17T10:23:07","guid":{"rendered":"https:\/\/www-staging1.names.co.uk\/support\/?post_type=ht_kb&#038;p=1831"},"modified":"2021-06-03T15:39:13","modified_gmt":"2021-06-03T14:39:13","slug":"using-the-html-snippet-widget","status":"publish","type":"ht_kb","link":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/","title":{"rendered":"Using the HTML Snippet widget"},"content":{"rendered":"\n<div class=\"wp-block-nco-caution-block\"><p class=\"nco-caution-block-content\"><strong>Note:<\/strong> If you have purchased your SiteMaker package after the 4th June 2013 you will be using our new version of SiteMaker.<br><br>The new version creates a website in HTML5 rather than flash, making our SiteMaker website viewable on many popular phones and tablet devices.<br><br>Because of this some of the Support Centre articles may not apply to your SiteMaker configuration. To make it easier we have tagged all relevant articles with HTML5 to make it easier for you to find your desired guide.<\/p><\/div>\n\n\n\n<p>Adding the HTML Snippet widget to your site is very easy. Go the page you wish to add it to and then use the following steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Click on Insert (toolbar) -&gt; HTML Snippet (sidebar)<\/li><li>Position the widget (you can always move it later)<\/li><li>Click on the&nbsp;<em><strong>Setup<\/strong><\/em>&nbsp;tab<\/li><li>If you have a snippet of code already, simply paste the HTML code into the blank field (or come back once you have copied it to your clipboard from your chosen widgets site)<\/li><li>Click&nbsp;<em><strong>Apply<\/strong><\/em><\/li><li>If dimensions are supplied within the code the widget will ask you if you want to resize using the given dimensions &#8211; click:&nbsp;<em><strong>Yes<\/strong><\/em><\/li><li><em><strong>Save<\/strong><\/em>&nbsp;the page<\/li><\/ol>\n\n\n\n<p><strong><br><\/strong>Some popular Widgets are listed below to give you some ideas:<\/p>\n\n\n\n<p><strong>Image Tools<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/blogger-templates.blogspot.co.uk\/2005\/09\/flash-slideshow.html\">Flickr Slideshow<\/a><\/li><li><a href=\"https:\/\/publish.twitter.com\/#\">Twitter Feed<\/a><\/li><li><a href=\"https:\/\/maps.google.com\/\">Google Maps<\/a><\/li><li><a href=\"https:\/\/www.google.com\/calendar\/render\">Google Calendar<\/a><\/li><li><a href=\"https:\/\/storefront.paypallabs.com\/authenticate\/review\">PayPal Store Front<\/a><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/pictobrowser.com\/\">Pictobrowser<\/a>&nbsp;&#8211; integrates with Flickr and Picasa<\/li><li><a href=\"https:\/\/www.cooliris.com\/yoursite\/express\/\">CoolIris<\/a>&nbsp;&#8211; which has beautiful effects and also integrates nicely with Facebook<\/li><li><a href=\"https:\/\/issuu.com\/explore\">Issu<\/a>&nbsp;&#8211; good for all sorts of publishing (but do checkout the Visual Inspiration section)<\/li><li><a href=\"https:\/\/www.photosnack.com\/\">Photo Snack<\/a>&nbsp;&#8211; Slideshow allowing Flickr, FB, Picas and Instagram integeration<\/li><\/ul>\n\n\n\n<p><strong>Ecommerce tools:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/romancart.com\/\">Romancart<\/a>&nbsp;&#8211; general ecommerce<\/li><li><a href=\"https:\/\/www.payloadz.com\/default.aspx?gclid=CMn60f6ytakCFQNP4Qod1iIHLA\">PayLoadz<\/a>&nbsp;&#8211; downloads<\/li><li><a href=\"https:\/\/widgets.amazon.co.uk\/\">Amazon<\/a>&nbsp;&#8211; StoreFront<\/li><li><a href=\"https:\/\/www.nimbit.com\/\">Nimbit<\/a>&nbsp;&#8211; music<\/li><\/ul>\n\n\n\n<p><strong>Forms:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.wufoo.com\/\">Wufoo<\/a><\/li><li><a href=\"https:\/\/www.emailmeform.com\/v-signup.html\">EmailMeForm<\/a><\/li><li><a href=\"https:\/\/www.formstack.com\/\">Formstack<\/a><\/li><li><a href=\"https:\/\/www.coffeecup.com\/web-form-builder\/\">Coffeecup<\/a><\/li><li><a href=\"https:\/\/moonfruit.zendesk.com\/categories\/2806-FAQs-and-Guides\">Jot Forms<\/a><\/li><\/ul>\n\n\n\n<p><strong>Polls:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/polldaddy.com\/\">PollDaddy<\/a><\/li><li><a href=\"https:\/\/www.vizu.com\/\">Vizu<\/a><\/li><\/ul>\n\n\n\n<p><strong>Database:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.caspio.com\/\">Caspio<\/a><\/li><\/ul>\n\n\n\n<p><strong>Booking Calendar:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/uk.bookingbug.com\/\">BookingBug<\/a>&nbsp;&#8211; one of the better booking services<\/li><\/ul>\n\n\n\n<p><strong>Tables:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.textfixer.com\/html\/html-table-generator.php\">Text Fixer<\/a><\/li><\/ul>\n\n\n\n<p><strong>Forum:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/n5.nabble.com\/help\/Answer.jtp?id=36\">Nabble<\/a><\/li><\/ul>\n\n\n\n<p>These are just some of the sources for great snippets that will open up your website through the Snippet Widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding the HTML Snippet widget to your site is very easy. Go the page you wish to add it to and then use the following steps: Click on Insert (toolbar) -&gt; HTML Snippet (sidebar) Position the widget (you can always move it later) Click on the&nbsp;Setup&nbsp;tab If you have a snippet of code already, simply [&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":[144],"class_list":["post-1831","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-legacy","ht_kb_category-sitemaker","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>Using the HTML Snippet widget - 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\/using-the-html-snippet-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the HTML Snippet widget - Support Centre - names.co.uk\" \/>\n<meta property=\"og:description\" content=\"Adding the HTML Snippet widget to your site is very easy. Go the page you wish to add it to and then use the following steps: Click on Insert (toolbar) -&gt; HTML Snippet (sidebar) Position the widget (you can always move it later) Click on the&nbsp;Setup&nbsp;tab If you have a snippet of code already, simply [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/\" \/>\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=\"2021-06-03T14:39:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/02\/og-support-centre.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"2 minutes\" \/>\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\/using-the-html-snippet-widget\/\",\"url\":\"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/\",\"name\":\"Using the HTML Snippet widget - Support Centre - names.co.uk\",\"isPartOf\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/#website\"},\"datePublished\":\"2020-11-17T10:23:07+00:00\",\"dateModified\":\"2021-06-03T14:39:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.names.co.uk\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the HTML Snippet widget\"}]},{\"@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":"Using the HTML Snippet widget - 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\/using-the-html-snippet-widget\/","og_locale":"en_GB","og_type":"article","og_title":"Using the HTML Snippet widget - Support Centre - names.co.uk","og_description":"Adding the HTML Snippet widget to your site is very easy. Go the page you wish to add it to and then use the following steps: Click on Insert (toolbar) -&gt; HTML Snippet (sidebar) Position the widget (you can always move it later) Click on the&nbsp;Setup&nbsp;tab If you have a snippet of code already, simply [&hellip;]","og_url":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/","og_site_name":"Support Centre - names.co.uk","article_publisher":"https:\/\/www.facebook.com\/namesco","article_modified_time":"2021-06-03T14:39:13+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.names.co.uk\/support\/wp-content\/uploads\/2021\/02\/og-support-centre.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@namesco","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/","url":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/","name":"Using the HTML Snippet widget - Support Centre - names.co.uk","isPartOf":{"@id":"https:\/\/www.names.co.uk\/support\/#website"},"datePublished":"2020-11-17T10:23:07+00:00","dateModified":"2021-06-03T14:39:13+00:00","breadcrumb":{"@id":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.names.co.uk\/support\/articles\/using-the-html-snippet-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.names.co.uk\/support\/"},{"@type":"ListItem","position":2,"name":"Using the HTML Snippet widget"}]},{"@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\/1831","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=1831"}],"version-history":[{"count":2,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1831\/revisions"}],"predecessor-version":[{"id":2409,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb\/1831\/revisions\/2409"}],"wp:attachment":[{"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/media?parent=1831"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-category?post=1831"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.names.co.uk\/support\/wp-json\/wp\/v2\/ht-kb-tag?post=1831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}