Welcome, Hunter! 👋 Enjoy 50% OFF annual plans with code PRODUCTHUNT — limited time ⏳
50% OFF annual plans — code PRODUCTHUNT

Webflow Button Widget

Add a free customizable button to your Webflow website to guide visitors, promote offers, and boost clicks – all without writing code.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Button Widget

Create your Button widget

Configure your widget and add it to your Webflow website for free!

Why People Love Elfsight

Wouldn’t it be nice if your visitors always knew where to click next? The Elfsight Button widget makes that easy. Whether you want to link to a product, trigger a form, open a file, or direct users to a special offer, this widget helps you build eye-catching buttons in minutes.

No coding, no layout headaches – just clean, responsive design that fits perfectly with your Webflow project. You can place it anywhere on your page, style it however you like, and connect it to any action that matters to your business.

Did you know?

According to marketing research, buttons can generate up to 45% more clicks than regular text links.

Turn more visitors into customers with Elfsight’s Button – it’s free to start using and only takes a couple of minutes to set up.

Key Features of the Webflow Button Widget

Elfsight is made to make your website easier to use and more clickable. Here’s what you can do with it:

  • Flexible design: Choose from endless combinations of colors, fonts, shapes, and hover effects to fit your branding perfectly.
  • Custom actions: Link to a page, send an email, or launch a chat – you decide what happens when users click.
  • Floating and inline layouts: Place it inside your content or let it hover on screen for constant visibility.
  • Responsive design: Works perfectly on all devices – desktop, tablet, and mobile – right out of the box.
  • Icon support: Add icons to your buttons for instant recognition and a polished, modern look.
  • Fast installation: Add it to your Webflow website in minutes – no technical setup or extra plugins required.

Try all these features in the live editor – no registration needed.

How to Add the Button to Webflow

Embedding your button on Webflow only takes a few moments with Elfsight. Here’s how to do it step by step.

Method 1: Inline Button

Best for buttons you want to display directly inside your page content.

  1. Open the Elfsight Editor: Pick a template and start customizing.
  2. Set Your Design: Choose text, color, icon, and the action you want the button to perform.
  3. Get the Code: Click “Add to website for free” and copy the embed code.
  4. Embed on Webflow: Open your Webflow Designer, drag an Embed element to your chosen section, and paste the code inside.

Method 2: Floating Button

Perfect if you want a button that stays visible as visitors scroll.

  1. Select a Layout: Choose a floating option in the Elfsight editor.
  2. Customize: Pick position, style, and action – for example, open a chat or link to a form.
  3. Copy the Embed Code: Click “Add to website for free.”
  4. Paste into Webflow: Go to your project settings, open “Custom Code,” and paste the snippet before the closing </body> tag.

Need a hand? Check our Help Center or explore our blog for more tips on how to add a button to your website. You can also share ideas on our Wishlist or track updates in the Changelog.

FAQ

Can I make the Button match my Webflow project design?

Absolutely. You can adjust every element – colors, fonts, corners, and effects – to match your project perfectly.

Can the widget connect visitors directly through chat, SMS, or a phone call?

Yes! You can set your Button to open a chat app, start a phone call, or send an SMS when clicked. It’s a great way to make it easy for visitors to reach you instantly through their preferred channel.

Can I install it without coding?

Of course! You just copy the embed code and paste it into your Webflow project – no technical skills required.

Is Elfsight mobile-friendly?

Yes, the widget is fully responsive and adapts automatically to any screen size or orientation.

Can I add icons or images to my Button?

Definitely. You can pick from a built-in icon library or upload your own for a more personalized design.

Go ahead to build tailor-made Webflow Button

Customise it and insert the widget into your site utilizing active demo.
Elfsight Apps
Platform-independent version that suits for any site
from $0 / month
start with a free plan
Unlimited websites
Fast and on-time support and well documented
Free installation help
Fully customizable