Introduction

The GLOW JS library allows integrating the GLOW fireworks visualization services into a website with minimal effort – it's small and easy to use.

If you're new to GLOW simulations, check out our live demo to see sample products and the Show Builder application in action. This demo highlights GLOW's core features, including embedded interactions on product listing and detail pages to show real-world usage.

Prerequisite

To use GLOW on your site, you'll need a retailer ID. If you don't have one yet, please contact us.

At a high level, there are two main aspects of GLOW:

1. Browsing 3D fireworks on your website, watching previews, and adding items to a show.
   We recommend adding custom buttons to trigger the 3D previews and add-to-show functionality across your site, everywhere users can browse products. You can then use our library to wire up these buttons.
2. Using our full-featured Show Builder application.
   Easily embed our Show Builder by setting up a new URL (typically /show-builder) and running a small code snippet.

Next Steps

We offer several guides to help you integrate GLOW into your website, whether you need a quick setup or are looking for a more advanced integration:

• Quick Start Guide: Get up and running in under an hour with minimal setup.
• Advanced Integration Guide: Seamlessly integrate GLOW's interactive fireworks into product listings and detail pages for an immersive shopping experience that maximizes engagement.
• React & Vue Guide: Use GLOW's lower-level functions directly in React and Vue components. Covers best practices for component-based development and provides tips for single-page applications (SPAs).

Need details on one of our low-level functions? Check out the API reference for in-depth documentation.