# Create your first field

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

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

2- Select your field type from our dropdown menu which has the options like textbox, checkbox, radio button, upload and more.&#x20;

3- Set your field header, other apperance 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="https://1110647471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDDrLmwkSI3jttYdLoI4Q%2Fuploads%2FPRwJNRDvEM1ZdD3Xb4MJ%2FScreenshot%202025-08-15%20at%2015.23.02.png?alt=media&#x26;token=4a8d78ff-26b2-40be-97ee-33e5af40ae43" alt=""><figcaption></figcaption></figure>

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

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="https://1110647471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDDrLmwkSI3jttYdLoI4Q%2Fuploads%2Fn5QMB2jNmMcbx6yNH5k9%2FScreenshot%202025-08-15%20at%2015.24.01.png?alt=media&#x26;token=e4e8b9f8-3eff-428d-95aa-33069630735b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1110647471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDDrLmwkSI3jttYdLoI4Q%2Fuploads%2FdCEnsZjHNPpRyjJMfEJq%2FScreenshot%202025-08-15%20at%2015.24.44.png?alt=media&#x26;token=5a87515a-0307-4205-baa8-2a5ecb686458" alt=""><figcaption></figcaption></figure>

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

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="https://1110647471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDDrLmwkSI3jttYdLoI4Q%2Fuploads%2FDvYPk4R1vVRJWHWPPcr8%2FScreenshot%202025-08-15%20at%2015.29.27.png?alt=media&#x26;token=88956c08-91d6-42b4-bc2a-585195eee9ab" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1110647471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDDrLmwkSI3jttYdLoI4Q%2Fuploads%2FrTiv5vB7lCm7fwYoczpw%2FScreenshot%202025-08-15%20at%2015.28.45.png?alt=media&#x26;token=135a0bb3-3a9a-4a53-8635-a539e1e323c9" alt=""><figcaption></figcaption></figure>
