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
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.
To automatically include a PDF file in Sitemap, most SEO plugins, for example Yoast SEO, require the PDF file being uploaded to WordPress Media Library and being attached to a WordPress post or page.
In Wonder Lightbox or Wonder Carousel, PDF lightbox is rendered as a regular HTML link not an attachment. This tutorial will guide you how to attach PDF files to posts or pages so they can be found by the SEO plugin and automatically added to the sitemap file.
Wonder Audio Player
This tutorial will guide you how to use Custom CSS code to customise the volume control bar of audio players created with Wonder Audio Player plugin.
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.
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
How can I display a different slider on mobile and tablet devices?
I'm using Wonder Carousel Pro to create a Custom Post Type (ACF) carousel. The Custom Post Type contains a relational link type Advanced Custom Field "outside_link" that returns a url and the link text. I'd like to display that links in the carousel.
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.
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.