> For the complete documentation index, see [llms.txt](https://docs.colormass.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.colormass.com/configurator/create-your-first-configurator/add-a-real-time-scene-and-a-product.md).

# Add a Real-Time Scene and a Product

In order to create a configurator first we need to add a real time scene that can serve as a starting point. Therefore got to the *Scenes* button of the top bar and select a real-time scene:

<figure><img src="/files/VCRpVJlAOefK0z7LsCNe" alt="" width="563"><figcaption><p>Select a real-time scene</p></figcaption></figure>

{% hint style="info" %}
If no such a real-time scene exists in your library, please ask your colormass contact person to add one to your library.
{% endhint %}

Once you added the scene please also go to the *Products* button in the top bar and add a &#x20;

<figure><img src="/files/sjKyiGeBg2nq331DXRei" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %}
It's very important to note that in these Configurator tutorials we are only showing how to embed a product in an environment and then publish it in a website. Creating variations and product logic is part of the [Products](/building-blocks/products.md) tutorials and not part of the Configurator tutorials.
{% endhint %}