Plugin:
Wonder Lightbox, Version 10.8 or above
Tutorial:
In some situations, query string or query parameters are dynamically added to image or video URLs. When opening the image or video in the lightbox, you may want to remove the URL query string.
How to Make the PDF Page Fit the Entire Lightbox Width When Opening a PDF File
Plugin:
Tutorial:
You can easily open a PDF file in a lightbox popup using the Wonder Lightbox plugin. By default, the PDF file will open with the "Automatic Zoom" option enabled.
How to display a WooCommerce downloadable product in a lightbox popup after purchase
Product:
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.
Open a video lightbox popup on page load and autoplay then close the popup automatically on video end
Product:
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.
How to automatically enable lightbox popup on links to images and PDF files
Product:
Tutorial:
By using the Wonder Lightbox plugin, you can simply add a class name wplightbox to any link to activate the Lightbox effect. But sometimes, you may want to automatically enable the lightbox popup on all links to images or PDF files on the whole website.
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
How to Open a Lightbox Gallery Popup When Clicking a Button, Image, or Text Link
This tutorial will guide you on how to open a lightbox gallery popup when clicking a button, image, or text link.
There are four steps in this tutorial:
- Step 1 - Install Wonder Grid Gallery
- Step 2 - Add a button, image 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
How to show contents of a page or post without the header and footer in a WordPress lightbox
Plugin:
Wonder Lightbox Version 9.5 or above
Tutorial:
This tutorial will guide you how to show contents of a page or post without the header and footer in a WordPress lightbox.
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
