Message Popup widget








































Need a Different Template?
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.
- Register or log into Elfsight apps service
- Pick Popup and opt for your favorite template
- Go to builder section in editor and add a text block to your widget there
- Modify the popup. Save the changes
- You’ll obtain a code in an appeared popup window
- 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.
FAQ
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.
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:
- Generate a popup widget in the Elfsight dashboard
- Save it and receive a code for widget installation
- Get to a WordPress dashboard
- Go head for ‘Pages’
- Go head for a page on which you are willing the Message widget to become visible
- Paste an HTML section there
- Paste installation code to this section
- 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.
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.
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.
- Generate a Message popup modal in the Elfsight dashboard
- Click ‘Save’ and get 2 lines of installation code
- Now, go to HTML code of your site
- Create an HTML section there
- Add saved installation code there
- Great work!
Now, you have a chance to test the Message popup on a page. The changes will go live once you click ‘Save’.