Skip to Main Content

How to add a social sharing popup on WordPress

Divi: the easiest WordPress theme to use

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]

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

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.

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

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.

Are you looking for the best WordPress themes and plugins?

Download the best plugins and WordPress themes on Envato and easily create your website. Already more than 49.720.000 downloads. [EXCLUSIVE]

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

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.

This article features 6 comments

  1. The extension is indeed very interesting, given that it plays a bit the role of end-of-article calls to action, to encourage readers to engage more.
    However, they should select the social networks on which they will position themselves, so that their efforts are optimal.
    Thank you for the article Hervé!

  2. Hi Thierry,

    I tested this extension which is interesting, except that it does not allow social sharing.
    Indeed, it rather helps to encourage your readers to follow you on social networks, which is somewhat different, don't you think?

    Sincerely,

    Bruno

    1. Hello Bruno,

      Yes you are absolutely right. And that's how Hervé had named it before I changed the title for strategic needs. 🙂

      Sincerely,
      Thierry

Leave a comment

Your email address will not be published. Required fields are marked with *

This site uses Akismet to reduce unwanted. Learn more about how your comments data is used.

Back To Top
4 shares
Share4
tweet
Save