# Dynamic price checkout

{% hint style="warning" %}
In order for this to work you must have the official [**Name Your Price**](https://woocommerce.com/products/name-your-price/) plugin installed and activated. And you must enable the "Name Your Price" option for your product.
{% endhint %}

### Enable Name Your Price for the product

First make sure you have the official Name Your Price plugin installed and activated on your WordPress site. Now create a new product or edit an existing product. Make sure you enable the "Name Your Price" option for the product as shown below and Save the product to apply the changes.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FjmU3XOkDluAEYahtCxj6%2Fenable-dynamic-price-for-woocommerce-product.JPG?alt=media&#x26;token=ffc3b15a-7e41-4fcd-ac66-f2c5232b8e17" alt="Enabling dynamic &#x22;Name Your Price&#x22; for your WooCommerce Product"><figcaption><p>Enable "Name Your Price" for your product.</p></figcaption></figure></div>

### Enabling WooCommerce Checkout on your form

Now we need to enable the WooCommerce Checkout on our form. Go to "Super Forms > Your Forms" from the WordPress menu and edit your form. Open the "Form Settings" panel and choose "WooCommerce Checkout" from the dropdown. Check the "Enable WooCommerce Checkout" to enable it.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FrOKh5CtwfyiujEnGHpbD%2Fenabling-woocommerce-checkout.png?alt=media&#x26;token=3ee755a4-fe53-4890-b167-933c96dbde26" alt="Enabling the WooCommerce checkout feature for your form."><figcaption><p>Enabling the WooCommerce checkout feature for your form.</p></figcaption></figure></div>

### Define the dynamic priced product to be added to the cart

Before we can do so, we must obtain the product ID that we wish to add. You can find your product ID by going to "Products > All products" and hovering over the product with your mouse like so:

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FTbK8a3GzPT8fDEaijPKB%2Fhow-to-find-the-product-id-in-woocommerce.png?alt=media&#x26;token=4ee374e3-d542-4037-87ff-b62919632918" alt="Finding the WooCommerce product ID"><figcaption><p>Finding the WooCommerce product ID</p></figcaption></figure></div>

Another way of doing this would be to "Edit" the product and looking at the URL in your browser. You will be able to find the product ID in the URL as shown below:

<https://domain.com/wp-admin/post.php?post=**45579**\\&action=edit>

Now that we have our product ID, we can configure our setting so that it adds the product with ID **45579** a quantity of **1**, no variation (defined as **none**)and a dynamic price by retrieving our price from our form with the use of the [**Tags System**](https://docs.super-forms.com/features/advanced/tags-system). In the below example we retrieve the price from a [**Calculator element**](https://docs.super-forms.com/elements/form-elements/calculator) named "price". That's why we use the `{price}` tag in the below example.

<div align="left"><figure><img src="https://852124118-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6Kz0R6S7z3Fb6KLZYVE%2Fuploads%2FUolAq4a9zMuzTrEcbEAn%2Fdefine-dynamic-price-product-for-woocommerce-checkout.JPG?alt=media&#x26;token=68fae1bd-e63c-4ada-9d2a-5754345a3f68" alt="Defining dynamic priced product to be added to WooCommerce cart after form submission."><figcaption><p>Defining dynamic priced product to be added to WooCommerce cart after form submission.</p></figcaption></figure></div>

After you Save the form and submit it (either from preview mode or from the front-end), it will add the product the the users cart with the amount that the [Calculator element](https://docs.super-forms.com/elements/form-elements/calculator) holds. It will then redirect the user to the WooCommerce checkout or cart page (depending on how you configured the settings). The user can now complete the order as usual.