> For the complete documentation index, see [llms.txt](https://easify.gitbook.io/easify-box-bundle-builder-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easify.gitbook.io/easify-box-bundle-builder-docs/user-guide/visual-editor/advanced-feature/set-up-add-on-price-or-add-on-product-for-custom-fields.md).

# Set up Add on Price or Add on Product for Custom Fields

### What Are Add‑on Price and Add‑on Products?

* **Add‑on Price**: An extra charge applied to the box when a customer selects a specific option. It doesn’t add a new product — just increases the box price. *Example:* Add "Engraving Text” adds **$5** to the [Bracelet Box](https://easify-box-builder-app.myshopify.com/apps/box-builder/charm-bracelet-multi-page-addon-price) total.

![](/files/bffc2f9a2e2ffbe7ae224d6c04681f81f8015c07)

* **Add‑on Products**: A separate product automatically added to the box when a customer selects an option. It behaves like any other bundled product in the box. *Example:* Selecting “Add Greeting Card” adds a **Greeting Card product variant** to the box immediately

![](/files/36256d0aef3151a42abddc176b784c47f262bf71)

### How to Enable Add‑on Price and Add‑on Products?

In Easify Box Builder Visual Editor, go to **Box Content → Add any Custom Fields**.

* All custom field types (Dropdown, Radio, Button, etc.) support both Add‑on Price and Add‑on Products.

![](/files/241024497074ebf4e98c47116dd210aba956a60e)

#### For Add‑on Price

* Enter a specific number as the extra charge.

![](/files/7b7270a917399be6fee2f9cf4f80d8dc16f485f3)

* If your field has multiple option values (e.g., Dropdown, Radio, Buttons, Checkbox, Image Swatch), click the **Add Option Values** button to open the modal.

![](/files/c8e7b889c551ff60db27b46cdee43feef49c2f36)

* Inside the modal, set the **Add‑on Price** for each option value.

![](/files/bb38fa88d5fd600c10e3d9a37f4eb27a320f7e60)

#### For Add‑on Products

Right next to the **Add‑on Price** input field, you’ll see the button **“Select Add‑on Product.”**

![](/files/356391cb2d129adc87960c6c6bb327628fb1fa46)

![](/files/7cb3586c7046381b686523eb393d87ca6dd99ab5)

* Click **Select Add‑on Product** to open a popup window. The popup will display all products available in your store.

![](/files/80b0fb15511231740dd0433561212ba806f9a792)

* Use the search and filter bar to quickly find the product you want as add-on products.
* Select the specific **product variant** you’d like to assign as the add‑on.

Once selected, that product variant will automatically be added to the customer’s box whenever they choose the corresponding option value. It behaves just like any other bundled product in the box — appearing in the cart and checkout as part of the order.

### Behavior on the Storefront

#### **Addon price**

* A **separate box product** with the **add‑on price** will be added.
* Customers can see the extra charge clearly in their cart and checkout.

![](/files/8012fe52c4c8ab3a9168008e524d59a9c61e489c)

![](/files/e9e5a08387a53b2a50fdbe137ad169069379747c)

#### Addon Products

* The selected product is added to the box just like other bundled items.
* In the **Box Quick Summary**, add‑on products are displayed with a small **plus (+) icon** so customers can easily distinguish them from the main box items.
* It appears in the cart and checkout as part of the box items.

![](/files/18996f8abfac967e85bb5609eb6ba6c075642dc1)

![](/files/316acc0c246e43085416ecead5df5b5a7c8fc6de)

### 💬 Need Help?

If you run into any issues or have questions, feel free to reach out via our **in-app 24/7 live chat**. We’re always here to help!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://easify.gitbook.io/easify-box-bundle-builder-docs/user-guide/visual-editor/advanced-feature/set-up-add-on-price-or-add-on-product-for-custom-fields.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.