Message Popup

Message Popup widget

Apply this message template to integrate our pop up plugin to your page in a click.
Rated 4.8 out of 5 from over 700 reviews on G2.com
WordPress Popup
Shopify Popup
Weebly Popup
BigCommerce Popup
Squarespace Popup
Webflow Popup
Wix Popup
HTML Popup
Google Sites Popup
Elementor 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!
Christmas Sale Popup
Don’t let your users miss your Christmas Sale and use all the abilities of Elfsight Popup.
Halloween Sale Popup
Announce upcoming Halloween Sale with the help of Elfsight Popup embedded into your website.
Boxing Day Popup
Make your website visitors take part in post-Christmas sales and place this pre-made popup on your online store
Kwanzaa Popup
Celebrate a happy Kwanzaa day and present the best offerings with the help of a popup widget
Election Popup
Let your audience get the latest updates on the upcoming presidential elections by means of a popup.
Instagram Popup
Attract new users to your Instagram account by means of Elfsight Popup widget.
Valentine’s Day Sale Popup
Get your users to make a buying decision by integrating Elfsight Popup into your web page.
Video Popup
By means of Elfsight Popup you’ll manage to create eye-catching widget that your audience won’t miss.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

How can I use a Message Popup widget?

The Popup Message Widget gives you an opportunity to present a message in a popup window avoiding development or design. Include Message into your site HTML and get it considered often. Merely pick and choose a premade template from a variety of variants, rapidly tailor it in a free online demo, and attach installation code to your employed CMS: Bootstrap, Angular, WordPress and the like. 

How to add a Message Popup to a website?

The construction is fairly straightforward! Below you can find actions, after which you’ll get a professional and appealing Message popup. You can carry on and doubtlessly personalize the widget’s and all elements’ colors, behavior, sizes, fonts, and pictures. 

  1. Register or log into Elfsight apps service
  2. Pick Popup and opt for your favorite template
  3. Go to builder section in editor and add a text block to your widget there
  4. Modify the popup. Save the changes
  5. You’ll obtain a code in an appeared popup window
  6. Paste it to an HTML field of your web page

Afterwards, bear in mind that the Message widget by Elfsight is cloud-based, which is to say it’s actually based on Elfsight servers. You can make changes any time through Elfsight apps and they will display on your site instantly. In addition, the popup widget doesn’t slow down the website.

Try the Message Popup for yourself. It’s free and you can create it in an online popup builder:
Configure your template ↓

What events trigger a pop-up?

A Message Popup by Elfsight is exceptional for you can set its behavior however you wish. The Message box will appear in front of users’ eyes in any case you determine. For example, it may show up on page load, after a particular time on page, on scroll, and so on. Here, you can find the paramount triggers which will help you make a Message popup show. 

  • Onclick
    This is the easiest and most obvious option of triggering a popup box with a Message. It can show up after site visitors hit a specific element on a page. For example, there is a chance to trigger a Message to appear in a window after the user has clicked on just a link in the middle of a text or a call-to-action button. 
  • Onload
    From now on, there’s no need to consider complicated strategies and settings. Just set up the Message popup to show up precisely on a load of a page, and benefit from site users getting acquainted with your product at once. On the other hand, be cautious about an onload config for a Message window. Banners and popups that pop up at the inconvenient time irritate most Internet users rather than sell. 
  • Onscroll
    The Popup box grants you an option to show the Message after a client has scrolled over a certain percentage or element of a page. It acts amazing when a website user has got familiar with your brand, deal, and content, and is eager to buy something. In such a case, a Message will come out perfectly at the right time. 
  • On exit intent
    Do people swiftly abandon a site? Possibly, they haven’t got acquainted with something crucial on a webpage. Here’s what exit intent feature is for: people are going to exit a page, and a Message popup appears straight away. 

Choose and customize ready templates! 

Using a Popup widget for displaying a Message has tons of perks. 

  • Plenty of professional templates
    There is a chance to change any way you want or apply them as is. All templates are editable, modifiable, mobile-friendly, and appealing! 
  • The configurator is easy to use, explicit and clear 
    You can build a popup by only putting different components together in it. It’s completely pointless to become a professional developer to make your video popup lightbox meet the complete website design. 
  • Include video links from Vimeo and YouTube
    They are the most commonly used video hostings across the globe, known to masses. 
  • Add any constituents in any sequence
    You may be sure buttons, headings, images, and texts will look exquisite on any screen your clients employ. 


Still have any questions regarding creating and installing the Message popup on a particular CMS? Here you may get acquainted with guides for the most widespread site builders and CMS. The consistency is comparable for any other CMS. And keep in mind: in case of any difficulties with shaping, creation of, or inserting your Message modal, don’t think for a minute to get in touch with our assistance and support team – they will professionally assist right then. 

How to embed a Message Popup in WordPress?

WordPress is one of the most common platforms. WordPress websites listed in Google and other search engines are speedy and exquisite. This is a typical site builder, on which Message Popup by Elfsight functions superbly in an HTML field. Here you will find out how to embed a Message popup on your WordPress site: 

  1. Generate a popup widget in the Elfsight dashboard
  2. Save it and receive a code for widget installation
  3. Get to a WordPress dashboard
  4. Go head for ‘Pages’
  5. Go head for a page on which you are willing the Message widget to become visible
  6. Paste an HTML section there
  7. Paste installation code to this section
  8. Save the alterations and take pleasure by watching a Message modal in WordPress

Got it! After the Message plugin is added to WordPress, you have an opportunity to turn back to the Elfsight dashboard any time you desire and adjust it. Any alterations will display in the added widget once you save them, and there’s no need to go to WordPress HTML. 

Also, there is a possibility to embed the Message popup in all pages. To manage it, there’s a possibility to go to the website backend and insert an installation code to the footer or header.

Is it possible to use a Message Popup in Bootstrap?

Yes, it is. Bootstrap is a framework that helps web developers program mobile-first responsive websites and applications. Message Popup works amazingly both on mobile and computer screens, so you can be sure, it’s totally Bootstrap-ready.

Can I add a Message Popup to a website through Angular?

Angular is a platform including a component-based framework for building scalable web applications, collection of well-integrated libraries, and a suite of developer tools. Angular extends HTML, so if you wish to add a Message popup to it, you should simply add it to the HTML of your site/page/application.

  1. Generate a Message popup modal in the Elfsight dashboard
  2. Click ‘Save’ and get 2 lines of installation code
  3. Now, go to HTML code of your site
  4. Create an HTML section there
  5. Add saved installation code there
  6. Great work! 

Now, you have a chance to test the Message popup on a page. The changes will go live once you click ‘Save’.