/, Tutorials/Weebly Lightbox — How to Add it in your Weebly Website

Weebly Lightbox — How to Add it in your Weebly Website

A lightbox popup is a web form that appears on top of the page window that you are browsing. When an image for example is displayed in the overlaying window, visitor will still be able to navigate on the web page with the keyboard without closing the popup. The outside area in the page is dimmed out.  If we click outside the lightbox, the popup will be closed.

Weebly lightbox

Weebly Lightbox — How to Add it in Weebly

Here we listing the different ways on how to add popup in Weebly.

Enable and/or Disable Lightbox in Weebly

Weebly actually allows to add lightbox effect to the images using two elements:

  • Image Element – you can add Weebly lightbox effect to a single image.
  • Gallery Element – you can add Weebly lightbox effect to an image gallery.

Adding Weebly Lightbox on Single Image

Drag and drop an image element on the desired content area and add the image to your Weebly website. Once added, click on the image to see the advanced popup settings box as shown in the screenshot below.

Weebly Lightbox Option

From there, you can enable or disable the Weebly lightbox using the “Lightbox” option.

Using Lightbox on Gallery

Quite similar to the single image, add a gallery element to your Weebly website and add all the images. Click on one of the images to check the advanced settings. You can enable lightbox under “Thumbnail” option. The gallery element has 3 options for lightbox:

  • Lightbox Only
  • Lightbox & Partial Thumbnails
  • Lightbox and Full Thumbnails

Weebly Lightbox Option

We hope this article helped you learn how Weebly lightbox works and how to add them into your website.

If you liked this post, then you may consider subscribing to our WeeblyTutorials YouTube Channel for Weebly video tutorials. You can also find us on Twitter and Facebook.

By | 2018-11-09T13:58:03+00:00 November 9th, 2018|Beginners Guide, Tutorials|0 Comments

About the Author:

Editorial Staff at WeeblyTutorials is a team of Weebly experts.

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.