1. Knowledge Base
  2. GemHub
  3. Sharing, Embedding and Integrations

Embedding the GemLightbox Widget onto Your Custom Website in Catelog

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 GemHub.

    Artboard 41-3

  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.

    Artboard 42-4

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

    Artboard 43-3

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

    Artboard 45-4

  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.

    Artboard 46-4

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