Wix Editor: Managing Your Lightboxes
4 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:
- Click Menus & Pages
on the left side of the Editor.
- Click Lightboxes.
- Click the relevant lightbox to open it.
![A screenshot of a Wix site showing a lightbox being accessed from the menus and pages panel.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/9624cdd0-8020-4c54-994f-8dfa8f9c22ef/ba4bf552-5dce-4b53-9828-e402f0a25e1f.png)
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:
- Click the relevant lightbox in the Menus & Pages panel.
- Click the More Actions icon
.
- Click Rename.
- Enter the new name into the field.
- Click Done.
![The lightbox tab in the menus and pages panel. the cursor is hovering over the 'rename' option.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/0b83933f-c929-4697-93fb-57f5a3276117/05816fe4-788e-46a9-8ba2-ed537f50bafe.png)
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:
- Select the element you want to link from in your Editor.
- Click the Link icon
.
- Select Lightbox.
- Click the Which Lightbox? drop-down menu and select the relevant lightbox.
- Click Done.
![The link panel for a button. a lightbox has been selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/19/e2182107-abe4-4a97-9278-55deafe09aed/35b7634f-15c6-4697-bf19-88d6948b68e1.png)
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:
- Click the relevant lightbox in the Menus & Pages panel.
- Click the More Actions icon
.
- Click Duplicate.
- Enter the name for the new lightbox.
- Click Done.
![The lightbox tab in the menus and pages panel. the cursor is hovering over the 'duplicatee' option.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/c17fee03-a499-4b5a-aaf1-b523a6aa336b/4066483d-b009-4e95-8ab4-8e252e9721b7.png)
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:
- Click the relevant lightbox in the Menus & Pages panel.
- Click the More Actions icon
.
- Click Delete.
![The lightbox tab in the menus and pages panel. the cursor is hovering over the 'delete' option.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/295fba3e-89c5-4e78-921b-326a41292399/52cd73f3-23f0-46d2-be5f-c862ae9bba65.png)
Adding a link to a lightbox Close button
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.
To add a link to your Close button:
- Open the relevant lightbox in your Editor.
- Click the Close button on your lightbox.
- Click the Link icon
.
- Select a link type.
- Add the relevant information.
- Click Done.
Note:
This option is only available if you have enabled a Close button on your lightbox.
![The link panel of a lightbox close button. The cursor is hovering over the 'done' button.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/24/cb820199-935e-4a5c-88e4-913c4ca69104/02e7eee3-d650-4304-a823-1e9802f65765.png)
Did this help?
|