Floating Popup template for website

Achieve maximum visibility and impact with the Floating Popup template. Create an eye-catching widget with a call-to-action button that hovers on top of your content without any background in coding or design—promote your key messages effectively. Get noticed and drive results!
Rated 4.8 out of 5 from over 800 reviews on G2.com
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
  • 12 Custom Content Elements
  • Email Notifications via Form Submission
  • Form with 5000+ Integrations
  • Modal, Slide-in, Pane Layout Designs
  • Sticky Popup Opening Button
  • Frequency Popup Display Settings
  • Exclude or Specify Pages for Displaying
  • Auto-Opening Trigger after Time Spent
  • Scroll Trigger On-Element or On-Click
  • Exit Intent Technology
  • Set Up Popup for Multiple Mobile Devices
  • CTA Button
  • Coupon Code & Redirect Link Creation
  • HTML & iFrame Fields
  • Image & Video Upload
  • Optimized for All Mobile Devices
  • Page-Speed Friendly Lazy Loading
  • Free-Coding Editor
  • Language Localization
  • Custom CSS & JavaScript Editors
Squarespace Popup
Wix Popup
Webflow Popup
WordPress Popup
Elementor Popup
Shopify Popup
HTML Popup
Google Sites Popup
Weebly Popup
BigCommerce Popup
Facebook Page Popup
iFrame Popup
Joomla Popup
OpenCart Popup
Blogger Popup
Adobe Muse Popup
Drupal Popup
jQuery Popup
Magento Popup
GoDaddy Popup
WooCommerce Popup
Google Sites
Facebook Page
Adobe Muse
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Add a popup template to enhance user interaction on your website and gather feedback.
Add a text popup to your website and attract attention to special promotions or other relevant events.
Creating a top-notch user experience to display important messages is easier with this popup template.
Add a popup widget that takes advantage of the entire screen space to make a strong impression and drive conversions.
Create a popup template to post your pictures, illustrations, or photographs in the most captivating way.
Create a popup widget to captivate website visitors with an engaging and interactive animation experience.
Add a popup widget to highlight your vital messages or call to action by blurring the background.
Add a popup widget to deliver a user-friendly experience to your website visitors, regardless of the device.
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 Floating Popup template for the website?

If you wish to make the Floating Popup for your HTML website, do the following:

  1. Access the Floating Popup template.
  2. Modify the elements and features to match your branding.
  3. Verify your Elfsight account.
  4. Obtain the installation code.

How to add the Floating Popup template to the website?

To embed the Floating Popup on your HTML website, do the following:

  1. Personalize the appearance of the Popup widget to match your aesthetics.
  2. Log in to your Elfsight admin panel or register a free account.
  3. Receive the unique installation code.
  4. Go to your website.
  5. Insert the code into your website editor. You’re good to go!

For additional details, we suggest checking out our blog post on how to embed Popup on a website.

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

No. Proficiency in coding is not a must. You can easily build and embed the Floating Popup on your website, regardless of your prior background or knowledge.

Can I set up the popup to open automatically?

Yes, you can. Choose a trigger in a building mode to showcase the Floating Popup template at the precise moment on your HTML website. Below are the 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 Floating Popup template for free?

Yes. There is no rush to dive into the paid choices. Elfsight utilizes a tiered subscription model that offers Free, Basic, Pro, Premium, and Enterprise plans. Go at your own pace and test out all the features without restrictions using our Free tier. But keep in mind, that there is always a chance to upgrade and access additional extras!

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

Of course, you totally can! Here’s what to do:

  1. Open the Popup live demo.
  2. Go to the “Blocks” menu option.
  3. Insert the “Button” content block.
  4. Arrange a call-to-action message, click action, and visual style.

What email integrations or tools does the widget support?

The major benefit of this HTML widget lies in its synchronization capacity with external integrations: Mailchimp, Zapier, and Google Sheets. You can actively ensure and be confident that no captured data will be lost.

Where can I add the Floating Popup on my website?

It is fully up to you to make this choice. There aren’t any specific criteria to follow. Nevertheless, make sure it makes sense and is positioned in a high-traffic section, such as the main page or product page.

How to customize the Floating Popup?

Wide-ranging options are available-customize the complete widget’s look and feel to reflect your brand values and achieve rapid conversion growth:

  • Popup specifics
    You have the option to layer things up and build a constructor of unlimited content blocks: header, text, call-to-action button, redirect link, coupon, form, image, and video. Furthermore, to optimize visual aesthetics, you can incorporate gaps, separators, and custom HTML and iFrame fields.
  • Display settings
    Elfsight provides you with three alternatives: frequency, pages, and devices. Clearly state all the necessary requirements to maintain the set quality level.
  • Custom elements and features
    And there’s more to explore: triggers, custom CSS, custom JS, redirect link, layouts, close buttons, background visuals, alignments, and so on.

For more clarification, reach out to our Customer Support Team to address any queries and exclude confusion in the future!

Help with Floating Popup Setup and Website Installation

For additional details on the plugin templates or assistance, check out these resources: