> For the complete documentation index, see [llms.txt](https://docs.digably.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digably.io/forms/how-to-create-a-purchase-form-product-checkout-form.md).

# 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>
