Shop Pay Button
The official Shop Pay accelerated-checkout button — one click to a pre-filled Shopify checkout.
Last updated
How to use
Place the button on the product page.
Connect
⛁ Butter Datato the product'sButter DataCMS field.Style it: toggle the
Text"Buy with" prefix (on by default) and itsDisplaycopy, pick aColorscheme (e.g. White on Purple), and setRadiusandFont.
Requires Shop Pay enabled on your Shopify store — the button still renders otherwise, but won't function at checkout.
What happens on click
Clicking the button creates a checkout for the selected variant and quantity and routes the customer straight to Shopify's Shop Pay accelerated checkout — skipping the cart. It reads the same selection state as the rest of the page (selected variant, quantity, and live availability), so it always checks out the exact variant and quantity currently selected.
Requires Shop Pay to be enabled on the store
The accelerated checkout only appears for customers on stores with Shop Pay enabled in Shopify — Butter initiates the checkout, but the checkout itself is entirely Shopify's.