Divi: the easiest WordPress theme to use
Easily create your website with Elementor
Elementor allows you to easily create any website design with a professional look. Stop paying expensive for what you can do yourself. [Free]
The main purpose of popups since time immemorial has been to get visitors to action. On WordPress, they are very popular (this is the case withOptinMonster) and almost all have the same goal: Convert visitors into subscribers or 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 in order 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, 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 ».
Divi: The best WordPress theme of all time!
With over 901.000 downloads, Divi is the most popular WordPress theme in the world. It is complete, easy to use and comes with more than 62 free templates. [Recommended]
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.
- [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.
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.
Easily create your Online Store
Download free WooCommerce, the best e-commerce plugins to sell your physical and digital products on WordPress. [Recommended]
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.