Wix Editor: Managing Your Lightboxes

5 min read
Lightboxes are a great way to display important information in a pop-up window, like announcements, sales, and news. After creating a lightbox, you can rename it, duplicate it to quickly create another or link it to an element that visitors click to open the pop-up.
In this article, learn more about:

Opening your lightboxes

Access your lightbox from the Menus & Pages panel to edit its design and content, or manage it as needed.

To open a lightbox:

  1. Go to your editor.
  2. Click Pages & Menu  on the left side of the editor.
  3. Click Lightboxes.
  4. Click the relevant lightbox to open it.
A screenshot of a Wix site showing a lightbox being accessed from the menus and pages panel.

Renaming a lightbox

Change the name of a lightbox so it's easy to find in your editor. Lightbox titles aren't displayed on your live site, so you can choose whatever name you like. We recommend selecting a name that best suits its content, such as "Sign Up Form", or "Sale Announcement".

To rename a lightbox:

  1. Click the relevant lightbox in the Pages & Menu  panel.
  2. Click the More Actions icon .
  3. Click Rename.
  4. Enter the new name into the field.
  5. Click Done.
The lightbox tab in the menus and pages panel. the cursor is hovering over the 'rename' option.

Linking elements to a lightbox

Link an element on your site to a lightbox so it pops up when visitors click the element. You can link text, buttons, and even Vector art to your lightbox.

To link an element to a lightbox:

  1. Select the element you want to link from in your editor.
  2. Click the Link icon .
  3. Select Lightbox.
  4. Click the Which Lightbox? drop-down menu and select the relevant lightbox.
  5. Click Done.
The link panel for a button. a lightbox has been selected.
Did you know?
You can link from one lightbox to another with the Close button, so visitors see a second pop-up when closing the first one. Set the Close button to open the second lightbox when visitors click it using the Link panel. 

Duplicating a lightbox

Duplicate your lightbox to have a consistent design for your pop-ups. You can change the content as needed, while maintaining your favorite text and colors. 

To duplicate a lightbox:

  1. Click the relevant lightbox in the Pages & Menu  panel.
  2. Click the More Actions icon .
  3. Click Duplicate.
  4. Enter the name for the new lightbox.
  5. Click Done.
The lightbox tab in the menus and pages panel. the cursor is hovering over the 'duplicatee' option.

Deleting a lightbox

Delete any lightboxes you no longer need to keep your site's announcements fresh and up to date.

To delete a lightbox:

  1. Click the relevant lightbox in the Pages & Menu  panel.
  2. Click the More Actions icon .
  3. Click Delete.
The lightbox tab in the menus and pages panel. the cursor is hovering over the 'delete' option.

Link your lightbox Close button to pages, external sites, and more. When visitors click the button, they're brought to the location you've linked.
Note:
This option is only available if you have enabled a Close button on your lightbox. 

To add a link to your Close button:

  1. Open the relevant lightbox in your editor.
  2. Click the Close button on your lightbox.
  3. Click the Link icon .
  4. Select a link type.
  5. Add the relevant information.
  6. Click Done.
The link panel of a lightbox close button. The cursor is hovering over the 'done' button.

Did this help?

|