# Tutorial

1.1 On the left menu, select Apps and then select Appclay Product Configurator

![](/files/-LlGK3q4fvvufjNvRWHk)

2.1 Click on "Add product” button

![](/files/-LlGKC2_-uu4AEXahfsJ)

**Let’s enter the main product details:**\
3.1 Enter title\
3.2 Enter base price *(optional)*\
3.3 Mark the "Published" checkbox (It is better to publish the product after the build is completed.)\
3.4 Upload Product image by clicking "Actions"  ([*Read image guide*](https://docs.appclay.com/product-configurator/image-guide)*)*\
3.5 Upload Scene image or choose Scene background color by clicking "Actions" ([*Read image guide*](https://docs.appclay.com/product-configurator/image-guide)*)*

![](/files/-LlGLpwjWjOuCLWfqESL)

**Let’s create our first option set:**\
4.1 Press "New option set" button\
4.2 Enter title\
4.3 Select Z-Index ([*Read z-index guide*](https://docs.appclay.com/product-configurator/z-index-sorting)*)* \
4.4 Mark "Multiple selections" checkbox if multiple selections in this category are allowed.\
4.5 Mark "Mandatory" checkbox if at least one selection in this category is required.\
4.6 Mark "Published" checkbox (It is better to publish the option set after all options have been added.)

![](/files/-LlG_H2O55aMMugd-M41)

**Let’s add our first option to our newly created option set:**\
5.1 Press "Add new option" button\
5.2 Enter title\
5.3 Enter price\
5.4 Upload Thumbnail image or pick Thumbnail color by clicking "Actions" ([*Read image guide*](https://docs.appclay.com/product-configurator/image-guide)*)*\
5.5 Upload Layer image by clicking "Actions" ([*Read image guide*](https://docs.appclay.com/product-configurator/image-guide)*)*

That is basically it. Now just repeat steps 4 and 5 until all options and option sets are added. \
**Don’t forget to mark the "Published" checkbox and press the "Save" button in the upper right corner.**

Here you can download all image assets for bicycle tutorial - [download](https://drive.google.com/open?id=1__ZCGX1ybuVy3QRzBr7F8M56kuEuLbTv)


---

# 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.appclay.com/product-configurator/tutorial.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.