How to Embed the GemLightbox Widget onto Your Custom Website

Follow the instructions in this article to embed your GemLightbox products widget onto your custom website to increase engagement with your visitors.

1) Navigate to the Catalogs page of the Jewelry Hub.

Screen Shot 2022-05-27 at 10.30.54 AM

2) To embed a widget of all your products, press on the share icon of the first catalog called "All my products." Likewise, you can press on the share icon of another catalog if you would like to embed the widget for a specific collection of products.

Screen Shot 2022-05-27 at 10.38.08 AM

3) In the Share pop-up, click on the "Embed website bottom menu" tab. 

Screen Shot 2022-05-27 at 10.42.40 AM

4) Select the color that best matches your website's branding and then copy the widget code snippet by pressing "Copy."

Screen Shot 2022-05-27 at 10.44.01 AM

5) In your website's code editor, paste the widget snippet before the closing </body> tag on every webpage you want the Gemlightbox widget to appear on.

Screen Shot 2022-05-27 at 1.10.59 PM

6) Refresh your website after saving changes in the code editor and the widget should now be present on your custom website. 

Screen Shot 2022-05-27 at 1.08.02 PM