# One Page Checkout

### Overview

Blueskytechco - One Page Checkout makes it possible to turn any page into a checkout page. It also makes it easier for your customers to buy from these custom checkout pages by displaying both product selection and checkout forms on a single page.

### Introduction to One Page Checkout

Learn how you can create **One Page Checkout**:

{% embed url="<https://blueskytechmage.com/kalles/pub/documentation/images/videos/onepagecheckout.mp4>" %}

### How to Use

#### 1. Admin

You can easily setup One Page Checkout in Admin panel.

![](https://1242906408-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBXrqfpQ0UM92vks6wPvh%2Fuploads%2FD1wKJ0GnnMJid6QkIL6W%2Fopcpath.png?alt=media\&token=fd1ac49a-f9fe-43ad-9188-9ce18c5d44ae)

#### 2. Customers

After click to **Proceed to Checkout**, Customers will be redirect to One Page Checkout.

![](https://1242906408-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBXrqfpQ0UM92vks6wPvh%2Fuploads%2FNLRI1imQ26dHph6DBqdB%2Fopcfront.png?alt=media\&token=78723c38-7c1f-4cad-80a1-e8ad0a9cb186)

### How to Configure

Login to your backend page, then go to <mark style="color:red;">`BLUESKYTECHCO > One Page Checkout`</mark><mark style="color:red;">.</mark>

#### 1. General Option <a href="#onepagecheckoutpg-howtoconfigure-1" id="onepagecheckoutpg-howtoconfigure-1"></a>

![](https://1242906408-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBXrqfpQ0UM92vks6wPvh%2Fuploads%2F7tOcRffu7rygNgdmFwdD%2Fopcsetting.png?alt=media\&token=66e3c62d-7de2-41f3-a695-0f65ccef4b33)

* In the **Enable Express Checkout** field: Select **Yes** to enable module One Page Checkout
* In the **Seo Url** field: Specify the url of the checkout page.
* In the **Page Title** field: Specify the title of the checkout page.
* In the **Short Description** field: Specify short description you want to display on the frontend. You can leave it blank if necessary.
* In the **Show Order Comment on Checkout** field: Select **Yes** if you want to show on Order Comment checkout.
* In the **Show Checkbox Subscribe on Checkout** field: Select **Yes** if you want to show Checkbox Subscribe on checkout.
* In the **Title Box Subscribe Newletter** field: Specify the title of box Subscribe Newletter.
* In the **Default checkbox Subscribe on Checkout** field: Select **Yes** if you want to set Subscribe checkbox selected by default on checkout.
* In the **Show Gift Message on Checkout** field: Select **Yes** if you want to show Gift Message on checkout.
* In the **Show Discount Box on Checkout** field: Select **Yes** if you want to show Discount Box on checkout.
* In the **Show Widget After Place Order** field: Select **Yes** if you want to show Widget After Place Order on checkout.
* In the **Show Shipping Delivery Date** field: Select **Yes** if you want to show on Shipping Delivery Date checkout.
* In the **Title Box Shipping Delivery Date** field: Specify the title of box Shipping Delivery Date.

![](https://1242906408-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBXrqfpQ0UM92vks6wPvh%2Fuploads%2FBbfpf3qq7bYSJ9hyGWc5%2Fopcsetting2.png?alt=media\&token=9870dd57-4935-4e18-8462-b35da93238ee)

* In the **Show Shipping Delivery Comment** field: Select **Yes** if you want to show Shipping Delivery Comment on checkout.
* In the **Title Box Shipping Delivery Comment** field: Specify the title of Box Shipping Delivery Comment.
* In the **Show full Header and Footer** field: Select **Yes** if you want to show full Header and Footer in checkout page.
* In the **Title Button Place Order** field: Specify the title of Button Place Order.
* Click **Save Config** to save your config.

Copyright © 2022 [Blueskytechco.com](https://blueskytechco.com/). All Rights Reserved.