In order to create an HTML lightbox, please follow the steps below:

Step 1: 

Go to Admin panel >> Pages >> Edit >> Create two nested columns

Step 2: 

Set the class of the outer column to hidden. Click on Save Element button.

Step 3:

Set the ID of the inner column to my-lightbox-content. Click on Save Element button. You have to fill in the content that you want to show in the lightbox, in this column. 

Step 4:

Create a lightbox shortcode. 

In the Trigger Source field fill the text/image that will open a lightbox in.

In the Lightbox Source field set #my-lightbox-content