> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-one-step-checkout-extension/configuration.md).

# Configuration

Once you have successfully installed the extension, go to **Stores -> Configuration -> MageComp -> One Step Checkout** to configure the extension for use.

**General**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FjWqGJMofWAZRk8KEPO2D%2FGeneral.png?alt=media&amp;token=e690b708-6841-455e-83c7-a71510e9f547" alt=""><figcaption></figcaption></figure>

* **Enable -** Enable/disable the extension from here.
* **Allow Guest Checkout -** It has 3 options:

**Yes:** Allow guests to checkout without account creation and login.

**No (require create account):** The user must create an account before checkout.

**No (require login):** The user must log in before checkout.&#x20;

* **Re-Direct to Checkout -** Select Yes to redirect customers to the checkout page once they add the product to the cart.
* **Show Header and Footer On Checkout -** Select Yes to display the header and footer on the checkout page.
* **Show Discount Code Section -** Hide or show the discount code section on the checkout page in the payment area section.
* **Route -** Enter the URL route for the checkout page. When kept empty, it will use the default URL route which is “onestepcheckout”.

**Shipping and Payment Methods**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FbB8UkLIgn4XKDgNUiAaT%2FShipping%20and%20Payment%20Methods.png?alt=media&amp;token=b49fd382-5e8c-4caf-b896-f1112b051040" alt=""><figcaption></figcaption></figure>

* **Default Shipping Method -** Select the shipping method to be selected by default at the checkout page.
* **Default Payment Method -** Select the payment method to be selected by default at the checkout page.

**Billing Address and Shipping Address**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FUNkceidJuFvPZ73ohvss%2FBilling%20Address%20and%20Shipping%20Address.png?alt=media&amp;token=2631457d-33d6-4238-b6ae-d9bac2d82563" alt=""><figcaption></figcaption></figure>

* **Show Billing Address -** Select Yes to display the billing address on the checkout page.
* **Billing and Shipping Address Are The Same -** Select Yes to automatically check the “Billing and Shipping Address Are The Same” checkbox at the checkout page.

**Product Summary Section**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FngjFND8M21k0qC1KXjLW%2FProduct%20Summary%20Section.png?alt=media&amp;token=ca5e71b2-27d7-4a21-b57a-f1a1783c72d5" alt=""><figcaption></figcaption></figure>

* **Show Product List -** Select Yes to show a list of added products in a dropdown at the checkout page.
* **Show Product Thumbnail -** Select Yes to show the product image as a thumbnail at the checkout page.

**Checkout Layout and Style**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FEW6PYc5CXJeOPzMmOU7J%2FCheckout%20Layout%20and%20Style.png?alt=media&amp;token=56c4e012-6ae1-477e-bc28-7b893ee784d1" alt=""><figcaption></figcaption></figure>

* **Checkout Page Layout -** Select the layout of the checkout page. It includes the following options:

**1 Column:** Shows all sections in a single column.

**2 Columns:** Shows all sections in two columns.

**2 Columns With Floating Column:** Shows all sections in a single column and order summary section as the floating column.

**3 Columns:** Shows all sections in three columns.

**3 Columns With Colspan:** Shows all sections in three columns and colspan for order summary section.

* **Checkout Page Design Style -** Select the checkout page design style as Default or Material.
* **Subtitle Background Color -** Set the background color for the section subtitle. (This option is available only if the Checkout Page Design Style field is set to Material.)
* **Subtitle Text Color -** Set the font color for the section subtitle. (This option is available only if the Checkout Page Design Style field is set to Material.)

**Color Scheme**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fm7x1UCJ7UNDYWO1JMbhz%2FColor%20Scheme.png?alt=media&amp;token=0d6a9531-307d-4c17-95db-08abe10eb2a8" alt=""><figcaption></figcaption></figure>

* **Place Order Button -** Set the color of the place order button on the checkout page.
* **Order Summary Background -** Set the background color for the order summary section.
* **Checkout Page - Background -** Set the background color of the checkout page.
* **Order Total Color -** Set the text color of the order total.
* **Body Text -** Set the text color for the checkout page body text.