{"id":393,"date":"2020-04-19T11:00:17","date_gmt":"2020-04-19T08:00:17","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=393"},"modified":"2024-03-07T10:21:58","modified_gmt":"2024-03-07T08:21:58","slug":"share-buttons-widget-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/","title":{"rendered":"Share Buttons widget"},"content":{"rendered":"\n<p>The <strong>Share Buttons Widget<\/strong> adds share buttons to any WordPress page or post. <em>Share Buttons Widget<\/em> gives you full control over your Share Buttons design &amp; style.<\/p>\n\n\n\n<p>[callout type=&#8221;note&#8221;]Icons for Threads and X (formerly known as Twitter) were added to the Share Button widget, but the old Twitter logo has not been deleted.[\/callout]<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Share Buttons Widget: Add Social Media Icons on WordPress with Elementor\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/wJsULsvIRJ8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Share Buttons<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click <strong>Add Item<\/strong> <img decoding=\"async\" width=\"104\" height=\"26\" class=\"wp-image-2307\" style=\"width: 80px\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\" alt=\"\"> to add a social network<\/li>\n\n\n\n<li>Under the <em>Network<\/em> dropdown &gt; Choose a social network<\/li>\n\n\n\n<li><strong>Custom Label<\/strong>: Enter the desired text into the field or use the Dynamic Tag options<\/li>\n\n\n\n<li><strong>View<\/strong>: Choose between Icon &amp; text, Icon only, and Text only<\/li>\n\n\n\n<li><strong>Label<\/strong>: Show or Hide the <em>Label<\/em><\/li>\n\n\n\n<li><strong>Skin<\/strong>: Choose your Social Buttons <em>Skin<\/em><\/li>\n\n\n\n<li><strong>Shape<\/strong>: Choose your Social Buttons <em>Shape<\/em><\/li>\n\n\n\n<li><strong>Columns<\/strong>: Choose the number of <em>Columns<\/em><\/li>\n\n\n\n<li><strong>Alignment<\/strong>: Set the Social Buttons <em>Alignment<\/em><\/li>\n\n\n\n<li><strong>Target URL<\/strong>: Sets the Social Buttons URL you may choose between the current page or a custom one in the dropdown selector\n<ol class=\"wp-block-list\">\n<li>If custom is chosen, you may enter a valid URL, or use the <a href=\"https:\/\/elementor.com\/help\/dynamic-tags-pro\/\">Dynamic Tags<\/a> to pull from site data or custom fields.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Share Buttons<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Columns Gap<\/strong>: Set the space between each button&#8217;s column<\/li>\n\n\n\n<li><strong>Rows Gap<\/strong>: Set the space between each row of buttons<\/li>\n\n\n\n<li><strong>Button Size<\/strong>: Set the size of the buttons<\/li>\n\n\n\n<li><strong>Icon Size<\/strong>: Set the size of the icons<\/li>\n\n\n\n<li><strong>Button Height<\/strong>:Set the height of the buttons<\/li>\n\n\n\n<li><strong>Color<\/strong>: Choose either the Official button color combination or specify a custom color combination, with Primary Color for the background color of the buttons, and Secondary Color for the button text. Custom Colors can be set for both the Normal and Hover states.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Set the typography options for the buttons&#8217; text.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p>Set the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced options<\/a> that are applicable to this widget<\/p>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>:&nbsp;If a custom excerpt exists for a post, the Twitter share button will use the custom excerpt as the tweet&#8217;s content, followed by the post&#8217;s link.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add social share buttons to any page or post <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3ea6b5f81d355c5a21384"],"footnotes":""},"categories":[1439],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-393","post","type-post","status-publish","format-standard","hentry","category-basic-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Share Buttons widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Share Buttons widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Share Buttons widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Share Buttons widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:00:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-07T08:21:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"104\" \/>\n\t<meta property=\"og:image:height\" content=\"26\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Share Buttons widget\",\"datePublished\":\"2020-04-19T08:00:17+00:00\",\"dateModified\":\"2024-03-07T08:21:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\"},\"wordCount\":328,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Basic functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\",\"url\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\",\"name\":\"Share Buttons widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\",\"datePublished\":\"2020-04-19T08:00:17+00:00\",\"dateModified\":\"2024-03-07T08:21:58+00:00\",\"description\":\"Learn everything about Share Buttons widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg\",\"width\":104,\"height\":26},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Basic functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/basic-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Share Buttons widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Share Buttons widget | Elementor","description":"Learn everything about Share Buttons widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/share-buttons-widget-pro\/","og_locale":"en_US","og_type":"article","og_title":"Share Buttons widget | Elementor","og_description":"Learn everything about Share Buttons widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/","og_site_name":"Help","article_published_time":"2020-04-19T08:00:17+00:00","article_modified_time":"2024-03-07T08:21:58+00:00","og_image":[{"width":104,"height":26,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg","type":"image\/jpeg"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Share Buttons widget","datePublished":"2020-04-19T08:00:17+00:00","dateModified":"2024-03-07T08:21:58+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/"},"wordCount":328,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Basic functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/","url":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/","name":"Share Buttons widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg","datePublished":"2020-04-19T08:00:17+00:00","dateModified":"2024-03-07T08:21:58+00:00","description":"Learn everything about Share Buttons widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/share-buttons-widget-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/additem.jpg","width":104,"height":26},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/share-buttons-widget-pro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Basic functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/basic-functionality\/"},{"@type":"ListItem","position":5,"name":"Share Buttons widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=393"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/393\/revisions"}],"predecessor-version":[{"id":46896,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/393\/revisions\/46896"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}