# Checkout

The checkout widget enables you to add your checkouts anywhere on your website, funnels and even inside your blog posts in one click.

To add your checkout widget to your block simply select the checkout widget and drop into the page.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/7cOkrDk0funR2uHtikIl/checkout%20widget.PNG" alt=""><figcaption></figcaption></figure>

### Add your product

Once you have your checkout on the page, the next step is to select the products tab as highlighted below in step 1

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/y20EHU6ibDHe5Ygu1spF/checkout%20add%20product.png" alt=""><figcaption></figcaption></figure>

1. Select the product tab
2. Adding bump offers to increase cart value
3. Select the product or products you want to add to the checkout.
4. Here you have 2 options. Product select or cart checkout. **Product select** means the product or products you want to add to that specific checkout widget. **Cart checkout** means: If you have a previous page where users can add products to a cart and you want them to go to another page after adding items to their cart, for example in funnels this is a great option.&#x20;
5. Allowing users to select products if you are displaying more than one.

### Selecting products

In the example below we have selected 2 store items we want to display in this checkout widget. You can modify the visual elements later on to.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/gMOCYuVWJgJBW5iGC5d0/checkout%20slect%20products.PNG" alt=""><figcaption></figcaption></figure>

### Adding bump offers

Adding bump offers can increase your overall cart revenue by displaying store items you would like to try and sell additionally to the user.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/QQ2ZXYlAETGbHoqeVRED/CHECKOUT%20ADD%20BUMP%20OFFER.PNG" alt=""><figcaption></figcaption></figure>

To add a bump offer, simply select the store item you want to add, and apply the settings to how you want the bump offer to display. In this example we are showing the bump offer in the checkout flow, alternatively you can move it to below the order summary.

As you can see it can be a seamless way to increase your store revenue.&#x20;

### Checkout Styling

With the checkout styling you have endless options to design the perfect checkout that suits your brand. But let's look at the important parts.

* Checkout style
* Checkout step process

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/FivMibltTWwDQqFf3hvo/checkout%20styling.png" alt=""><figcaption></figcaption></figure>

**Checkout style:** Currently there are 3 checkout style options to chose from as highlight in the image above.

Checkout step process: The checkout step process enables you to select from one, two or even a three step checkout process.&#x20;

Example:

**1 Step checkout**: As shown above, includes all the customer input information and payment details all in one place. Whereas a **two step checkout** process will have the user input info on one step then the next step would be the payment step. Great for [**abandoned cart**](../ecommerce/abandoned-cart) scenarios. **A three step** checkout process will break it down further, normally name and email in the first step, delivery info on step two then the third step would be the payment section&#x20;

### Checkout Settings

The checkout settings tab enables you to manage the more technical section where you can:

* Direct people who purchase to any page
* Enable discounts
* Customer registrations
* Optional address input
* Adding customers to your email lists and adding tags for segmentation.

<figure><img src="https://content.gitbook.com/content/dG2nDIBweqHNGjfJ4NQm/blobs/ceUVR3KQbdIFcFwoBU3G/checkout%20settings.png" alt=""><figcaption></figcaption></figure>

**Thank you page:** When the customer purchases the store item on the checkout, where do you want to send them. You can send them to a custom thank you page, any page in your website, any funnel step or even to an external URL like a facebook group etc.

**Allow discounts:** If you have set up discounts within your store settings and you want to allow discounts on the selected items in your checkout then you can. This is totally optional.

**Enable customer registrations:** Basically it will create a member so when they purchase again they can simply log in and their details will be auto populated in the checkout. Helping to speed up return purchases.

**Asking for the customers address:** Again this is an optional feature. It helps reduce the user input when purchasing products that do not require a physical address. For example if you are selling digital products then you may not require an address from the customer.

**Connect to email marketing:** Once the customer has purchased you can add them to your email list, or if you an outside provider for example MailChimp, then you can add them to your preferred MailChimp list.

**Tag customer on new order:** This is great if you want to track purchases using tags. This helps segment your customers for later promotions or you can use tags within the automations to filter customers through further on email campaigns and more.&#x20;
