Social Share Block – Help Visitors Spread Your Content Everywhere

Pro Version – A Full Suite of Social Engagement Blocks

Upgrade to Social Share Block Pro to unlock:

• Floating Share Bar: A sticky, viewport-pinned share bar that follows the scroll, with show-on-all-pages / home / specific-pages visibility control.
• Click to Chat: A floating WhatsApp, Messenger, Telegram, phone, SMS, or email contact button you can show site-wide.
• Share Locker: Lock content until visitors share your page – great for coupons, downloads, and lead generation.
• Highlight to Share: Let visitors select any text and share it instantly with a floating tooltip (click-to-tweet style).
• QR Code Share: Generate a scannable QR code to the current page for quick mobile sharing.
• Follow Buttons: Link visitors to your social profiles with follower counts.
• Click to Share & Share Card: Pre-styled call-to-action share blocks.
• 2 Premium Share Themes: Animated icons and button-with-text styles.
• Interactive Animations: Professional hover transform effects to catch the user’s eye.
• Network Labels: Show network names (e.g., “Share on Facebook”) for higher CTR.
• One-Click Copy: A dedicated “Copy URL” button for easy link sharing.

Social Engagement Blocks

Social Share Block Pro provides multiple ways to encourage visitors to interact with and distribute your content.

Use the blocks together to build a complete social engagement strategy:

• Floating Share Bar
• Share Locker
• Highlight to Share
• QR Code Share
• Follow Buttons
• Click to Share
• Share Card
• Share Count Total
• Share Modal Trigger
• Click to Chat

Highlight to Share

Allow visitors to select text on a page and share the selected content using a floating sharing interface.

QR Code Share

Generate a QR code for the current page so visitors can scan and open the content on another device.

Follow Buttons

Add social profile buttons that direct visitors to your social media profiles.

Click to Share

Create call-to-action blocks that make selected text or content easier for visitors to share.

Share Card

Display sharing options inside pre-designed share card layouts.

Share Count Total

Display an aggregated sharing count as social proof.

Share Modal Trigger

Open sharing options inside a modal when visitors click a trigger.

Why Use Social Share Block?

Adding social sharing buttons to WordPress should be simple, fast, and flexible.

Social Share Block gives you a Gutenberg-native way to add social sharing buttons without relying on a complicated page builder.

You can:

• Add social media share buttons to posts and pages.
• Let visitors share your content with one click.
• Customize share button colors, sizes, layouts, and styles.
• Display buttons horizontally or vertically.
• Add sharing buttons using a Gutenberg block.
• Use shortcodes to place social sharing buttons in supported areas.
• Add floating sharing buttons with Pro.
• Create share-to-unlock content with Pro.
• Let visitors share selected text with Pro.
• Generate QR codes for mobile sharing with Pro.
• Display social proof with a share counter.
• Create custom share cards and share modals.

How to Customize Social Share Buttons

• Open the post or page containing the Social Share block.
• Select the block in the Gutenberg editor.
• Open the block settings sidebar.
• Choose a share theme.
• Adjust the layout and available styling options.
• Preview your changes.
• Save or update the page.

Available customization options depend on the selected block and its settings.

Use Cases

• Blogs & Magazines: Help readers share articles, stories, and news.
• Business Websites: Increase the reach of company pages, services, and resources.
• Marketing Websites: Add social sharing calls to action to landing pages and campaigns.
• Content Creators: Encourage audiences to share valuable articles, guides, and resources.
• Developer Websites: Add sharing options to tutorials, documentation, and technical articles.
• Portfolio Websites: Make projects and case studies easier to share.
• Online Courses: Let students share useful lessons and resources.
• Lead Generation: Use Share Locker for share-to-unlock campaigns, downloads, and offers.
• Mobile Audiences: Use QR Code Share and messaging options for mobile-friendly sharing.
• Community Websites: Encourage visitors to distribute useful content across their social networks.

How to Use – Quick Start

1. 01Install and activate the B Social Share plugin.
2. 02In the Gutenberg editor, add the Social Share block from the “Widgets” block category.
3. 03Pick a theme and adjust colors, sizes, and layout from the right-side settings sidebar.
4. 04Publish – or use the shortcode to place buttons anywhere. Enjoy!

For installation help, see the Installation tab.

Love the plugin? Want new features? Need support? Send your feedback .

Check out the Parent Plugin of this plugin-

B Blocks – A blocks collection and page building tool for Gutenberg.

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

Source Code

You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Social Share Block on GitHub

Build Instructions

To build the plugin from source, follow these steps: 1. Clone the repository or download the source code. 2. Navigate to the plugin directory. 3. Run npm install to install dependencies. 4. Run npm run build to build the production assets.

File Mapping

To understand how the source code maps to the compiled assets, see the list below: – src/ – Source code for the Gutenberg block and admin interface. – src/index.js → build/index.js (Main block script) – src/view.js → build/view.js (Frontend script) – src/shortcode/shortcode.js → build/shortcode.js (Shortcode script) – src/Admin/Dashboard.js → build/admin-dashboard.js (Admin dashboard script) – build/ – Compiled and minified assets generated by the build process. – inc/ – PHP files for plugin functionality. – assets/ – Static assets like images and fonts.

External Services

This plugin bundles the following third-party JavaScript/PHP libraries.

YouTube

• Source: https://www.youtube.com/
• Purpose: Used to display documentation and tutorial videos in the admin dashboard.
• Privacy: Loading or interacting with the video player connects to YouTube servers and is subject to YouTube’s privacy policy.

WeChat (Google APIs)

• Source: https://chart.apis.google.com/
• Purpose: Generates sharing QR codes via chart.apis.google.com for mobile scanning when WeChat sharing is clicked.
• Privacy: Subject to Google’s privacy policy: https://policies.google.com/privacy.

Third-Party Libraries

Immer

• Version: 11.1.8
• Source: https://immerjs.github.io/immer/
• GitHub: https://github.com/immerjs/immer
• License: MIT
• Purpose: Used for managing immutable state in a more convenient way.

Font Awesome

• Source: https://fontawesome.com/
• License: SIL OFL 1.1 (Icons) / MIT (CSS)
• Purpose: Used for social icons.
• Note: The Font Awesome Free webfont files are licensed under the SIL OFL 1.1, which is GPL-incompatible. They are bundled as static design assets rather than linked software. All PHP/JS code in this plugin is under GPLv3+.

react-router-dom

• Source: https://github.com/remix-run/react-router
• License: MIT
• Purpose: Used for managing navigation routing inside the admin dashboard.

bpl-tools

• Source / GitHub: https://github.com/bPlugins/bpl-tools
• License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
• Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
• External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made.

Freemius Lite SDK

• Version: 2.2.0
• Source: https://bplug