> For the complete documentation index, see [llms.txt](https://docs.divitemp.com/divitemp-doc/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.divitemp.com/divitemp-doc/divitemps-layouts/divicommerce/checkout.md).

# Checkout

## A Step-by-Step Process To Create Custom Checkout Page Using Divi Builder:

### Step 01:

Hover Divi Tab, then Click "Divi Theme Builder".

<figure><img src="/files/g8pGdqjihPJHnvlPwQeN" alt=""><figcaption></figcaption></figure>

### Step 02:

Click "Add New Template." Then Click 'Build New Template.'

<figure><img src="/files/N2U8JkLb7ZTxgZX5JFxI" alt=""><figcaption></figcaption></figure>

### Step 03:

Scroll Down & Select "Checkout" & then Click"Create Template."

<figure><img src="/files/amRBCOs1Gfrh3eCbEVol" alt=""><figcaption></figcaption></figure>

### Step 04:

Click "Add Custom Body" & then Click "Add From Library."

<figure><img src="/files/cEvT23pnkzmxIFRgeDX0" alt=""><figcaption></figcaption></figure>

### Step 05:

Click "Your Saved Layouts". From here you can select the Layouts you'd like to use. Then click 'Use This Layout.'

<figure><img src="/files/xROpSAJpNXoZ4KjFoOvp" alt=""><figcaption></figcaption></figure>

### Step 06:

From here you can edit your Design.

<figure><img src="/files/ONRKqoU9EEBnVGqO4HgM" alt=""><figcaption></figcaption></figure>

&#x20;**That's It**! **You're Done 😎**