# Buy buttons

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`).

<figure><img src="/files/ObiNGakZZV1JIrT0q6tB" alt="Image depicting the Buy buttons block of the product pages section"><figcaption></figcaption></figure>

<table><thead><tr><th width="223.1666259765625">Settings</th><th width="113.2196044921875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Show quantity selector</td><td align="center"><code>boolean</code></td><td>Toggles a quantity selector allowing customers to choose how many units they want. </td></tr><tr><td><strong>Add to cart button</strong></td><td align="center"></td><td></td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Sets the color theme for the Add to Cart button. Options: <code>Black</code>, <code>White</code>, <code>Primary</code>, or <code>Secondary</code>. </td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Sets the size of the Add to Cart button. Options: <code>Small</code>, <code>Medium</code>, or <code>Large</code>. </td></tr><tr><td>Style</td><td align="center"><code>select</code></td><td>Determines the button style: <code>Solid</code> or <code>Outline</code>.</td></tr><tr><td><strong>Dynamic checkout button</strong></td><td align="center"></td><td></td></tr><tr><td>Show dynamic checkout buttons</td><td align="center"><code>boolean</code></td><td>Displays checkout buttons such as <em>PayPal</em>, <em>Apple Pay</em>, or others based on customer preferences.</td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Sets the color of the dynamic checkout buttons. Options: <code>Black</code>, <code>White</code>, <code>Primary</code>, or <code>Secondary</code>.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Sets size of the dynamic checkout buttons. Max height: 55px. Options: <code>Small</code>, <code>Medium</code>, or <code>Large</code>.</td></tr><tr><td>Style</td><td align="center"><code>select</code></td><td>Determines the style of dynamic checkout buttons: <code>Solid</code> or <code>Outline</code>. </td></tr><tr><td><strong>Gift card</strong></td><td align="center"></td><td></td></tr><tr><td>Show recipient information form for gift card products</td><td align="center"><code>boolean</code></td><td>Enables an optional recipient form when a customer is purchasing a gift card.</td></tr><tr><td><strong>Padding</strong></td><td align="center"></td><td></td></tr><tr><td>Bottom</td><td align="center"><code>range</code></td><td>Controls spacing beneath the block.</td></tr></tbody></table>

## Notes

* 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://broadcast.presidiocreative.com/product-theme-blocks/buy-buttons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.