Give your customers a quicker, simpler way to check out. With Instant Checkout, customers with Apple Pay enabled can breeze past đŹthe cart and checkout form in your shop and complete their purchase directly from a product page.
This feature will remove any extra steps to purchase for customers that have their eye on that one special product. If your customers want to browse and purchase more or take advantage of a generous discount, theyâll want to proceed through the regular checkout flow.
đ§ Requirements
To take advantage of Instant Checkout, youâll need to have Stripe set up in your shop to accept payments. Youâll also need to be using the latest version of the theme in your shopâs storefront. If you need to update your theme, no worries! We walk you through that process here.
Instant checkout buttons wonât display for all customers. Only customers that have Apple Pay set up on their device will see the additional checkout button on your product listings. Itâll look like this. đ
đŁA couple of things to keep in mind. We want to make instant checkout as speedy as possible, this means there are a couple of limitations - only one product can be purchased with instant checkout and discount codes canât be applied.
đ¨ Customize it
Looking to change up the look of the Instant Checkout button? Thereâs a little leeway there if youâre on a paid plan. Youâll just need to adjust a bit of HTML.
Head to Customize design > Advanced > Product from the Account tab in your admin and look for the following:
{{ store | instant_checkout_button }}
You can pass in arguments to adjust the color scheme, height, or both like so:
{{ store | instant_checkout_button: 'light-outline', '50px' }}
That color value can be light, dark, or light-outline, and you can play around with the height until it looks just right to you.
â ď¸ Disable it
While we hope Instant Checkout will get those quick orders rolling in, we get that it may not be the shopping experience youâre going for in your shop. No sweat, you can easily remove the Instant Checkout button on your product pages by adding a little bit of CSS.
Just head to Customize design > Advanced > CSS from the Account tab in your admin and add the following to the very bottom of the page:
#instant-checkout-button {
display: none;
}
Click Done and Save and youâll be all set, but feel free to reach out to our support team if you need a hand or have any questions.