{"id":9457,"date":"2024-02-06T16:14:14","date_gmt":"2024-02-06T14:14:14","guid":{"rendered":"https:\/\/creativethemes.com\/blocksy\/?post_type=documentation&#038;p=9457"},"modified":"2026-10-08T14:30:32","modified_gmt":"2026-10-08T11:30:32","slug":"share-box","status":"publish","type":"documentation","link":"https:\/\/creativethemes.com\/blocksy\/docs\/theme-blocks\/share-box\/","title":{"rendered":"Share Box"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-video\"><video height=\"2056\" style=\"aspect-ratio: 3456 \/ 2056;\" width=\"3456\" autoplay loop muted src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screen-Recording-2024-02-14-at-18.09.45.mov\" playsinline><\/video><figcaption class=\"wp-element-caption\">The Share Box block in action.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Share Box<\/strong> block adds social sharing controls directly inside layouts created with the WordPress block editor. Visitors can use the available buttons to share the current page or post through supported social networks and services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The block can be inserted anywhere the WordPress block editor is available, making it useful for posts, pages, Content Blocks and other custom layouts where you want to provide an additional sharing interface.<\/p>\n\n\n\n<div class=\"wp-block-group has-palette-color-8-color has-palette-color-1-background-color has-text-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"is-style-info coblocks-alert-paragraph wp-block-paragraph\"><strong>Blocksy Companion required<\/strong><br>The Share Box block becomes available after installing and activating <strong>Blocksy Companion<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Getting Started<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Open the WordPress block inserter and search for <strong>Share Box<\/strong>. After adding the block to your layout, select the social networks and services that should be available to visitors, then adjust the appearance of the sharing icons from the editor sidebar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The block automatically uses the URL and relevant information from the current page or post when generating its sharing actions.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Granular Controls<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ae1caab72c4d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ae1caab72c4d\" class=\"wp-block-image size-full has-lightbox wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"2184\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/creativethemes.com\/blocksy\/wp-content\/uploads\/2024\/02\/Screenshot-2024-02-14-at-18.11.31.png\" alt=\"Share Box block settings in the WordPress editor\" class=\"wp-image-9711\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><figcaption class=\"wp-element-caption\">Configuring the Share Box block.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h3 class=\"wp-block-heading\">Social Networks<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose which supported sharing services are displayed inside the block. Only enable the networks that are relevant to your audience to keep the sharing interface focused.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Availability depends on whether a service provides a compatible way to share web content. Blocksy has added support for additional networks over time, including services such as <strong>LINE<\/strong> and <strong>Threads<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Icon Size &amp; Spacing<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust the size of the sharing icons and the spacing between individual buttons to fit the surrounding layout.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Icon Colors<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Control the Colors used by the sharing icons. Depending on the selected design, you can use your own custom Colors or the official Colors associated with each supported network.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Icon Shape<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose the presentation used for the sharing controls, including plain icons or icons displayed inside one of the available shaped containers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the shape and Color settings together to match the Share Box with the surrounding content and the rest of your website&#8217;s interface.<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Share Box block adds social sharing controls directly inside layouts created with the WordPress block editor. Visitors can use the available buttons to share the current page or post through supported social networks and services. The block can be inserted anywhere the WordPress block editor is available, making it useful for posts, pages, Content [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_categories":[133],"class_list":["post-9457","documentation","type-documentation","status-publish","hentry","doc_categories-theme-blocks"],"acf":[],"_links":{"self":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/types\/documentation"}],"author":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/comments?post=9457"}],"version-history":[{"count":7,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9457\/revisions"}],"predecessor-version":[{"id":15338,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/documentation\/9457\/revisions\/15338"}],"wp:attachment":[{"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/media?parent=9457"}],"wp:term":[{"taxonomy":"doc_categories","embeddable":true,"href":"https:\/\/creativethemes.com\/blocksy\/wp-json\/wp\/v2\/doc_categories?post=9457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}