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 WordPress.org.

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, a contents and perform 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.

Please 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.

options-popup-shortcodes

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.

popup-display-rules-section-popups

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 ».

option-section-appearance

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

presentation-popups

Please note: You must be careful not to publish several popups with the same display rules, because they will be displayed at the same time, so inevitably some will 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.