{"id":2778,"date":"2026-01-09T10:30:46","date_gmt":"2026-01-09T10:30:46","guid":{"rendered":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/?page_id=2778"},"modified":"2026-09-17T10:33:07","modified_gmt":"2026-09-17T10:33:07","slug":"social-share-button-block","status":"publish","type":"page","link":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/demos\/social-share-button-block\/","title":{"rendered":"Social Share Button Block"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:0\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-4123379f wp-block-columns-is-layout-flex\" style=\"padding-top:80px;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\"><strong>Boost Engagement with <span style=\"color: #d5293f;\"><span style=\"color: #d5293f;\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d5293f\" class=\"has-inline-color\">Social Share<\/mark><\/span><\/span> <span style=\"color: #d5293f;\"><span style=\"color: #d5293f;\"><\/span><\/span> Buttons.<\/strong><\/h2>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">Instantly create attractive social media banners directly in Gutenberg \u2014 perfect for sharing blog posts, landing pages, or announcements with eye-catching graphics.&nbsp;<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><\/p>\n\n\n\n<div class=\"wp-block-group is-style-default is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-7079f430 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-gutenblocks-button-block gutenblocks-button-block ad-button-block\" style=\"--button-color:#ffffff;--button-bg-color:#d5293f;--button-hover-color:#ffffff;--button-hover-bg-color:#d5293f;--button-underline-color:#ff4242;--button-blur:0px;--button-font-size:18px;--button-padding-top:10px;--button-padding-right:20px;--button-padding-bottom:10px;--button-padding-left:20px;--button-margin-top:20px;--button-margin-right:0px;--button-margin-bottom:20px;--button-margin-left:0px;--button-z-index:1;--button-border-radius:8px;--button-font-weight:400;--button-border-width:2px;--button-border-color:#d5293f;--button-border-style:solid;--button-hover-border-color:#d5293f\"><a href=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/adaire-blocks\/\" class=\"gutenblocks-button-block__link gutenblocks-button-block__link--border adaire-button-block__link--slide-underline\">Back to all blocks<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"601\" src=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/01\/image-8.png\" alt=\"Image\" class=\"wp-image-3103\" srcset=\"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/01\/image-8.png 901w, https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/01\/image-8-300x200.png 300w, https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/01\/image-8-768x512.png 768w, https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-content\/uploads\/2026\/01\/image-8-600x400.png 600w\" sizes=\"auto, (max-width: 901px) 100vw, 901px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:0\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-ef006820 wp-block-columns-is-layout-flex\" style=\"padding-top:17px;padding-bottom:17px\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-container-core-column-is-layout-0c22cdd7 wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<h2 class=\"wp-block-heading has-xx-large-font-size\">What Is the <mark style=\"background-color:rgba(0, 0, 0, 0);color:#d5293f\" class=\"has-inline-color\"><span style=\"color: #d5293f;\">Social Share<\/span> <\/mark>Block?<\/h2>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">The Social Share Block allows you to add clickable social icons directly to your pages or posts, letting visitors share content instantly to their&nbsp;favorite&nbsp;platforms. These buttons can be customized and styled visually in Gutenberg, enhancing visibility and engagement.&nbsp;<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\">With this block you can:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add share icons for popular platforms&nbsp;<\/li>\n\n\n\n<li>Customize design,&nbsp;colors, and layout&nbsp;<\/li>\n\n\n\n<li>Increase content reach with one-click sharing&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-xx-large-font-size\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--20)\">The <span style=\"color: #d5293f;\"><mark style=\"background-color:rgba(0, 0, 0, 0);color:#d5293f\" class=\"has-inline-color\">Social Share<\/mark> <\/span>Preview<\/h2>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d2ca6bae wp-block-group-is-layout-constrained\" style=\"background-color:#f3f7fa;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--80)\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#f3f7fa\"><\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#f3f7fa\">\n<div class=\"wp-block-gutenblocks-social-share-block gutenblocks-social-share gutenblocks-social-share--align-left gutenblocks-social-share--tooltip-right\" id=\"cfae8fe4-dbfb-40b2-b218-157fe4c0e2c1\" style=\"--share-icon-size:45px;--share-icon-color:#d73e3e;--share-button-bg:transparent;--share-button-bg-hover:transparent;--share-button-padding-top:12px;--share-button-padding-right:12px;--share-button-padding-bottom:12px;--share-button-padding-left:12px;--share-border-radius:0px;--share-border-width:0px;--share-border-color:#333333\"><button class=\"gutenblocks-social-share__button\" type=\"button\" aria-label=\"Share\" aria-expanded=\"false\"><i class=\"bi bi-share\"><\/i><\/button><div class=\"gutenblocks-social-share__tooltip\"><div class=\"gutenblocks-social-share__platforms\"><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"facebook\" aria-label=\"Facebook\"><i class=\"bi bi-facebook\"><\/i><span>Facebook<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"x\" aria-label=\"X (Twitter)\"><i class=\"bi bi-twitter-x\"><\/i><span>X (Twitter)<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"linkedin\" aria-label=\"LinkedIn\"><i class=\"bi bi-linkedin\"><\/i><span>LinkedIn<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"whatsapp\" aria-label=\"WhatsApp\"><i class=\"bi bi-whatsapp\"><\/i><span>WhatsApp<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"telegram\" aria-label=\"Telegram\"><i class=\"bi bi-telegram\"><\/i><span>Telegram<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"reddit\" aria-label=\"Reddit\"><i class=\"bi bi-reddit\"><\/i><span>Reddit<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"pinterest\" aria-label=\"Pinterest\"><i class=\"bi bi-pinterest\"><\/i><span>Pinterest<\/span><\/a><a href=\"#\" class=\"gutenblocks-social-share__platform\" data-platform=\"email\" aria-label=\"Email\"><i class=\"bi bi-envelope\"><\/i><span>Email<\/span><\/a><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#f3f7fa\"><\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#f3f7fa\"><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Boost Engagement with Social Share Buttons. Instantly create attractive social media banners directly in Gutenberg \u2014 perfect for sharing blog posts, landing pages, or announcements with eye-catching graphics.&nbsp; What Is the Social Share Block? The Social Share Block allows you to add clickable social icons directly to your pages or posts, letting visitors share content [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":5222,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-2778","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/2778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/comments?post=2778"}],"version-history":[{"count":19,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/2778\/revisions"}],"predecessor-version":[{"id":6326,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/2778\/revisions\/6326"}],"up":[{"embeddable":true,"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/pages\/5222"}],"wp:attachment":[{"href":"https:\/\/adairedigitaldev.adaire.dev\/gutenblocks\/wp-json\/wp\/v2\/media?parent=2778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}