How to display a WooCommerce downloadable product in a lightbox popup after purchase

Product:

Wonder Lightbox

Tutorial:

In WooCommerce, you have the option to sell digital products, like PDF ebooks or images. Once customers make a purchase, they can directly download the PDF or image file from their account dashboard.

In certain situations, rather than initiating a direct download upon clicking the download button, you might prefer to display the PDF file or image file directly in a lightbox popup.

This tutorial will provide guidance on implementing this approach.

Continue reading

Open a video lightbox popup on page load and autoplay then close the popup automatically on video end

Product:

Wonder Lightbox

Tutorial:

This tutorial will guide you on how to open a video lightbox popup upon page load, play the video, and then automatically close the popup after the video has finished playing.

At the end of the tutorial, it will also discuss how to redirect to a URL when the lightbox closes.

Continue reading

How to embed a PDF file hosted on Google Drive in a WordPress page or post

This tutorial will guide you how to embed a PDF file hosted on Google Drive in a WordPress page or post.

We will also show you how to open the PDF file in a WordPress lightbox using the plugin Wonder Lightbox.

There are three steps in the tutorial:

  • Step 1 - Share on Google Drive and copy the link
  • Step 2 - Change the format of the Google Drive link
  • Step 3 - Embed the PDF to a WordPress page or post using an iframe
  • Optional - Open the PDF file in a WordPress lightbox

Continue reading

How to open a lightbox gallery popup on clicking a button or text link

This tutorial will guide you how to open a lightbox gallery popup on clicking a button or text link.

There are four steps in this tutorial:

  • Step 1 - Install Wonder Grid Gallery
  • Step 2 - Add a button or text link in WordPress page editor
  • Step 3 - Create a lightbox gallery in Wonder Grid Gallery
  • Step 4 - Add the lightbox gallery to the page

Continue reading

How to open PDF files hosted on Dropbox in a WordPress lightbox popup

Product

Wonder Lightbox 9.4 or above, Wonder PDF Embed 1.8 or above

Tutorial

Wonder Lightbox and Wonder PDF Embed use Mozilla PDF.js to display PDF files. By default, PDF.js only supports PDF files that are hosted on the same domain as the webpage. If your PDF files are hosted on Dropbox, PDF.js will not be able to display them and may show an error "An error occurred while loading the PDF".
Continue reading

How to display PDF files hosted on Amazon S3 in WordPress lightbox by configuring CORS policy

Product

Wonder Lightbox 9.4 or above, Wonder PDF Embed 1.8 or above

Tutorial

Wonder Lightbox and Wonder PDF Embed use Mozilla PDF.js to display PDF files. By default, PDF.js only supports PDF files that are hosted on the same domain as the webpage. If your PDF files are hosted on Amazon S3, PDF.js will not be able to display them and may show an error "An error occurred while loading the PDF".

This tutorial will guide you how to configure the CORS policy of your Amazon S3 bucket, so the PDF files can be displayed by Wonder Lightbox and Wonder PDF Embed.
Continue reading

How to open a Wistia video in a WordPress lightbox

Product: Wonder Lightbox

Tutorial:

After installing the WordPress plugin Wonder Lightbox, by adding a class name wplightbox to a link, you can easily change the link to a WordPress lightbox popup and use it to open an image or a video in the lightbox popup.

This tutorial will guide you how to open a Wistia video in a WordPress lightbox.

Continue reading

How to add a play button over an image and use it to open a video lightbox in Divi Builder

Product:

Wonder Lightbox

Tutorial:

Divi Builder is a powerful yet easy-to-use visual editor. After installing the plugin Wonder Lightbox, by adding a class name wplightbox to the Divi Image module, you can easily open a video or image lightbox popup on clicking the image.

This tutorial will guide you how to add a play button over an image and use it to open an image or video lightbox.

Continue reading