Social Share
Built for

How to use multiple instances

To apply more instances of the solution on the same page, wrap the component inside a parent element with the instance attribute.

Check more examples
How to use multiple instances
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #1

This is the Instance #1.
Please ensure that your component is inside a parent element with the attribute fs-socialshare-instance="1".
Share on X
Share on Facebook
Share on Pinterest
Share on Linkedin
Share on Telegram
Share on Reddit
This is the block containing the URL that will be shared on Social media. You can hide this block if you want.
finsweet.com/attributes
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.

Instance #2

This is the Instance #2.
Please ensure that your component is inside a parent element with the attribute fs-socialshare-instance="2".
Share on X
Share on Facebook
Share on Pinterest
Share on Linkedin
Share on Telegram
Share on Reddit
This is the block containing the URL that will be shared on Social media. You can hide this block if you want.
finsweet.com/components