{"id":14946,"date":"2020-12-09T07:06:00","date_gmt":"2020-12-09T15:06:00","guid":{"rendered":"http:\/\/sharethis.com\/?page_id=14946"},"modified":"2025-11-28T13:37:29","modified_gmt":"2025-11-28T21:37:29","slug":"share-buttons-html-website","status":"publish","type":"page","link":"http:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/","title":{"rendered":"Getting Started: How to Install ShareThis tools (HTML Websites)"},"content":{"rendered":"<p>We make it easy for your visitors to share, follow, and interact with your content\u2014helping you grow your audience and reach.<\/p>\n\n\n\n<p>This quick-start guide walks you through adding ShareThis to your HTML site, placing tools exactly where you want them, and ensuring everything works smoothly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-quick-start-2-ways\">Quick start (2 ways)<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Use the ShareThis Platform (recommended)<\/strong><br>Best for full control and customization. Create or log into your ShareThis account, <strong>enable<\/strong> the tool you want, copy your unique head code, and paste it into your site\u2019s &lt;head&gt;. Then customize and publish. <br>\ud83d\udc49 <strong><a href=\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/#:~:text=Install%20the%20ShareThis%20script\">Start here<\/a><\/strong><\/li>\n\n\n\n<li><a href=\"https:\/\/sharethis.com\/social-plugins\/\"><strong>Use a Plugin or Integration<\/strong><br><\/a>If you\u2019re on WordPress, Shopify, React or Angular, install our plugin\/integration for a smoother setup.<\/li>\n<\/ol>\n\n\n\n<p><em><strong>Before you begin:<\/strong> Make sure you (or your developer) have access to your site\u2019s HTML &lt;head&gt; section, or the ability to add site-wide scripts through your CMS or website builder.<\/em><sup data-fn=\"5cb3605c-2e81-4cb2-b93e-df076972317e\" class=\"fn\"><a id=\"5cb3605c-2e81-4cb2-b93e-df076972317e-link\" href=\"#5cb3605c-2e81-4cb2-b93e-df076972317e\">1<\/a><\/sup><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-install-the-sharethis-script\">Install the ShareThis script<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in or sign up to the <strong><a href=\"https:\/\/platform.sharethis.com\/login\/\">ShareThis Platform<\/a><\/strong>.<\/li>\n\n\n\n<li>Add your domain.<\/li>\n\n\n\n<li><strong>Copy <\/strong>your unique ShareThis installation script.\n<ul class=\"wp-block-list\">\n<li>You can find it in <strong>Step 1<\/strong> of any App page (e.g., Inline Share Buttons, Sticky Share Buttons, Follow Buttons).<\/li>\n\n\n\n<li>Or, you can find the same script in <strong>Settings <\/strong>\u2192 <strong>Setup <\/strong>inside the Platform.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Paste <\/strong>the script into your website\u2019s &lt;head&gt; section, then save and publish your changes.<\/li>\n\n\n\n<li>In the app you want to use, click <strong>Enable App<\/strong> to activate it on your site.<\/li>\n\n\n\n<li><em>(Optional but recommended)<\/em> Customize your app.\n<ul class=\"wp-block-list\">\n<li>Choose between Smart Share Buttons or manual selection of networks.<\/li>\n\n\n\n<li>Adjust colors to match your brand.<\/li>\n\n\n\n<li>Set button size, shape, alignment, and enable share counts if desired.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-add-inline-tools-placement-code\">Add Inline tools (placement code)<\/h3>\n\n\n\n<p>If you\u2019re using Inline tools (such as Inline Share Buttons, Follow Buttons, or Reaction Buttons), you\u2019ll also need to add a placement tag.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the App page, <strong>copy <\/strong>the placement code shown in \u201c<strong>Step 3: Add the Placement Tag to Your Site<\/strong>\u201c.<\/li>\n\n\n\n<li><strong>Paste <\/strong>that code into your page\u2019s HTML wherever you want the buttons to appear (for example, below a blog post or product description).<\/li>\n\n\n\n<li>Save and publish your page.<\/li>\n<\/ol>\n\n\n\n<p><strong>Examples:<\/strong><\/p>\n\n\n\n<p><strong>Inline Share Buttons:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;!-- ShareThis BEGIN --&gt;<br>&lt;div class=\"sharethis-inline-share-buttons\"&gt;&lt;\/div&gt;<br>&lt;!-- ShareThis END --&gt;<\/code><\/pre>\n\n\n\n<p><strong>Follow Buttons:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;!-- ShareThis BEGIN --&gt;<br>&lt;div class=\"sharethis-inline-follow-buttons\"&gt;&lt;\/div&gt;<br>&lt;!-- ShareThis END --&gt;<\/code><\/pre>\n\n\n\n<p><strong>Reaction Buttons:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;!-- ShareThis BEGIN --&gt;<br>&lt;div class=\"sharethis-inline-reaction-buttons\"&gt;&lt;\/div&gt;<br>&lt;!-- ShareThis END --&gt;<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note:<\/strong> If your buttons don\u2019t appear, check the container or section where you placed them. Some CSS layout settings (like very narrow or fixed-size containers, or strict flexbox rules) can prevent the buttons from showing. Make sure there\u2019s enough space for them to display.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-verify-your-installation\">Verify your installation<\/h3>\n\n\n\n<p>Once your ShareThis code is installed correctly and the app is enabled in the Platform, your buttons should appear and work on your site immediately.<\/p>\n\n\n\n<p>Please allow up to <strong>24 hours<\/strong> for your Sharing Intelligence (Analytics) graphs to begin populating.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>You may also find these guides helpful:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list is-style-styled\">\n<li><strong><a href=\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\">Getting Started: How to Install ShareThis tools (HTML Websites)<\/a>:<\/strong> Learn the basics of installing ShareThis tools on any HTML website in our general installation guide.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/sharethis.com\/support\/customization\/customize-sticky-share-button-urls\/\">How to Customize Sticky Share Buttons<\/a><\/strong> or <strong><a href=\"https:\/\/sharethis.com\/support\/customization\/customize-share-urls\/\">How to Customize Inline Share Buttons<\/a><\/strong>: Step-by-step instructions customize the title, description, image, or URL that\u2019s displayed when visitors click your Share Buttons.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/sharethis.com\/support\/faq\/faqs\/\">Frequently Asked Questions (FAQ)<\/a>:<\/strong> Get answer to the most popular questions.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>We make it easy for your visitors to share, follow, and interact with your content\u2014helping you grow your audience and reach. This quick-start guide walks you through adding ShareThis to your HTML site, placing tools exactly where you want them, and ensuring everything works smoothly. Quick start (2 ways) Before you begin: Make sure you [&hellip;]<\/p>\n","protected":false},"author":93,"featured_media":0,"parent":14951,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page_single_support.php","meta":{"ghostkit_customizer_options":"","ghostkit_custom_css":"","ghostkit_custom_js_head":"","ghostkit_custom_js_foot":"","ghostkit_typography":"","footnotes":"[{\"id\":\"5cb3605c-2e81-4cb2-b93e-df076972317e\",\"content\":\"\"}]"},"class_list":["post-14946","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Getting Started: How to Install ShareThis tools (HTML Websites)<\/title>\n<meta name=\"description\" content=\"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started: How to Install ShareThis tools (HTML Websites)\" \/>\n<meta property=\"og:description\" content=\"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\" \/>\n<meta property=\"og:site_name\" content=\"ShareThis\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-28T21:37:29+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\",\"url\":\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\",\"name\":\"Getting Started: How to Install ShareThis tools (HTML Websites)\",\"isPartOf\":{\"@id\":\"https:\/\/sharethis.com\/#website\"},\"datePublished\":\"2020-12-09T15:06:00+00:00\",\"dateModified\":\"2025-11-28T21:37:29+00:00\",\"description\":\"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.\",\"breadcrumb\":{\"@id\":\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sharethis.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Support\",\"item\":\"https:\/\/sharethis.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Installation\",\"item\":\"https:\/\/sharethis.com\/support\/installation\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Getting Started: How to Install ShareThis tools (HTML Websites)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sharethis.com\/#website\",\"url\":\"https:\/\/sharethis.com\/\",\"name\":\"ShareThis\",\"description\":\"Grow your audience with easy-to-use sharing tools.\",\"publisher\":{\"@id\":\"https:\/\/sharethis.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sharethis.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/sharethis.com\/#organization\",\"name\":\"ShareThis\",\"url\":\"https:\/\/sharethis.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sharethis.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/sharethis.com\/wp-content\/uploads\/2019\/06\/ShareThisLogo2x-1.png\",\"contentUrl\":\"http:\/\/sharethis.com\/wp-content\/uploads\/2019\/06\/ShareThisLogo2x-1.png\",\"width\":414,\"height\":86,\"caption\":\"ShareThis\"},\"image\":{\"@id\":\"https:\/\/sharethis.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"SoftwareApplication\",\"applicationCategory\":\"SocialNetworkingApplication\",\"offers\":{\"@type\":\"Offer\",\"price\":\"0.00\",\"priceCurrency\":\"USD\",\"category\":\"free\"},\"operatingSystem\":\"Web\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Getting Started: How to Install ShareThis tools (HTML Websites)","description":"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.","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:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/","og_locale":"en_US","og_type":"article","og_title":"Getting Started: How to Install ShareThis tools (HTML Websites)","og_description":"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.","og_url":"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/","og_site_name":"ShareThis","article_modified_time":"2025-11-28T21:37:29+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/","url":"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/","name":"Getting Started: How to Install ShareThis tools (HTML Websites)","isPartOf":{"@id":"https:\/\/sharethis.com\/#website"},"datePublished":"2020-12-09T15:06:00+00:00","dateModified":"2025-11-28T21:37:29+00:00","description":"Install ShareThis share buttons easily. Add the installation script, place inline share or follow buttons, and start tracking engagement.","breadcrumb":{"@id":"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sharethis.com\/support\/installation\/share-buttons-html-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sharethis.com\/"},{"@type":"ListItem","position":2,"name":"Support","item":"https:\/\/sharethis.com\/support\/"},{"@type":"ListItem","position":3,"name":"Installation","item":"https:\/\/sharethis.com\/support\/installation\/"},{"@type":"ListItem","position":4,"name":"Getting Started: How to Install ShareThis tools (HTML Websites)"}]},{"@type":"WebSite","@id":"https:\/\/sharethis.com\/#website","url":"https:\/\/sharethis.com\/","name":"ShareThis","description":"Grow your audience with easy-to-use sharing tools.","publisher":{"@id":"https:\/\/sharethis.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sharethis.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/sharethis.com\/#organization","name":"ShareThis","url":"https:\/\/sharethis.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sharethis.com\/#\/schema\/logo\/image\/","url":"http:\/\/sharethis.com\/wp-content\/uploads\/2019\/06\/ShareThisLogo2x-1.png","contentUrl":"http:\/\/sharethis.com\/wp-content\/uploads\/2019\/06\/ShareThisLogo2x-1.png","width":414,"height":86,"caption":"ShareThis"},"image":{"@id":"https:\/\/sharethis.com\/#\/schema\/logo\/image\/"}},{"@type":"SoftwareApplication","applicationCategory":"SocialNetworkingApplication","offers":{"@type":"Offer","price":"0.00","priceCurrency":"USD","category":"free"},"operatingSystem":"Web"}]}},"_links":{"self":[{"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/comments?post=14946"}],"version-history":[{"count":18,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14946\/revisions"}],"predecessor-version":[{"id":210368,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14946\/revisions\/210368"}],"up":[{"embeddable":true,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14951"}],"wp:attachment":[{"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/media?parent=14946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}