> 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="https://1229207575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv3R7xjvJcsIFNxg1zMmq%2Fuploads%2FhVRxfruUPFewbTZ94via%2FUntitled%20design%20(9).png?alt=media&amp;token=6bd5423d-7c19-4bc2-80bb-3b20299631e5" 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="https://1229207575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fv3R7xjvJcsIFNxg1zMmq%2Fuploads%2FRltgmWwqvwUzmFLoxSh2%2FUntitled%20design%20(10).png?alt=media&amp;token=c280506b-ecc7-4ca3-935f-9c32d9bbb89d" 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 %}
