Banner Popup template for website

Use the Banner Popup template as a secret marketing key to display announcements, promotional offers, or upcoming events on your website. Make the widget fully your own—set up content, colors, buttons, and triggers, or write the Custom CSS or JS code. Maximize visibility and ensure your message reaches your target audience!
Rated 4.8 out of 5 from over 700 reviews on
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
  • 12 Custom Content Elements
  • Email Notifications via Form Fill-Out
  • 5000+ Data Export Integrations
  • Modal, Slide-in, Pane Layout Designs
  • Engaging Popup Opening Button
  • Adjustable Frequency Display Setting
  • Exclude or Specify Pages for Displaying
  • Auto-Opening Trigger after Time Spent
  • Scroll Trigger On-Element or On-Click
  • Exit Intent Trigger
  • Set Up Popup for Multiple Mobile Devices
  • Call-to-Action Button
  • Coupon & Redirect Link Creation
  • HTML & iFrame Fields
  • Image & Video Upload
  • Mobile Optimized
  • Page-Speed Friendly Lazy Loading
  • Tech-Free Customization
  • Language Localization
  • Custom CSS & JS Editors
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Valentine’s Day Sale Popup
Add a bit of love in the air, show romantic gestures, and boost sales on Valentine's Day with this popup widget.
Offer Popup
Promote your offers and make your audience notified.
Notification Popup
Help your visitors stay up to date with your future events by means of Elfsight Popup.
Promo Popup
Promote your offers with great fanfare with the help of Elfsight Popup.
Create a maximum customer engagement with push notifications using this popup widget.
Thanksgiving Day Sale Popup
Create a popup and showcase genuine appreciation to the website users with Thanksgiving sale offers.
New Year Sale Popup
Adding a popup template can help you make the most out of the new year's enthusiasm and fuel the sales.
Kwanzaa Popup
Add a popup widget to promote special offers during the Kwanzaa week of celebration.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Here’s what people say about Elfsight Popup widget


How to create the Banner Popup template for the website?

To make the Banner Popup for your website, perform the following steps:

  1. Access the Banner Popup template.
  2. Customize the elements and features to align with your branding goals.
  3. Sign in to your Elfsight admin panel.
  4. Get the installation code.

How to add the Banner Popup template to the website?

If you want to add the Banner Popup to your HTML website, follow these instructions:

  1. Personalize the appearance of the Popup widget to match your style.
  2. Sign in to your Elfsight admin panel or set up a free account.
  3. Obtain the generated embedding code.
  4. Navigate to your website.
  5. Paste the shortcode into your website builder. You’re good to go!

For additional details, we recommend reading our article on how to embed Popup on a website.

Do I need to have coding or programming skills to embed the Banner Popup?

No. You are not required to have any coding skills. You have the full capability to build and embed the Banner Popup on your website, even without any specialized knowledge or previous experience.

Can I set up the popup to open automatically?

Certainly. Choose a trigger while designing the Banner Popup template to display it at the appropriate moment on your HTML website. Here are your alternatives: on-page load, within a specific time spent on a page, on scroll, on scroll to element, on click, and on exit intent.

Can I use the Banner Popup template for free?

Of course. There is no need to rush into the paid alternatives. Elfsight utilizes a tiered subscription system that includes Free, Basic, Pro, Premium, and Enterprise plans. Go at your own pace and discover all the functionalities without restrictions with our Free tier. But remember, you can always upgrade later to unlock perks!

Can I add a call-to-action button to the Popup widget?

Definitely! To do so, follow these steps:

  1. Access the Popup live demo.
  2. Go to the “Blocks” menu tab.
  3. Include the “Button” block.
  4. Arrange a call-to-action message, click behavior, and visual display.

What email integrations or tools does the widget support?

One of the key features of this HTML widget lies in its capability to sync with third-party apps, including Mailchimp, Zapier, and Google Sheets. Feel free to go out of your way without any worry about losing any collected data.

Where can I add the Banner Popup on my website?

It is fully your choice to make. No specific guidelines need to be met. Just make sure it makes sense and is positioned in a high-traffic area, like the main page or product page.

How to customize the Banner Popup?

The sky’s the limit-personalize the complete widget’s visual presentation to mirror your brand values and enhance conversions effortlessly:

  • Popup specifics
    You can layer elements and build a versatile structure of content blocks: header, text, call-to-action button, link, discount voucher, form, image, and video. Furthermore, to enhance the visual appeal, you can insert spacing, dividers, and custom HTML and iFrame fields.
  • Display settings
    Elfsight provides three choices: frequency, pages, and devices. Clearly state all the necessary preferences to keep the bar high.
  • Custom elements and features
    Moreover, you still have so many things left to explore: triggers, custom CSS, custom JS, redirect link, layouts, close buttons, background visuals, alignments, etc.

To avoid confusion and problems along the way, contact our Customer Support Team to address any concerns!

Help with Banner Popup Setup and Website Installation

If you need more details regarding the widget templates or guidance, look into these resources: