How to autoplay muted Vimeo video on page load

Product:

Wonder Gallery

Tutorial:

Due to restrictions from web browsers, iOS and Android devices, video autoplay on page load will not work unless the video is muted.

This tutorial will guide you how to create a Vimeo video player that will be muted, and will autoplay on page load. We will also discuss how to loop the video.

Continue reading

How to add a Vertical WordPress Gallery to Elementor

Elementor is one of the most popular drag and drop WordPress page builders. This tutorial will guide you how to add a vertical WordPress Gallery to Elementor page builder.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Gallery
  • Step 2 - Create a vertical WordPress gallery in Wonder Gallery
  • Step 3 - Add the vertical WordPress gallery to Elementor

Continue reading

How to Open Video Lightbox by Clicking a Button in WPBakery Page Builder

WPBakery Page Builder is a one of the most popular drag and drop WordPress visual editors. This tutorial will guide you how to open a video in lightbox by clicking a button in WPBakery Page Builder.

You can display YouTube, Vimeo, Wistia or HTML5 mp4 videos in the lightbox popup.

There are three steps in this tutorial:

  • Step 1 - Install Wonder Lightbox plugin
  • Step 2 - Add a button in WPBakery Page Builder and link it to your video
  • Step 3 - Enable lightbox effect for the button

Continue reading

MP3 Audio Player with Playlist for WPBakery Page Builder

WPBakery Page Builder is one of the most popular WordPress drag and drop page builders. This tutorial will guide you how to add an audio player with playlist to WPBakery Page Builder.

There are four steps in this tutorial:

  • Step 1 - Download and install Wonder Audio Player plugin
  • Step 2 - Create an audio player with playlist in Wonder Audio Player
  • Step 3 - Add the player shortcode to WPBakery Page Builder
  • Step 4 - Save and publish the post or page, test the player in the published post/page.

Continue reading

How to Add Quick View in WooCommerce

This tutorial will guide you how to add quick view buttons to the products in your WooCommerce store. You can add the button on top of the product image, show the button persistently or only on mouse hover. You can also add the button before or after the product name or the Add to Cart button.

When clicked, the quick view button will display the product details in a quick view lightbox. Customers can quickly view product details, check product options and add the product to the shopping cart via Ajax. If they want to go back shopping, they can simply close the lightbox or use the navigation arrows or products thumbnail carousel to navigate through other products.

Continue reading

WordPress YouTube Carousel

This tutorial will show you how to create a WordPress YouTube carousel and add it to WordPress page.

You can add single YouTube videos to the WordPress carousel, or add a YouTube playlist to create a WordPress YouTube playlist carousel. The WordPress YouTube playlist carousel will automatically and dynamically retrieve videos from the YouTube playlist and update itself when the playlist changes.

There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create WordPress YouTube carousel
  • Step 3 - Create WordPress YouTube playlist carousel
  • Step 4 - Add WordPress YouTube carousel to WordPress page

Continue reading

How to schedule WordPress content so it will only be displayed in specified date and time

From time to time, you may want to limit part of a WordPress page or post content to specific date or time. For example, you may want to display some content only during holidays.

This tutorial will guide you how to add start time and end time to schedule the content so it will only be displayed in the specified date and time.
Continue reading