# Add Charge v2.0

This add charge version is applied to stores that installed our app **before 10:00 AM, October 10 (UTC)**.

Checkout our [Demo product](https://avis-demo.myshopify.com/products/price-add-ons) to see how the Add charge works

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FxGJXeiZH0TP4nRQLbqFx%2Fimage_2023-11-06_155132198.png?alt=media&#x26;token=b2dc9b62-dded-4d94-b48f-58d9e34229d4" alt=""><figcaption></figcaption></figure>

Here is the step-by-step instruction on how to set up Add Charge.&#x20;

**1.** In the **Avis Option** tab -> click on the **Create Option Set** button

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FCiH8Uttg1h3mvco4IdGa%2Fimage.png?alt=media&#x26;token=fd8eb30d-8435-49b3-9868-04f75407f47f" alt=""><figcaption></figcaption></figure>

**2.** Click on the **Add Option** button to pick an Option Type for the Addcharge.\
\&#xNAN;***\*Note:*** This feature is supported in Single Input and Single/Multiple Selection options.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FRtpHC9aiBIuLuTXaAptV%2Fimagecqjcs.jpg?alt=media&#x26;token=34ca2ea4-bf1f-4155-8f30-9c3459353bf7" alt=""><figcaption></figcaption></figure>

**3.** In the field **Option values,** find the option value you want to add an additional charge, click on **"Keep price"** to open the dropdown menu and select **"Add charge"**.&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FwbHkFFdhhIVRlvyy09qH%2Fimage.png?alt=media&#x26;token=96c6c7ca-81f5-4b82-996c-eeac8a0d6ac8" alt=""><figcaption></figcaption></figure>

Then, click on **the tag icon** (next to the "Add charge" box) and you will see a pop-up where you can fill in the add charge amount.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FWhI9OOzgNWp462UgR1AX%2Fimage.png?alt=media&#x26;token=af3b3d0f-40b7-4ec0-a6d4-89c178393c0b" alt=""><figcaption></figcaption></figure>

Here is what you need to fill in (just like when you create a new product in your store)

* Variant title: This will be the name of the variant for the product above (if you have more than 1 Add charge variant, all of the variants will be under the same product). The variant title should be the same as the option value.
* Variant price: The Add charge amount&#x20;

Since this Add charge is an actual product, just the same as the other product in your store, you can find it in the **Product** section in your Shopify Admin and update further details for it such as image, stock, etc.

In this example, I want to add 25 for the medium size and 30 for the large size. If your store's default currency is USD, it will be 25 USD and 30 USD additional charges.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F6x8BEAmVEBsLprcAfsRD%2Fimage.png?alt=media&#x26;token=3700d581-eb32-4ab5-8455-56a9fef02aa4" alt=""><figcaption></figcaption></figure>

**4.** Hit **Save** to finish the Add Charge option setup.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FuObTtvEXwYruqOLnnPR2%2Fimage.png?alt=media&#x26;token=3dee2e37-a4e1-47e8-91f3-52719c6f198e" alt=""><figcaption></figcaption></figure>

&#x20;**5.** In the **Select product** section, choose the products you'd like this Option Set to be applied to.

Finally, hit **Save** on the top right corner of the **Option Set** to save the changes for the Option Set and you're all done 🤗

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FHTFHfDDV816BYwMBSkuf%2Fimage.png?alt=media&#x26;token=c94a92c4-3e65-4204-a45a-ba25198754a0" alt=""><figcaption></figcaption></figure>

**-> Here is how the Add Charge variant will show on the Product page.**

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FgqxFT8aFO0eomdWac370%2Fimage_2023-11-06_155226329.png?alt=media&#x26;token=612a73de-f4fa-4a58-b3d9-129cc3a56de2" alt=""><figcaption></figcaption></figure>

**-> Here is how the Add Charge option will show on the Cart page.**&#x20;

Once customers select an Add Charge option value, the main product and the Add Charge product will be added to the cart together and you will see 2 products in the cart.&#x20;

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F3ywpj5nhM11Urdwh0XT8%2Fimage_2023-11-06_155253349.png?alt=media&#x26;token=586858d3-6feb-4374-a2a1-68d5e4dff795" alt=""><figcaption></figcaption></figure>

**-> Here is how the Add Charge option will show on the Checkout page.**&#x20;

Similar to the Cart page, you will see the main product and the Add Charge product here.

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2FvSLySuN39vAy7llkFFEW%2Fimage_2023-11-06_155323217.png?alt=media&#x26;token=dd6abdb1-e65f-47c5-a7cd-68475a7ce9fa" alt=""><figcaption></figcaption></figure>

Check out the next article for some suggestions on how to organize and manage the Add Charge products created using our app.
