Buy buttons
Last updated
Last updated
The Buy Buttons block allows customers with the ability to add products to their cart, adjust quantity, and—if enabled—use dynamic checkout options like Apple Pay or Google Pay. It's the final interaction point before purchase and a crucial part of the product page
Only one Buy Buttons block is allowed per section (
limit: 1
).
Show quantity selector
boolean
Toggles a quantity selector allowing customers to choose how many units they want.
Add to cart button
Color
select
Sets the color theme for the Add to Cart button. Options: Black
, White
, Primary
, or Secondary
.
Size
select
Sets the size of the Add to Cart button. Options: Small
, Medium
, or Large
.
Style
select
Determines the button style: Solid
or Outline
.
Dynamic checkout button
Show dynamic checkout buttons
boolean
Displays checkout buttons such as PayPal, Apple Pay, or others based on customer preferences.
Color
select
Sets the color of the dynamic checkout buttons. Options: Black
, White
, Primary
, or Secondary
.
Size
select
Sets size of the dynamic checkout buttons. Max height: 55px. Options: Small
, Medium
, or Large
.
Style
select
Determines the style of dynamic checkout buttons: Solid
or Outline
.
Gift card
Show recipient information form for gift card products
boolean
Enables an optional recipient form when a customer is purchasing a gift card.
Padding
Bottom
range
Controls spacing beneath the block.
The Dynamic checkout button adapts to each customer's preferred payment method and may speed up the purchase process.
Gift card recipient forms allow personalization and direct email delivery—ideal for holiday or special occasion gifting.
Ensure you use consistent button styles and colors that align with your store’s overall theme for best results.