Stop wasting time and money!

Easily create your WordPress website or blog today.

Elementor is the easiest and most importantly, the fastest tool to create any type of WordPress website or blog. No technical knowledge is required and is perfect for beginners or professional users. You can do it yourself so do it!

Since the dawn of time, popups have had the main objective of pushing visiteurs to action. On WordPress, they are very popular (this is the case withOptinMonster) and almost all have the same goal: Convert visiteurs in subscribers, even customers.

On WordPress, there is a very wide variety of plugins suitable for creating popups but not all of them have the same functionalities… and the choice should be made according to needs. For you, I have selected one, which is simply called " Popups And which is available on WordPress.

In this tutorial, I will show you how to offer a popup on your WordPress blog to increase the number of people who follow you on social networks.

How to Install and Configure Popups

I invite you to install the plugin directly from your dashboard. You can download it directly on

After activating the plugin, you will notice on the left side menu of your dashboard a new menu titled " Popups ". Click on " Add New To create a new popup.

How to create popup

On this new page, identical to the article editor, you can provide a title, content and make certain configurations on the different sections available below.

A premium version exists, and this one will add new features (I'll come back to that later), which will be available in the box Popups Premium ».

Below, in the section " Popup Shortcode You can see the different shortcodes that will be used to display the different facebook, twitter and google + buttons.

The shortcode:

  • [spu-facebook] will be used to add a like button for facebook.
  • [spu-google] will be used to add an add button in google + circles
  • [spu-twitter] will be used to add a twitter follow button.

Note: you must each time integrate these shortcodes in the previous visual editor to display these different buttons. Each of its shortcodes has parameters that you can activate. Consult the details of these parameters by clicking on " View Options For the facebook shortcode settings, " View Google+ options For the Google+ shortcode settings so on.


The section " Popup display Rules »Presents options on display rules, roughly speaking, with these options you can determine the conditions under which the popup can be displayed.

So the option " Show this popup if Gives you the opportunity to choose an item (Articles, pages, etc..), which is displayed when the latter is equal (or not) to an option available in the last option list. This may be the home page " Home Page ", The blog home page" Post Page ».

Basically, if you didn't get it, you can choose to show this popup on the homepage, blog, etc.


The section " Display Options »Gives you the possibility to configure certain display options, in particular:

  • The position of the popup Box Position »
  • Define the number of seconds before it is displayed or when the page is set to a certain percentage " Trigger Action »
  • The option " Auto-hide ", Used to automatically hide a window when the user moves the page up.
  • The option " Animation », Allows you to choose an animation for opening the popup

You might not always want to display the window on every visit. This is why it is necessary to add cookies that will allow you to define the number of days after which the window will be displayed again on the same computer.

option-section-display options

The mini section « Appearance ", Gives you the possibility to customize the opacity of the background" Background Opacity ", To choose the background color" background color », The color of the text« Text color », The width of the popup« Box width », The color of the border« Border color As well as its thickness Border width ».


Here is what a window on the blog will look like.


Note: You have to be careful not to publish several popups with the same display rules, because these will be displayed at the same time, so some will necessarily not be visible.

As for the premium version, it will add:

  • 8 new animations
  • Technology " Exit Intent Technology To detect when users plan to leave the page
  • New triggers
  • A delay to automatically close popups
  • The ability to disable the close button
  • The possibility of deactivating advanced closing methods such as by clicking on "Esc" or out of the box.
  • Premium support.

That's it for this tutorial on creating a popup in WordPress. Don't hesitate to share it with your friends on social networks.

%d bloggers like this page: