Social Share

Add social share buttons for Twitter, Linkedin, and Facebook in Webflow.
Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback

[.c-title_step]How to add social share buttons in Webflow?[.c-title_step]

Use Refokus Social Share to add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

[.c-title_step]Step #1: Copy/Paste tool URL[.c-title_step]

[.c-text_step]Paste the following script in the “Before tag" field under the "Custom Code" section in the page settings.[.c-text_step]

<script src="https://tools.refokus.io/social-share/bundle.v1.0.0.js"></script>

[.c-title_step]Step #2: Set custom attributes[.c-title_step]

Add a custom attribute on any link block to create a social share button.

To create a button that shares the current URL you have to use the following attributes: 

  • Facebook: [.c-tool_tag]r-share-facebook=1[.c-tool_tag]
  • LinkedIn: [.c-tool_tag]r-share-linkedin=1[.c-tool_tag]
  • Twitter: [.c-tool_tag]r-share-twitter=1[.c-tool_tag]

To create a button to copy the current URL as a Link, add [.c-tool_tag]“r-share-url=1”[.c-tool_tag]


On the Link Block you have created, to be the social share button, you can select ‘Open in new tab’ if you would like the URL to open in a new tab.

Thank you!
Oops! Something went wrong while submitting the form.
Give us feedback

Hello! 👋

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.