{"id":14956,"date":"2017-03-02T10:27:26","date_gmt":"2017-03-02T18:27:26","guid":{"rendered":"http:\/\/sharethis.com\/?page_id=14956"},"modified":"2025-09-03T13:04:58","modified_gmt":"2025-09-03T20:04:58","slug":"how-to-set-custom-buttons","status":"publish","type":"page","link":"http:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/","title":{"rendered":"How to Create Custom Share Buttons"},"content":{"rendered":"<p>Would you prefer to design your own share buttons but want to leverage our platform to track social engagement?\u00a0<\/p>\n\n\n\n<p>Publishers often design their share buttons from scratch when they want the icons to better align with their brand and color palette or tailor the button configurations for different pages. Then, they\u2019ll leverage our free analytics platform to dive deeper into their top pages, social channels, and social referrals.<\/p>\n\n\n\n<p>Some things you could do with our Custom Share Buttons include:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-styled\">\n<li>Modify their shape and color using CSS any way you want to reflect your brand.<\/li>\n\n\n\n<li>Write any text you want on the buttons, useful for custom call to actions!<\/li>\n\n\n\n<li>Display multiple sets\/instances of buttons on different sections of the same page.<\/li>\n<\/ul>\n\n\n\n<p>In order for ShareThis tools to work on your website, follow the steps below to add your unique ShareThis code to the header section of your website:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Log in to your ShareThis Platform account. If you don\u2019t have a ShareThis account, sign up for free <a href=\"https:\/\/platform.sharethis.com\/onboarding\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/li>\n\n\n\n<li>Go to your <strong>Profile <\/strong>(top right corner) and select <strong>Settings <\/strong>\u203a <strong>Setup <\/strong>in the Platform and click <strong>Copy code <\/strong>under <strong>Copy your head code.<\/strong><\/li>\n\n\n\n<li>Login to your HTML website.<\/li>\n\n\n\n<li>Paste the unique ShareThis code that you copied from step 2 into the <strong>&lt;head&gt;<\/strong> of your website and <strong>Save<\/strong>.<\/li>\n\n\n\n<li>Create the HTML and CSS for your custom share buttons. The custom button setup for Facebook and Twitter should look similar to this:\u00a0<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li>HTML:\u00a0<\/li>\n<\/ul>\n\n\n\n<p><code>&lt;div class=\"st-custom-button\" data-network=\"facebook\"&gt;share&lt;\/div&gt; &lt;div class=\"st-custom-button\" data-network=\"twitter\"&gt;tweet&lt;\/div&gt;<\/code><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CSS:\u00a0<\/li>\n<\/ul>\n\n\n\n<p><code>.st-custom-button[data-network] {<br>background-color: #0ADEFF;<br>display: inline-block;<br>padding: 5px 10px;<br>cursor: pointer;<br>font-weight: bold;<br>color: #fff;<br>}<br>.st-custom-button[data-network]:hover,<br>.st-custom-button[data-network]:focus {<br>text-decoration: none;<br>background-color: #00C7FF;<br>}<\/code><\/p>\n\n\n\n<p>For example, if you want to specifically change the look of the Facebook button, the CSS class in your CSS file should be <strong>.st-custom-button[data-network=\u201dfacebook\u201d]<\/strong><\/p>\n\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>Add data attributes to the div specific to each social channel in order to specify what you want our core code to do when a user clicks or taps on your share buttons.\u00a0<\/li>\n<\/ol>\n\n\n\n<p>Supported social channels include:\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Social Service<\/strong><\/td><td><strong>data-network Code<\/strong><\/td><\/tr><tr><td>Black Lives Matter<\/td><td>blm<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/blogger-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blogger<\/a><\/td><td>blogger<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/buffer-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Buffer<\/a><\/td><td>buffer<\/td><\/tr><tr><td>Copy Link<\/td><td>copy<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/diaspora-share-button-2-3-4-5\/\" target=\"_blank\" rel=\"noreferrer noopener\">Diaspora<\/a><\/td><td>diaspora<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/digg-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Digg<\/a><\/td><td>digg<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/douban-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Douban<\/a><\/td><td>douban<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/email-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Email<\/a><\/td><td>email<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/evernote-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Evernote<\/a><\/td><td>evernote<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/facebook-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a><\/td><td>facebook<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/flipboard-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flipboard<\/a><\/td><td>flipboard<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/gmail-share-button-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gmail<\/a><\/td><td>gmail<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/bookmarks-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Bookmarks<\/a><\/td><td>googlebookmarks<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/hackernews-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Hacker News<\/a><\/td><td>hackernews<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/instapaper-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Instapaper<\/a><\/td><td>instapaper<\/td><\/tr><tr><td>iOrbix<\/td><td>iorbix<\/td><\/tr><tr><td>Kakao<\/td><td>kakao<\/td><\/tr><tr><td>Koo App<\/td><td>kooapp<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/line-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Line<\/a><\/td><td>line<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/linkedin-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Linkedin<\/a><\/td><td>linkedin<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/livejournal-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">LiveJournal<\/a><\/td><td>livejournal<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/mail-ru-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mail.Ru<\/a><\/td><td>mailru<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/meneame-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Meneame<\/a><\/td><td>meneame<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/facebook-messenger-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Messenger<\/a><\/td><td>messenger<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/odnoklassniki-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Odnoklassniki<\/a><\/td><td>odnoklassniki<\/td><\/tr><tr><td>Outlook<\/td><td>outlook<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/pinterest-pin-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pinterest<\/a><\/td><td>pinterest<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/pocket-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Pocket<\/a><\/td><td>getpocket<\/td><\/tr><tr><td>Print<\/td><td>print<\/td><\/tr><tr><td>Push to Kindle<\/td><td>kindleit<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/qzone-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Qzone<\/a><\/td><td>qzone<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/reddit-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Reddit<\/a><\/td><td>reddit<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/refind-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Refind<\/a><\/td><td>refind<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/renren-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Renren<\/a><\/td><td>renren<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/skype-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Skype<\/a><\/td><td>skype<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/surfingbird-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Surfingbird<\/a><\/td><td>surfingbird<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/telegram-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Telegram<\/a><\/td><td>telegram<\/td><\/tr><tr><td>Tencent QQ<\/td><td>tencentqq<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/threema-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Threema<\/a><\/td><td>threema<\/td><\/tr><tr><td>Trello<\/td><td>trello<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/tumblr-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tumblr<\/a><\/td><td>tumblr<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/twitter-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Twitter<\/a><\/td><td>twitter<\/td><\/tr><tr><td>Viber<\/td><td>viber<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/vk-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">VK<\/a><\/td><td>vk<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/wechat-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">WeChat<\/a><\/td><td>wechat<\/td><\/tr><tr><td>ShareThis<\/td><td>sharethis<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/sina-weibo-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Sina Weibo<\/a><\/td><td>weibo<\/td><\/tr><tr><td>SMS<\/td><td>sms<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/snapchat-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Snapchat<\/a><\/td><td>snapchat<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/whatsapp-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">WhatsApp<\/a><\/td><td>whatsapp<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/wordpress-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a><\/td><td>wordpress<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/xing-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Xing<\/a><\/td><td>xing<\/td><\/tr><tr><td><a href=\"https:\/\/sharethis.com\/social-media-buttons\/yahoomail-share-button\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yahoo Mail<\/a><\/td><td>yahoomail<\/td><\/tr><tr><td>Yummly<\/td><td>yummly<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Data attributes include:\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>data-network<\/td><td>Specifies to which social platform the content will be shared<\/td><\/tr><tr><td>data-url<\/td><td>Specifies URL (can be shortened URL) that you would like shared<\/td><\/tr><tr><td>data-short-url<\/td><td>Specifies a shortened URL that can be used in conjunction with the data-url<\/td><\/tr><tr><td>data-title<\/td><td>Specifies title that you would like shared (email\u2019s subject in some email channels)<\/td><\/tr><tr><td>data-image<\/td><td>Specifies a link to image you would like displayed in the shared content<\/td><\/tr><tr><td>data-description<\/td><td>Specifies summary text\/description you wish to share<\/td><\/tr><tr><td>data-username<\/td><td>Specifies your Twitter username<\/td><\/tr><tr><td>data-message<\/td><td>Specifies the body copy of e-mail shares<\/td><\/tr><tr><td>data-email-subject<\/td><td>Specifies the email\u2019s subject<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<ol start=\"7\" class=\"wp-block-list\">\n<li>Navigate to a page on your website (e.g., blog, product, etc) and paste the placement code that you copied from the ShareThis platform, wherever you want the ShareThis tool to appear.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-note\">Note<\/h3>\n\n\n\n<ul class=\"wp-block-list is-style-styled\">\n<li>If you need to see a worked example of custom share buttons, you can check it out here: <a href=\"https:\/\/codesandbox.io\/s\/amazing-sun-0rrb2?file=\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/codesandbox.io\/s\/amazing-sun-0rrb2?file=\/index.html<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list is-style-styled\">\n<li>ShareThis will look for the &lt;div&gt; code of the buttons along with its data attributes and ShareThis classes on your website\u2019s code, so if you have a custom icon or image you want to set for the buttons, you will have to wrap it inside the &lt;div&gt; mentioned above, like this:<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<pre class=\"wp-block-code\"><code>&lt;div class=\"st-custom-button\" data-network=\"facebook\"&gt;\n&lt;i class=\"yourIconClass\"&gt; &lt;\/i&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<\/div><\/div>\n\n\n\n<ul class=\"wp-block-list is-style-styled\">\n<li>One way to display the share count for each social platform is adding a span code with the <em>count<\/em> class<em><strong> <\/strong><\/em><strong><em>inside<\/em><\/strong> the &lt;div&gt; code for the buttons:<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<pre class=\"wp-block-code\"><code>&lt;div class=\"st-custom-button\" data-network=\"facebook\"&gt;\n&lt;span class=\"count\"&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Would you prefer to design your own share buttons but want to leverage our platform to track social engagement?\u00a0 Publishers often design their share buttons from scratch when they want the icons to better align with their brand and color palette or tailor the button configurations for different pages. Then, they\u2019ll leverage our free analytics [&hellip;]<\/p>\n","protected":false},"author":93,"featured_media":0,"parent":14952,"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":""},"class_list":["post-14956","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>How to Create Custom Share Buttons - ShareThis<\/title>\n<meta name=\"description\" content=\"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.\" \/>\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\/customization\/how-to-set-custom-buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create Custom Share Buttons\" \/>\n<meta property=\"og:description\" content=\"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"ShareThis\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-03T20:04:58+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\/customization\/how-to-set-custom-buttons\/\",\"url\":\"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/\",\"name\":\"How to Create Custom Share Buttons - ShareThis\",\"isPartOf\":{\"@id\":\"https:\/\/sharethis.com\/#website\"},\"datePublished\":\"2017-03-02T18:27:26+00:00\",\"dateModified\":\"2025-09-03T20:04:58+00:00\",\"description\":\"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.\",\"breadcrumb\":{\"@id\":\"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/#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\":\"Customization\",\"item\":\"https:\/\/sharethis.com\/support\/customization\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How to Create Custom Share Buttons\"}]},{\"@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":"How to Create Custom Share Buttons - ShareThis","description":"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.","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\/customization\/how-to-set-custom-buttons\/","og_locale":"en_US","og_type":"article","og_title":"How to Create Custom Share Buttons","og_description":"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.","og_url":"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/","og_site_name":"ShareThis","article_modified_time":"2025-09-03T20:04:58+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\/customization\/how-to-set-custom-buttons\/","url":"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/","name":"How to Create Custom Share Buttons - ShareThis","isPartOf":{"@id":"https:\/\/sharethis.com\/#website"},"datePublished":"2017-03-02T18:27:26+00:00","dateModified":"2025-09-03T20:04:58+00:00","description":"Prefer to design your own buttons? Great! Our sharing code lets you design fully customized buttons from scratch.","breadcrumb":{"@id":"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sharethis.com\/support\/customization\/how-to-set-custom-buttons\/#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":"Customization","item":"https:\/\/sharethis.com\/support\/customization\/"},{"@type":"ListItem","position":4,"name":"How to Create Custom Share Buttons"}]},{"@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\/14956","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=14956"}],"version-history":[{"count":1,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14956\/revisions"}],"predecessor-version":[{"id":209817,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14956\/revisions\/209817"}],"up":[{"embeddable":true,"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/pages\/14952"}],"wp:attachment":[{"href":"http:\/\/sharethis.com\/wp-json\/wp\/v2\/media?parent=14956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}