Updated: Feb 6
Creating a lightbox is simple with Wix. It's a great way to showcase images, campaigns, promotions, and discounts on your website without having to worry about page scrolling or transition. In this tutorial, we'll show you how to create a lightbox using Wix components.
Before we get started, login to your Wix website panel and select the website you want the lightbox to be added.
1) Add a new page
First, let's add a new page. Click on "Pages" tab > "Add Page" icon > "Blank Page". Give your new page a name and click "Save".
If you already have enough pages on your site, skip the section stated above and continue with the following.
2) Add a lightbox element from the side panel
Next, we'll choose a lightbox element and add it to our site. Lightbox elements are page-independent components so you can invoke them anywhere you want on your site.
Click on "Add to Site" tab > "Interactive" button > Choose one of the lightboxes there. Save your site.
There are many options available based on the size and position of the lightbox:
Full Width - This will make the entire page fit within the width of the browser window.
Fixed Width - This will keep the page width at a fixed size regardless of the browser window size.
You can set a position for the lightbox for anywhere on the screen but we can advise you to prefer settings your lightbox inside the gridlines of the editor.
You may prefer not to use automatic lightbox welcoming for pages or want to set a time delay for the lightbox appears.
3) Add elements to the lightbox
Next, we'll add other elements that we want to showcase on lightbox. Click "Add to site" then > Go to search bar > type something > add to the lightbox.
Don't forget that you can't add every element to your lightbox. Images, video players and texts are the most used ones.
4) Publish your site
Publish your site to make the last changes you made goes to live.
You are ready to go. If you have further questions in your mind, feel free to reach us any time.