Integration Guide for GoQwik with CornerCart
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:
Copy the following code snippet:
corner.overrideCheckout((cartObject, discountCodeApplied) => {
gokwikSdk.initCheckout(merchantInfo);
// The following line will close teh cart after the checkout popup is shown. Remove this line if that behaviour is not required
corner.do("closeCart");
});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: 27/12/2024
Thank you!