Instant checkout

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.