What is a lightbox and how do I create one in Website Builder?

This article applies to 123 Reg Website Builder packages

This will show you how to add the Lightbox effect to images in your site in Website builder. A lightbox image is one that appears as a pop up when you click on the image. It is usually employed to show a wider or larger version of the first image. To set up a lightbox image you need to follow these steps:

Please note: This feature is applicable to both Website Builder Version 6 and Website Builder Version 7.

If you are unsure which set of instructions to follow, you can check your version using this FAQ.

Click on the choices below to see the instructions that suit your version:


Website Builder 6

  • Step 1 of 2

    In the Design view use the mouse to click and highlight the image you want to use a lightbox. Click the settings option.

  • Step 2 of 2

    In the Image menu that appears at the bottom of the page you will see an Lightbox Image box. Drag the image you wish to appear in the lightbox from the left hand image menu and onto the Lightbox Image box.

    Your lightbox image is now set-up. You can check the look of the lightbox using the Preview option from the top left of the main window.

Website Builder 7

Lightboxes in Website Builder 7 are automatically created for you. Simply add the image you desire in the normal manner, and then, when you view your live site, you will be able to click each of your images and see the lightbox effect.