# Build your first Product

### Step 1 - Select <mark style="color:blue;">**Products**</mark> on the Dashboard Side Navigation Menu.

Click <mark style="color:blue;">**Add Product**</mark>.&#x20;

<figure><img src="/files/7rBamKZYlnTBBvNvoGLP" alt=""><figcaption></figcaption></figure>

### Step 2 - Enter Product information and select Product Type

You may add components after clicking <mark style="color:blue;">**Save**</mark>. &#x20;

{% hint style="info" %}
A Supplier Product Type uses Supplier Listings as components. A Bundle Product Type uses Supplier Products and Supplier Listings as components. A Product type is permanent once created.
{% endhint %}

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

### Step 3 - Expand the **Components** card, select <mark style="color:green;">**Add Component**</mark>, and choose **Component Type**.&#x20;

{% hint style="info" %}
A Supplier Listing is a direct integration to a Supplier's active Listing.&#x20;

A Supplier Product is a product you have previously created. Your Product must be a Bundle Type to use Supplier Product components.&#x20;
{% endhint %}

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

### Step 4 (Option 1) -  Invite New Supplier and Create Component

You can create a component for a Product and add a new Supplier in one step.

Select **Supplier Listing** under <mark style="color:blue;">**Add Component**</mark> dropdown.

Select **New Supplier** as Supplier Status in the popup. A New Supplier request will be sent to the Contact Email. Please ensure your profile pic, email, and title is current. Click <mark style="color:blue;">**Save**</mark>.

{% hint style="success" %}
If the Supplier accepts your request, you may update this component with one of its Listings. If the Supplier takes no action, the Component Description will be used for all Purchase Orders to this Supplier.
{% endhint %}

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

A new component will be created as follows:

<figure><img src="/files/44dPUxoerUTcJO0ThkY3" alt=""><figcaption></figcaption></figure>

### Step 4 (Option 2) -  Add Current Supplier Listing Component

Select **Supplier Listing** under <mark style="color:blue;">**Add Component**</mark> dropdown.

Select **Current Supplier** as Supplier Status in the popup. Select **Supplier**, **Listing**, and set **Qty**. Click <mark style="color:blue;">**Save**</mark>.

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

A component will be created as follows:

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

{% hint style="success" %}
Congratulations!  You've built your first Product in a few minutes. Let's keep going and add your first  Listing. Please navigate to next section, Add your first Listing.&#x20;
{% endhint %}


---

# 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.apptiflo.com/get-started/build-your-first-product.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.