How to Create Nested Tabs in WordPress

Wonder Tabs is a WordPress plugin to display tabbed content on your WordPress site. You can create tabbed content with HTML code, or create tabs from existing WordPress pages. The plugin can be used to create horizontal tabs, vertical tabs, accordions, you can also add tabs to another tabbed content to created nested tabs.

This tutorial will guide you how to created nested tabs in WordPress. There are four steps in this tutorial:

  • Step 1 - Install Wonder Tabs
  • Step 2 - Create tabs
  • Step 3 - Create nested tabs
  • Step 4 - Add the final tab group to a WordPress page or post

You can view the online demo: Nested WordPress Tabs.
Continue reading

How to add WordPress audio player to Elementor page builder?

Elementor is one of the most popular WordPress page builders. This tutorial will guide you how to add an audio player to Elementor page builder. You can create an audio player with playlist or a single mp3 file.

There are 3 steps in the tutorial:

  • Step 1 - Install Wonder Audio Player
  • Step 2 - Create a WordPress audio player
  • Step 3 - Add the WordPress audio player to Elementor page builder

Continue reading

How to Add Carousel in WordPress

This tutorial will guide you how to add a carousel slider in your WordPress.

You can create horizontal carousel sliders or vertical carousel sliders for your WordPress. You can add images, YouTube, Vimeo, HTML5 videos, texts, HTML code, PDF documents and WooCommerce products to the carousel. You can also create the carousel dynamically from WordPress posts and pages.

You can open a link when clicking the images in the carousel, or display the image or play the video in a lightbox popup.

You can view the demo carousels on this page: WordPress Carousel Demos.

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

WooCommerce Featured Products Carousel

This tutorial will show you how to create WooCommerce featured products carousel and add it to your WordPress page. There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create WooCommerce featured products carousel
  • Step 3 - Add price, star rating, total sales and Add To Cart button to the carousel
  • Step 4 - Add the WooCommerce featured products 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