Call to Action Popup widget

By means of this template you will get a possibility to add the widget to your site with no effort.

How can I use a Call-to-Action Popup widget?

The Call-to-Action Popup Widget gives you a possibility to display a Call-to-Action in a popup window with zero coding or design. Insert Call-to-Action into your site content and get it viewed frequently. Plainly choose a ready-made template from a range of variants, rapidly personalize it in a free online demo, and attach 2 strings of installation code to your applied website builder: Squarespace, WordPress, and many others. 

How to add a Call-to-Action Popup to a website?

The construction is very smooth! Below are only a few of the steps, after which you’ll obtain an appealing and a professional Call-to-Action popup. There’s an opportunity to create and simply modify the widget’s and all elements’ behavior, fonts, colors, sizes, pictures. 

  1. Log into or register Elfsight apps
  2. Pick out Popup and opt for your favorite template
  3. Add a button block to your popup window in a Builder section
  4. Tweak the widget. Click ‘Save’
  5. You’ll acquire two lines of installation code in a popup window
  6. Paste it to a necessary HTML of your web page template

Following this, remember that the Call-to Action widget by Elfsight is cloud-based, which conveys it’s actually located on Elfsight servers. You can make changes any time through Elfsight apps and they will reflect on your website immediately. Over and above that, the popup widget doesn’t slow down the speed of the website.

Try the Call-to-Action Popup for yourself! It’s free and you can now create it in a popup builder:
Configure your template ↓

What events trigger a pop-up?

Call-to Action popup by Elfsight is top-notch because there’s an opportunity to set its behavior however you wish. The Call-to-Action box will become visible on any event you define. For instance, it may show up on scroll, on page load, after a particular time on page, and the like. Here, you can read about the principal triggers which will help you make a Call-to-Action popup show. 

  • Onclick
    This is the easiest and most obvious way of making a Call-to-Action popup show up. It may appear after site visitors click on a particular unit on a web page. For example, you have a chance to trigger a Call-to-Action to come into view in a lightbox after the site user’s tapped on a call-to-action button or just a link in the middle of a text. 
  • Onload
    You don’t have to think about elaborate strategies and configurations. Plainly determine the Call-to Action popup to come into view precisely on a web page load, and gain profit from clients getting acquainted with your proposal at once. But be cautious about an onload config for a Call-to-Action modal. Popups and banners which become visible at the inappropriate time irritate website users more than sell. 
  • Onscroll
    The Popup modal grants you a chance to show the Call-to-Action after a website user has scrolled over a specific percentage or element of a web page. This acts astonishingly when a customer has got acquainted with the content, your brand, and deal, and is eager to buy something. In this regard, a Call-to-Action will appear exactly in time. 
  • On exit intent
    Do customers quickly abandon a site? Probably, they haven’t got familiar with something really important on a webpage. Here’s what exit intent feature is for: people tap on an exit page button, and a Call-to-Action popup comes up immediately. 

Сhoose and tweak ready-made templates! 

Employing a Popup widget for showing a Call-to-Action gives tons of perks. 

  • A collection of professional templates
    You can modify any way you wish or take advantage of them with no modifications. All designs are flexible, adjustable, mobile-friendly, and charming! 
  • The editor is explicit, simple and clear
    You can build a popup by barely combining different components in it. It’s absolutely unnecessary to become a programming wizard to make your video popup lightbox match the complete site design. 
  • Add videos by links from Vimeo and YouTube
    These are the most popular video hostings in the world, known to everyone. 
  • Add any constituents in any sequence
    You can be certain buttons, images, headers, and texts will look top-notch on any device your clients apply. 


Nonetheless, you might still have challenges with creating and installing the Call-to-Action popup on a particular CMS. Below you may discover guides for the most common CMS and site builders. The coherence is similar for any other website builder. And remember: in case you come across any difficulties with inserting, modification, or building your Call-to-Action box, don’t do not waste time and contact our assistance and support team – they’ll enthusiastically assist at that exact moment.

How to add a Call-to-Action Popup to WordPress?

WordPress is one of the most common platforms. Websites on WordPress are freely indexed by Google and other search engines are lightweight and exquisite. This is a representative CMS, where Elfsight Call-to-Action Popup functions superbly in an HTML field. Further down is a piece of instruction how to embed a Call-to Action popup on your WordPress website: 

  1. Make a popup widget in Elfsight apps service
  2. Save it and receive 2 lines of custom code for installation
  3. go to a WordPress dashboard
  4. Now, go to ‘Pages’
  5. Go head for a page where you would like the Call-to-Action modal to pop up
  6. Paste an HTML field there
  7. Paste installation code to this section
  8. Save the changes and check the Call-to-Action modal live in WordPress

Bingo! Since you’ve added the Call-to-Action plugin to WordPress, you can turn back to the Elfsight dashboard any moment you want and modify it. All the alterations will show in the published widget immediately after they are saved, and you don’t have to turn back to WordPress HTML. 

In addition, you can insert the Call-to-Action popup to all pages. To do it, you can go to the website template and embed a custom installation code in the footer or header.

How to make a CTA Popup appear on Squarespace?

Squarespace is an astonishing site builder that allows anyone to modify sites in a simple online editor. Unfortunately, there’s an opportunity to paste custom HTML in only the paid version of Squarespace. Here’s how you can make a Call-to-Action popup become visible on the Squarespace site: 

  1. Form a Call-to-Action popup box in Elfsight apps
  2. Save it and acquire a custom installation code
  3. Now, go head for a Squarespace dashboard
  4. Go to a page on which you want the Call-to-Action lightbox to show up
  5. Create an HTML field there
  6. Insert saved installation code there
  7. Great job! 

Now, there is a possibility to test the Call to Action popup on a web page. It is going to be live immediately after you save changes.

How to install a Call to Action lightbox on my platform?

Here you can explore a list of instructions for the most popular platforms: Wix, Shopify, Squarespace. Choose yours and never hesitate for a minute to add a Call-to-Action in popup to your site on any platforms – it’s very uncomplicated.

Join 1,078,753 customers already using Elfsight Apps

Get the taste of 80+ powerful apps by Elfsight. No credit card. Joining is free!
Get started
Get 20% discount now!