Message Popup template for website

Grab your website visitors' attention with the Message Popup template. Use personalized copies, greetings, or announcements to connect with your audience and leave an ever-lasting impression. Bring light to the significant things!
Rated 4.8 out of 5 from over 800 reviews on
No credit card required
Easy installation
Works on 99.9% of websites
Free plan available
  • 12 Custom Field Elements
  • Mailchimp Email Notifications
  • 5000+ Data Export Integrations
  • Modal, Slide-in, Pane Layout Designs
  • Engaging Popup Opening Button
  • Adjustable Frequency Display Setting
  • Exclude or Specify Pages for Displaying
  • Timed-Display Trigger
  • 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 Responsiveness
  • 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!
Notification Popup
Help your visitors stay up to date with your future events by means of Elfsight Popup.
Welcome Popup
Create a heart-warming first impression and engage new visitors with the welcoming popup.
Banner Popup
Add a popup widget to promote your special offers, discounts, or announcements with an eye-catching banner.
Notification Popup
Create a notification widget to display time-sensitive messages and boost website conversion.
Add a popup template to your website and inform the users of big announcements and upcoming updates.
Add a professional touch to your website and communicate any terms with this popup template.
Create a popup template and ensure your website audience never misses out on vital details.
Add an extra level of trust and contribution to your terms and conditions with this popup widget.
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 Message Popup template for the website?

If you want to make the Message Popup for your HTML website, follow these steps:

  1. Select the Message Popup template.
  2. Adjust the elements and features to satisfy your brand vision.
  3. Authorize your Elfsight profile.
  4. Get the installation code.

How to add the Message Popup template to the website?

If you want to embed the Message Popup on your HTML website, perform the following steps:

  1. Customize the look of the Popup widget to suit the design choice of your website.
  2. Sign in to your Elfsight dashboard or set up a free account.
  3. Obtain the auto-generated embedding code.
  4. Access your website.
  5. Put the code into your website builder. Voila!

For further information, we recommend reading our post about how to embed Popup on a website.

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

No, you don’t. Coding expertise is not necessary in any way. You can easily build and add the Message Popup to your website without any specific background or previous knowledge.

Can I set up the popup to open automatically?

Absolutely, you can. When you’re in building mode, select a trigger that will ensure the Message Popup template appears at the appropriate moment on your HTML website. Below are your choices: 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 Message Popup template for free?

Sure. There is no need to rush into the paid alternatives. Elfsight employs a tiered subscription system that consists of Free, Basic, Pro, Premium, and Enterprise plans. Take your own time and test out all the functionalities without limitations using our Free tier. Remember, you can always upgrade and gain access to extra benefits!

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

Certainly! Here’s how:

  1. Open the Popup editor.
  2. Find the “Blocks” menu.
  3. Include the “Button” element.
  4. Arrange a call-to-action message, click behavior, and visuals.

What email integrations or tools does the widget support?

One of the greatest advantages of this HTML widget lies in its ability to seamlessly link with third-party integrations like Mailchimp, Zapier, and Google Sheets. You can go the extra mile and be confident that no gathered data without worrying about data loss.

Where can I add the Message Popup on my website?

You have the final word. There are no fixed rules to adhere to. Nevertheless, make sure it is logical and positioned in a high-traffic area, like the homepage or product page.

How to customize the Message Popup?

The world is your oyster-customize the look and feel of the whole widget to embody your brand principles and boost conversions rapidly:

  • Popup details
    You have the option to stack elements and build an unlimited array of content blocks: title, text, call-to-action button, redirect link, coupon, form, image, and video. Furthermore, for a more visually appealing appearance, you can include gaps, dividers, and custom HTML and iFrame fields.
  • Display settings
    Elfsight provides you with three alternatives: frequency, pages, and devices. Outline all the necessary criteria to ensure exceptional outcomes.
  • Custom elements and features
    Yet, there are still plenty of possibilities to explore: triggers, custom CSS, custom JS, redirect link, layouts, close buttons, background visuals, alignments, and so on.

To exclude confusion and issues along the way, get in touch with our Customer Support Team to resolve any questions!

Help with Message Popup Setup and Website Installation

If you find yourself in need of more details regarding the widget templates or help, peruse the following resources: