Share

Contents

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.

Setup time:

Difficulty:

Share this feature

Implement it easier

Demo Website

Get the Clonable

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

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

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

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

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!

Still need help?

Get Support

Try other Contents

All Contents

Choose the social networks to use

Social networks

Social networks

Social networks

Social networks

Social networks

Social networks

Social networks

Options

Custom URL

Share text

Try other Contents

Embed videos

Bandwidth Optimizer

FlowConsent