Turn every reader into a promoter – add fast, fully customizable social share buttons to any post or page without slowing your site down.
Social Share | Pricing | Support | Live Demos
Why Social Share Block?
Share your website or pages on social networks and messaging apps with a solution built for the modern WordPress editor. Social Share Block is lightweight and Gutenberg-native, designed to boost your social signals without the bulky scripts that bloat your page.
You get full control over how your share buttons look – colors, sizes, layouts, backgrounds, and shadows. Whether you need a simple row of icons or a vertical column, you can set it up in seconds from the block sidebar, or drop the buttons anywhere with a shortcode.
Free Features
- 4 Free Share Themes: Ready-made button styles you can apply in one click.
- Popular Social Networks: Share to the networks and mobile messengers your audience actually uses.
- Row or Column Layouts: Choose the layout direction that fits your design.
- Full Style Control: Customize icon size, color, background color, box-shadow, and borders.
- Lightweight & Fast: Optimized for speed and performance – no heavy external scripts.
- Gutenberg Block: Native block editor support with live preview and sidebar settings.
- Shortcode Support: Place share buttons in any page, post, or widget.
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.
How to Use – Quick Start
- Install and activate the B Social Share plugin.
- In the Gutenberg editor, add the Social Share block from the “Widgets” block category.
- Pick a theme and adjust colors, sizes, and layout from the right-side settings sidebar.
- Publish – or use the shortcode to place buttons anywhere. Enjoy!
For installation help, see the Installation tab.
Use Cases
- Blogs & Magazines: Let readers share articles to their favorite networks in one click.
- Marketing & Landing Pages: Grow reach with share buttons placed exactly where conversions happen.
- Lead Generation: Use the Pro Share Locker to trade coupons and downloads for shares.
- Local & Mobile Audiences: Reach messenger-first users via WhatsApp, Telegram, and QR code 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
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.
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