Integration Guide for GoQwik with CornerCart
Our app works ideally when integrated with Shopify's default checkout flow. However, if you are using a third-party app like GoQwik, there are some limitations to consider. In this document, we will explore these limitations and provide a step by step guide for integrating GoQwik with CornerCart.
In Cart Goal campaigns, we utilize Shopify Functions to apply discounts to products. This is a native Shopify feature, and most third-party checkout platforms do not support discounts applied through Shopify Functions. For instance, if you want to add a free gift when a user reaches $100 in a campaign, our app will add that product to the cart and apply a discount to make it free. However, GoQwik will not be able to provide a 100% discount in this scenario.
Work around (Not reccomended): The only workaround is to offer a product with a $0 price as the free gift. While this eliminates the need for a discount, it allows users to add the product directly from the product pages, potentially circumventing the $100 target. Using this workaround carries the risk of offering ineligible free gifts. Refer this document to learn how to add a 0$ products as free gift : https://help.cornercart.io/en/article/14wgb5h/
Our cart provides the option to apply discounts directly from our cart. However, GoQwik manages discounts in a parallel way and cannot read the discounts applied to a Shopify cart. Currently, there is no workaround for this issue.
If the above-mentioned issues are not deal-breakers for your store, you can follow these steps to integrate GoQwik with our cart:
Copy the following code snippet:
In our app, navigate to Cart Drawer -> Advanced Settings and paste the code into "Add Custom JS Scripts."
That's it! After completing these steps, every time a user clicks the checkout button, GoQwik's checkout popup will appear.
By default, how our checkout button looks will remain the same after this integration. If you wish to make it resemble GoQwik's checkout button with Paytm and GPay icons, follow these steps:
Go to Cart Drawer -> Look and Feel Tab -> Switch " Checkout Button Style " to " Classic ".
Copy the following CSS script to Advanced Settings -> Custom CSS and paste it there:
Features That Will Not Work
1. Automatic Application of Discounts in Cart Goal Campaign
In Cart Goal campaigns, we utilize Shopify Functions to apply discounts to products. This is a native Shopify feature, and most third-party checkout platforms do not support discounts applied through Shopify Functions. For instance, if you want to add a free gift when a user reaches $100 in a campaign, our app will add that product to the cart and apply a discount to make it free. However, GoQwik will not be able to provide a 100% discount in this scenario.
Work around (Not reccomended): The only workaround is to offer a product with a $0 price as the free gift. While this eliminates the need for a discount, it allows users to add the product directly from the product pages, potentially circumventing the $100 target. Using this workaround carries the risk of offering ineligible free gifts. Refer this document to learn how to add a 0$ products as free gift : https://help.cornercart.io/en/article/14wgb5h/
2. In-Cart Discount Code Application
Our cart provides the option to apply discounts directly from our cart. However, GoQwik manages discounts in a parallel way and cannot read the discounts applied to a Shopify cart. Currently, there is no workaround for this issue.
How to Integrate GoQwik : Step By Step Guide
If the above-mentioned issues are not deal-breakers for your store, you can follow these steps to integrate GoQwik with our cart:
Copy the following code snippet:
corner.overrideCheckout((cartObject, discountCodeApplied) => {
gokwikSdk.initCheckout(merchantInfo);
});In our app, navigate to Cart Drawer -> Advanced Settings and paste the code into "Add Custom JS Scripts."
That's it! After completing these steps, every time a user clicks the checkout button, GoQwik's checkout popup will appear.
Optional Styling Updates
By default, how our checkout button looks will remain the same after this integration. If you wish to make it resemble GoQwik's checkout button with Paytm and GPay icons, follow these steps:
Go to Cart Drawer -> Look and Feel Tab -> Switch " Checkout Button Style " to " Classic ".
Copy the following CSS script to Advanced Settings -> Custom CSS and paste it there:
#corner-cowi-cart-summary-card-cta-button:after{
content:"";
background-image:url("https://imagedelivery.net/QI2wC6Vls23vJd9vFFaomg/59e362fc-bd8e-4ab1-f171-ae1bfb56a200/public");
background-repeat: no-repeat;
width:95px ;
height:30px;
margin-left:12px;
}Updated on: 24/10/2023
Thank you!