# How To Create A Purchase Form (Product Checkout Form)

Digably • Jul 20, 2023 13 steps • 59 seconds read

{% embed url="<https://youtu.be/9Z7QGSHEfkI>" %}

This guide will show you how to create a purchase form using Digably

***

#### 1. Click "Forms"

Start by clicking "Forms" in the left side menu.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2Fpr9Xv2UWf7mSB3E3TfeF5x_doc.png?alt=media&#x26;token=ec83f695-7d4a-4cf4-b488-3a8f2a267b13" alt=""><figcaption></figcaption></figure>

#### 2. Click "Create Form"

Click the "Create Form" button in the upper right of your screen.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2F457VtvQxDkG9Y6ZTrNFaqW_doc.png?alt=media&#x26;token=9e977998-d293-443a-8f7f-8e8437bc6ce5" alt=""><figcaption></figcaption></figure>

#### 3. Click "Advanced"

Click the "Advanced" tab in the left side menu of the form builder.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FfxW9vrjvCdxQmL25xBE6mz_doc.png?alt=media&#x26;token=3a3eab51-8d99-4502-91dc-a690f02633bd" alt=""><figcaption></figcaption></figure>

#### 4. Add the "Purchase" element to the form

Drag and Drop the "Purchase" element into the form.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FjN3R2ijgsYqdv3WiAtQq9E_doc.png?alt=media&#x26;token=0bb0ce86-14a2-437d-8959-9e021a0a9a47" alt=""><figcaption></figcaption></figure>

#### 5. Click the gear icon

Click on the gear icon to open up the "Purchase" element settings.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FupJ1d2f2vgHGMB35fDybpc_doc.png?alt=media&#x26;token=2fee59ce-01cf-40b0-8499-efc73af48257" alt=""><figcaption></figcaption></figure>

#### 6. Click "Products"

Now, click "Products" in the right side panel.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2F7jgLvtaW29ssu17H7TSszU_doc.png?alt=media&#x26;token=f165a042-33be-4ba3-b862-5aabdc12820e" alt=""><figcaption></figcaption></figure>

#### 7. Click the drop-down arrow

Click the drop-down arrow to view all of your products.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2Fk9tBjkeaSSxhTD5GT2Lp4Q_doc.png?alt=media&#x26;token=357a0e3f-a2ee-4f9c-910a-9a03dc287a8e" alt=""><figcaption></figcaption></figure>

#### 8. Select a product

Select the product or products that you would like to make available for purchase through your form.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FpQy6HK9P6UJTtnTwdifXwZ_doc.png?alt=media&#x26;token=2b9352b0-6c28-48dd-958c-fda2391b5b92" alt=""><figcaption></figcaption></figure>

#### 9. Click "Config"

Next, click "config" to open up the configuration panel.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FxvvnrMGuMVdt2JcsKCGDwE_doc.png?alt=media&#x26;token=9d694ff3-d895-483e-8a11-767e0729b21d" alt=""><figcaption></figcaption></figure>

#### 10. Configure your settings

Adjust the configuration settings based on your specific needs.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FsAhB4riDGiGq4aPWif16y5_doc.png?alt=media&#x26;token=8a67f0b0-f0bb-4cae-885e-526a62d10aba" alt=""><figcaption></figcaption></figure>

#### 11. Click "Save"

Finally, click the "Save" button in the upper right to save your purchase form.

<figure><img src="https://static.guidde.com/v0/qg%2FHQszwR5Ai0R6XKJ41Ncm36QSzt22%2FeLVUjqxFbvY9f2XjDN2z7J%2FhC8E2zMcjsRvffNWrGH3EV_doc.png?alt=media&#x26;token=b6ed560e-84d9-43cf-a325-6d94d6a91568" 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://docs.digably.io/forms/how-to-create-a-purchase-form-product-checkout-form.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.
