top of page

How To Create a Lightbox for a Wix Website?

Updated: Dec 10, 2023

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 the "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:


Size Options


  1. Full Width - This will make the entire page fit within the width of the browser window.

  2. Fixed Width - This will keep the page width at a fixed size regardless of the browser window size.


Position Options


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 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.

Trigger Options


You may prefer not to use automatic lightbox welcoming for pages or want to set a time delay for the lightbox to appear.


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 the 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 go live.

 

You are ready to go. If you have further questions in your mind, feel free to reach us at any time.

0 comments

Related Posts

See All

Comentários

Avaliado com 0 de 5 estrelas.
Ainda sem avaliações

Adicione uma avaliação
bottom of page