> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.cornercart.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to setup express checkout in the cart

This guide will walk you through the steps to modify your Shopify theme's code to ensure that Shopify Accelerated Checkout buttons work seamlessly in CornerCart. By enabling this feature, you can improve the overall shopping experience for your customers and potentially increase your sales.

Before proceeding, we recommend familiarizing yourself with [Shopify's official documentation](https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code) on how to edit your theme code. This will help you navigate the code editor smoothly. In addition, the documentation will highlight some of the risks of editing theme code.

|| This feature will only work if express checkouts are already setup in you store through shopify admin,refer this doc to enable it  -   https://help.shopify.com/en/manual/payments/accelerated-checkouts

## Step 1: Access your theme code

* Go to the Shopify admin portal and log in.
* From the Shopify admin, go to "Online Store" > "Themes."
* Choose the theme you want to add express checkout buttons to.
* Select "Edit code" from the dropdown menu.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_pjc6a8.png)

## Step 2: Add custom liquid file

* Find the folder named sections
* Click on Add a new section
* Add new section and name it as **corner-express-checkout**

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_19eayn7.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/scr-20250401-ssge_1sdh5z9.png)
* Then add the below code to the liquid file and Save:

```javascript
{% comment %} snippet added by CornerCart team for express checkout buttons {% endcomment %}
  {% if additional_checkout_buttons %}
    <div style="display:none" id="corner-dynamic-checkout-cart-container">
    {{ content_for_additional_checkout_buttons }}
    </div>
  {% endif %}
{% schema %}
{
  "name": "corner-express-checkout",
  "tag": "section",
  "class": "section",
}
{% endschema %}
```

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_hz92q1.png)
## Step 3: Add new liquid file to theme

* Open theme.liquid and find the  tag

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_lwbi6a.png)
* Place the below code snippet  just after the open  tag:
```
{% section 'corner-express-checkout' %}
```
* Save your changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_1eht651.png)
## Step 4: Enable Express Checkout in CornerCart

The final step is to activate the express checkout in CornerCart. By turning on this setting after inserting the code snippets provided earlier, CornerCart will be instructed to display the buttons for your cart.

* Go to the CornerCart app > Cart Drawer settings.
* Go to Cart Features Section.
* Enable "Express Checkouts" .
* Don't forget to save your changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/image_m2v6k5.png)

\*\*\*\*
![Preview](https://storage.crisp.chat/users/helpdesk/website/-/4/5/6/9/4569684e50e4f800/2025-04-03-155620_1dks3bc.gif =450x353)
||| ⚠️ Please note that preview for this function is not supported in app. Please make sure to check it on your live store.

| Hopefully this instruction has helped you. You can either email us at care@cornercart.io or utilize the in-app live chat. We are always here to assist you and provide any necessary assistance. We're committed to ensuring your satisfaction with our service 🤩