Share

Share

This tool helps you create professional social media sharing functionality for your website. Add customizable share buttons for Twitter, Facebook, LinkedIn, WhatsApp, Telegram, and email with personalized URLs and text. Perfect for increasing your content's reach and engagement across all major social platforms. Simply add HTML attributes to any element and let the module handle the sharing logic automatically.
Share this feature
Share
1

Add this <script> to the <head> of your project

Add this script in project settings > Custom code > Before </body> tag

<!-- BeBranded Contents -->
<script async src="https://cdn.jsdelivr.net/npm/@bebranded/bb-contents@1/bb-contents.js"></script>
2

Choose the social networks to use

Social networks

bb-share = "twitter"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for X / Twitter:
Name
bb-share
Value
twitter

Social networks

bb-share = "facebook"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for Facebook:
Name
bb-share
Value
facebook

Social networks

bb-share = "linkedin"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for LinkedIn:
Name
bb-share
Value
linkedin

Social networks

bb-share = "whatsapp"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for WhatsApp:
Name
bb-share
Value
whatsapp

Social networks

bb-share = "telegram"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for Telegram:
Name
bb-share
Value
telegram

Social networks

bb-share = "email"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for Email:
Name
bb-share
Value
email

Social networks

bb-share = "copy"

Add an element (button, a, div) with the attributes below. The module detects [bb-share] and handles click + accessibility.

Configuration for Copy link:
Name
bb-share
Value
copy
Optional

Options

Custom URL

bb-url attribute
bb-url = "https://example.com"

Set a custom URL for sharing.

Add this attribute:
Name
bb-url
Value
https://example.com

Share text

bb-text attribute
bb-text = "Must read!"

Set a custom text for sharing.

Add this attribute:
Name
bb-text
Value
Must read!
1

2

Still need help?