> For the complete documentation index, see [llms.txt](https://broadcast.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://broadcast.presidiocreative.com/product-theme-blocks/buy-buttons.md).

# 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="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2Fk6eylYYh0HxW7fGfbADe%2FUntitled%20image%20(32).png?alt=media&amp;token=dbc3e115-1e1e-4e8d-9944-2f87fe2f1fe4" 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.
