How to enable WordPress mobile detect on Siteorigin Page Builder

Product:

WordPress Mobile Detect

Question:

I am looking for a solution to be able to serve different content to mobile and tablet - desktop. Your plugin seems to be one of the few around, but I build my sites with Siteorigin Page Builder, so I guess the shortcode wrapping will not work.

Is there any other way of getting this functionality that you can recommend, as far as integrating with a page builder?

Continue reading

How to create a WordPress Radionomy live streaming player

This tutorial will guide you how to create a WordPress Radionomy live streaming player. The player displays the current song title and the last played tracks.

There are 4 steps in this tutorial:

  • Step 1 Install Wonder Audio Player
  • Step 2 Create an Audio Player
  • Step 3 Select a skin for Live Streaming Player
  • Step 4 Publish the player and add the player shortcode to a WordPress page or post

A demo player created with this tutorial is on the page: WordPress Live Steaming Audio Player.

Continue reading

How to Create a Fullscreen WordPress Slideshow

This tutorial will guide you how to create a fullscreen WordPress slideshow. A demo created with this tutorial is as follows: https://www.wonderplugin.com/a-fullscreen-slideshow/

The full screen slideshow created in this tutorial has no page header, menu, sidebar and toolbar.

If you want to create a full screen slideshow as page background, or create a full screen slideshow with the page header and menu, please view the tutorial: WordPress full screen background slider.

Continue reading

Trigger popup on clicking a button in WordPress

This tutorial will guide you how to trigger a popup on clicking a button in WordPress. You can use the popup to display an email opt-in or newsletter subscription form, promote new products, deliver special offers or show videos to your visitors.

There are 4 steps in this tutorial:

  • Step 1 - Install WordPress plugin Wonder Popup
  • Step 2 - Create a popup
  • Step 3 - Enable the popup on pages or posts
  • Step 4 - Add HTML code to trigger the popup

A demo created with this tutorial is as follows:

Step 1 - Install WordPress plugin Wonder Popup

First please install the plugin Wonder Popup. You can download the Free Version from the product homepage, try it, make sure it works for you before upgrading to the commercial version.

For how to install a plugin from the downloaded plugin ZIP file, please view this tutorial: How to install a WordPress plugin from a ZIP file.

Step 2 - Create a popup

After you have installed the WordPress plugin Wonder Popup, in your WordPress backend, left menu, goto Wonder Popup -> Add New.

In the New Popup page, you can select from 4 types of forms:

  • Lightbox: Create a lightbox popup that displays in the center of the web browser
  • Embed: Embed the form into pages, posts or sidebar widgets
  • Slide In: Create a popup that slides in from corner
  • Notification Bar: Create a bar that displays on top or bottom of the web page

wordpress popup types

Step 3 - Enable the popup on pages or posts

In the popup editor, step 3 Display Rules -> Display Rules tab, make sure the popup is enabled on the page or post that you are going to add the button.

WordPress popup display rules

If you don't like the popup to show up automatically, in the popup editor, step 3 Display Rules -> Display Time, uncheck all options.

WordPress popup display time

Step 4 - Add HTML code to trigger the popup

In the page or post that you are going to add the button, switch to Text edit mode, add the following code to create a button that will tigger the popup on click.

<a href="#" class="wppopup" data-popupid=1><button>Show Popup</button></a>

Please make sure to change value of data-popupid to the ID of your own popup.