How to only display one category in a WordPress gallery with multiple categories

In this tutorial, first we will learn how to create a WordPress gallery with multiple categories. A demo created with the tutorial is as follows: WordPress Gallery with Category Filter. You can click the category buttons on top of the WordPress gallery to show different categories.

In some cases, you may want to add the same WordPress gallery to other webpages, but only want to display one of the category. In the second part of the tutorial, we will learn how to only display one of the categories by using gallery shortcode attributes.
Continue reading

How to send automated MailChimp welcome email to WordPress popup subscribers

This tutorial will guide you how to send automated welcome email to MailChimp subscribers that subscribed from WordPress popup forms created with the Wonder Popup plugin.

Wonder Popup is a WordPress popup plugin to create lightbox popup forms, embed forms, corner slide-in forms and notification bars that can help you get more newsletter subscribers.

For how to create an email subscription popup form with Wonder Popup, please view the tutorial: How to create WordPress email subscription popup for MailChimp.
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.

Lightbox effect not working with the WordPress theme Salient

Product:

WonderPlugin Slider, WonderPlugin Carousel, WonderPlugin Portfolio

Tutorial:

This tutorial will guide you how to fix the issue of the lightbox effect not working in the WordPress theme Salient.
Continue reading

I upgraded to commercial version, but the free version watermark remains

Product:

All WonderPlugin Products

Question:

I purchased the commercial version and have received my membership login password. I downloaded the commercial version and followed the upgrade instructions as posted on your website, however, the free version watermark remains.
Continue reading

Search and replace when moving WordPress site

Product:

All WonderPlugin Products

Question:

I am moving my WordPress development site to production. I did a search and replace in the WordPress database, but the images in the carousel slider still link to the old domain.

Continue reading

Add plugin js files to footer is not working

Product:

All WonderPlugin Products

Question:

In the plugin, settings menu, I checked the option "Add plugin js scripts to the footer", but the plugin js files are not added to the WordPress footer.

Answer:

The plugin is using WordPress hook wp_footer to print the plugin js scripts to the footer. wp_footer is one of the most essential theme hooks.

The problem is because your WordPress theme does not call the WordPress function wp_footer() and the hook is not enabled. Please contact your WordPress theme provider and ask for how to support the wp_footer hook.

For more details about wp_footer hook and wp_footer() function, please view: https://codex.wordpress.org/Plugin_API/Action_Reference/wp_footer and https://codex.wordpress.org/Function_Reference/wp_footer.