Share this on Twitter ➞

Create a custom Twitter Share Button

Step 1: Clone this project ➞

Step 2: Open this site in Webflow, then copy and paste the embed element (at the top of the screen) into your Webflow site where you want the button to be

Step 3: Double click into the embed element in your website

Step 4: Customize the text where it says "Add your tweet text here for the custom tweet #MadeInWebflow"

Step 5: Add a button to your site with a class name of "twitter-button" and style that button. Once it's styled, you can create a symbol out of it and then delete that button from your page (otherwise the buttons will overlap).

Step 6: Publish your site, now folks can quickly share your page on Twitter with a few clicks 😄