Webflow Banner widget

Create promotional visuals on your Webflow website to highlight discounts, share key messages, and grab attention, making offers more visible and actionable.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Webflow Banner widget

Create your Banner widget

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

Screenshots

Webflow Banner widget
1 / 6

Embed Banner on Webflow with the Elfsight widget

Elfsight Banner widget for Webflow is an exceedingly customisable feature. Presently you’ve got a chance to form a promotional banner for any goal. All you ‘re up to is to choose a background picture, the type of background, set its position, add the title and text. Remember to attach a CTA button – an essential part of any promo banner. And sure thing you are free to modify the widget’s colors the way you need.

By means of our attractive banner on your website, bolster your products and services, persuading more website visitors to make a buy

Here are fundamental features of the widget:

  • Upload photos and videos.
  • Add link, email or phone
  • Attach title and text.
  • Form your CTA button.
  • Allow the button be filled or outlined.

You can test the full capabilities of the widget in the demo

How to embed Banner into my Webflow website?

Simply take these steps presented below to embed the widget.

  1. Perform our free demo and start forming your personalised widget.
    Choose the custom form and characteristics of the widget and save the corrections.
  2. Copy your individual code revealed in the box on Elfsight Apps.
    After the creation of your personal tool is finished, copy the individual code at the emerged popup and keep it for later need.
  3. Begin using the widget on Webflow site.
    Add the code you’ve copied recently in your site and save the edits.
  4. You’re done! The setup is fully accomplished.
    Go to your website to examine the functioning of the tool.

Supposing you encounter any complications, feel free to get in touch with our support team. Our consultants will be delighted to resolve all the difficulties you may have with the widget.

Does the Banner widget work with Webflow CMS collections?

Yes, Elfsight widgets can be embedded inside CMS collection templates, allowing them to appear dynamically across CMS pages.

Do I need a paid Webflow plan to add the Banner?

Yes, Webflow requires a paid plan to add custom code, as custom embeds are not available on free plans.

What elements can I combine in one banner in Webflow?

Elfsight allows you to mix images, video backgrounds, text blocks, forms, coupons, and CTA buttons inside a single banner, creating dynamic promotional sections without extra development.

Can I upload my own images and adjust positioning?

Yes, the widget lets you add custom images and define their placement as full backgrounds or layered elements, aligned precisely within your Webflow layout.

How do video backgrounds from YouTube or Vimeo function?

By adding a public video URL, the widget embeds it as a silent background layer. You can modify scale, brightness, and corner styling directly from the settings panel.

Is it possible to customize banner typography?

Yes, font family, size, spacing, color, and weight can all be tailored so the banner integrates seamlessly into your Webflow design system.

What’s the difference between full-width and fixed-width banners?

Full-width banners span the container edge-to-edge, while custom-width banners remain centered and responsive across desktop and mobile screens.

Can I link buttons to email or phone actions?

Yes, buttons inside the widget can direct visitors to URLs, open email drafts, or trigger phone calls with simple configuration.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform digital solution that works on any site
from $0 / month
start with a free plan
Unlimited websites
Free and on-time support
Free installation service
Fully customizable