00:00
Buy Me a Beer
For the Blog

Social Share

Turn a button or link in to a trigger for sharing on Facebook, Instagram, Twitter, or even via Email.  

copied ;)

How to add Facebook social Share in Webflow

Copy this attribute:

vdx-share-facebook

Paste the attribute into the Custom Attributes Name field of your Facebook Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-facebook
Value

How to add Instagram Social Share in Webflow

Copy this attribute:

vdx-share-instagram

Paste the attribute into the Custom Attributes Name field of your Instagram Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-instagram
Value

How to add Twitter Social Share in Webflow

Copy this attribute:

vdx-share-twitter

Paste the attribute into the Custom Attributes Name field of your Twitter Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-twitter
Value

How to add Linkedin Social Share in Webflow

Copy this attribute:

vdx-share-linkedin

Paste the attribute into the Custom Attributes Name field of your LinkedIn Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-linkedin
Value

How to add Email Share in Webflow

Copy this attribute:

vdx-share-email

Paste the attribute into the Custom Attributes Name field of your Email Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-email
Value

How to add WhatsApp Share in Webflow

Copy this attribute:

vdx-share-whatsapp

Paste the attribute into the Custom Attributes Name field of your WhatsApp Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-whatsapp
Value

How to add Page Sharing in Webflow

Copy this attribute:

vdx-share-page

Paste the attribute into the Custom Attributes Name field of your Page Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Link Block
Style
Settings
Interactions
Link Settings
Custom Attributes
Name
vdx-share-page
Value

How to add Page Sharing Alert in Webflow

Copy this attribute:

vdx-share-alert

Paste the attribute into the Custom Attributes Name field of your Page Share Button.

Div Block
Link Block
Link Block
Link Block
Link Block
Link Block
Link Block
Div BLock
Link Block
Text Block
Text Block
Style
Settings
Interactions
Settings
Custom Attributes
Name
vdx-share-alert
Value

Sponsor the Magic and
Buy Me a Beer

Ailín Tobin
Ireland

VisualDX is a free JavaScript library made for Webflow nerds like yourself. No ads, no paywalls—just pure, unfiltered JavaScript magic to supercharge your builds. If it’s saving you time, making your development easier, or just making you feel like a wizard in the Webflow Designer, consider slinging a virtual coffee my way.

Think of it like buying me a pint for keeping your Webflow spells flowing.

You can support it here.

Cheers, legend!

This is a method based on community and soundness. If you can't afford it, don't worry... One of your fellow Webflow nerds has already helped you out by donating.