How do I add a "follow on Instagram" button to my website using Webflow?

To add a "Follow on Instagram" button in Webflow, you simply need to create a styled button that links to your Instagram profile.

1. Create the Button on Your Page

• Open your Webflow project, and go to the page where you want to add the button.
• Drag a Button element from the Add panel into the desired section of your layout.
• Change the button text to something like “Follow on Instagram”.

2. Add the Instagram Profile URL

• With the button selected, go to the Element Settings panel on the right.
• Under Link Settings, choose URL.
• Enter your Instagram profile link (e.g., https://instagram.com/yourusername).
• Enable the "Open in new tab" option if you don’t want users to leave your site.

3. Style the Button

• Use the Style panel to customize the button's appearance (e.g., background color, border radius, padding).
• Optionally, add the Instagram icon for branding:
• Go to the Add panel, search for and drag in an Image or Icon.
• Place it next to the button text.
• Upload the Instagram logo or use a third-party icon library (like Font Awesome via Embed or a Webflow-integrated kit).

4. Use an Embed for Instagram's Official Badge (Optional)

• Instagram doesn’t provide a specific “Follow” button, but you can use their official brand assets or embeddable follow badges from third-party services.
• Drag an Embed element to the canvas.
• Paste the code provided by the third-party tool (e.g., Elfsight or Lightwidget), making sure it doesn’t require script tags that Webflow doesn't support in CMS or inside certain elements.

Summary

To add a “Follow on Instagram” button in Webflow, simply use a styled button element linked to your Instagram profile. For enhanced design, you can add an Instagram icon or embed third-party widgets, though most users opt for a direct link with branding.