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 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
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.
Find the folder named sections
Click on Add a new section
Add new section and name it as corner-express-checkout
Then add the below code to the liquid file and Save:
{% 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 %}
Open theme.liquid and find the <body> tag
Place the code snippet: {% section 'corner-express-checkout' %} just after the open <body> tag.
Save your changes.
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.
⚠️ 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 [email protected] 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 🤩
Before proceeding, we recommend familiarizing yourself with Shopify's official documentation 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.
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
Then add the below code to the liquid file and Save:
{% 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 %}
Step 3: Add new liquid file to theme
Open theme.liquid and find the <body> tag
Place the code snippet: {% section 'corner-express-checkout' %} just after the open <body> tag.
Save your changes.
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.
⚠️ 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 [email protected] 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 🤩
Updated on: 04/04/2025
Thank you!