# Getting Started

The colormass Configurator is very easy to integrate regardless of the content management system (CMS) or e-commerce solution of your choice. The following example should be up and running on your website in less than 2 minutes!

The integration of the 3D configurator works the same way as embedding a YouTube video in a webpage. If you are familiar with that workflow, you know that it can be done without any programming experience. It uses an *inline frame element*, also called [iframe](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe). To give it a quick try, copy/paste the following code snippet into your webpage:

{% code lineNumbers="true" %}

```html
<iframe
  src="https://configurator.colormass.com/?apiVersion=2&sceneId=955"
  style="width: 100%; height:100%; border:0"
  allowfullscreen=""
></iframe>
```

{% endcode %}

After reloading the page you should see the following interactive configurator (below you can see a screenshot only):

<figure><img src="/files/C3wP6H49y7UFCpUrLAxM" alt=""><figcaption></figcaption></figure>

The only thing you'll have to change now in order to show your own content is the `sceneId` query parameter in the `src` attribute of the iframe. We'll make sure to share it with you once we finished preparing your configurator.

{% hint style="info" %}
Please mind that using the iframe technology, all the data is directly loaded from the colormass hosting infrastructure, so other than being able to copy/paste the iframe snippet into you page, there are no further requirements.
{% endhint %}

The above quick-start guide covered a very basic integration of a configurator to get you started. If you would like to learn more about customizing the user interface or programmatically controlling the configurator, visit the [Advanced Integration](/dev/configurator/iframe-integration/advanced-integration.md) page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.colormass.com/dev/configurator/iframe-integration/getting-started.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.