# Create your first field

{% embed url="<https://www.youtube.com/watch?v=UFgyQF49L_o>" %}

### Formats

1- Click "Create a field" button and it opens up field creation page.&#x20;

2- Select your [field type ](/customfield/beginners-guide/available-field-types.md)from our dropdown menu which has the options like textbox, checkbox, radio button, upload and more.&#x20;

3- Set your field header, other appearance formats and settings like making it mandatory or activating tooltip.&#x20;

{% hint style="info" %}
Your cart label should be unique per field. You can either set it as your field header or if you want to use the same field header for multiple fields, then you can set cart label individually as well.&#x20;
{% endhint %}

<figure><img src="/files/5MnBGGiLvb0eBDy35yRZ" alt=""><figcaption></figcaption></figure>

### Visibility&#x20;

4- Make your selection to display the field on which products, variants or collections.&#x20;

{% hint style="danger" %}

#### ⚠️ Important

Custom fields work only on product pages.

If your theme includes a Quick Add button on collection or homepage sections, customers can add products to the cart without filling required fields.

This is a theme behavior, not an app issue. To ensure required fields are completed, customers must add products to the cart from the product detail page.
{% endhint %}

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

5- Conditional Logic is only applicable for fields created by this app. Imagine that we have two fields one is checkbox, and when this is ticked, we will display another text box. In this scenario, only text box has the conditional logic. So please enter that field and set "when checkbox is equal to true" then display this field in the conditional logic section. &#x20;

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

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

{% hint style="warning" %}
Please do not forget to click "Create this condition" to save your condition selection.
{% endhint %}

### Additional Charge&#x20;

6- You can also monetize customizations by adding extra charges when customers utilize the fields created by our app. i.e. if a textbox field is filled out, an option is selected from dropdown, checkbox etc. then you can charge extra fee to customers.&#x20;

{% hint style="info" %}
There is also another approach for additional charge. Our app supports variant-level display, therefore, you can create "custom" variant in SHOPIFY ADMIN for that product, edit the price as well and then display our field on that specific variant in our app.
{% endhint %}

First of all, create a product in Shopify Admin to represent your extra charge on cart and checkout page. Ensure that this product is always in stock, active and published in online store.&#x20;

{% hint style="warning" %}
If the product you created for add-on does not meet the criteria above, you may get "Cannot find variant" error while proceeding to checkout.&#x20;
{% endhint %}

Then go to that field and ensure that this product is added as an addon in the additional charge section.

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

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

You can also charge a different extra amount for each option. To apply a specific add-on price per option, the field type must be **Checkbox**, **Dropdown**, or **Radio Button**.\
Please refer to[ this page](/customfield/how-to.../how-to-set-price-add-on-per-selection.md) for a detailed guide.

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


---

# 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://minimateapps.gitbook.io/customfield/beginners-guide/create-your-first-field.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.