> For the complete documentation index, see [llms.txt](https://docs.manifold.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.manifold.xyz/manifold-for-developers/shopify-merch-bridge/tutorial/step-2-store-theme-setup/2.2-product-page-setup.md).

# 2.2 Product Page Setup

We will configure the product page first. In the drop down selector at the top, Navigate from Home page -> Products -> Default Product

<figure><img src="/files/9KtykmbHuMB5YKe41J52" alt=""><figcaption><p>Navigate to the Default Product Page in the Theme Editor</p></figcaption></figure>

Then In the *Product Information* section:

* click Add Block
* select the "Manifold Buy Button" App Block
* drag it just below the default "Buy buttons"

<figure><img src="/files/SBAwFBd2FYJUTE9PKKw9" alt=""><figcaption><p>Add the Manifold Buy Button on the Product Page</p></figcaption></figure>

{% hint style="info" %}
Note: You do not have to hide the default "Buy buttons" on token gated pages, they will automatically be hidden and replaced with the "Manifold Buy Button"
{% endhint %}

**Make sure to press the Save button in the top right!**

<figure><img src="/files/sf08L0d1QMdeKRLgFZln" alt=""><figcaption><p>Press Save on the Product Page.</p></figcaption></figure>

### Optional Customizations

You can also modify the Manifold buy button further for

1. The confetti emojis after a holder makes a successful redemption on the product
2. The Opensea link to get some tokens (displayed when a signed in wallet has not tokens on your product rules)&#x20;

<figure><img src="/files/Qm0tFzY8s6pNV7LCjCT3" alt="" width="357"><figcaption><p>Just click into the block and you will see the following fields that you can customize.</p></figcaption></figure>


---

# 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 dynamically by asking a question.

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

```
GET https://docs.manifold.xyz/manifold-for-developers/shopify-merch-bridge/tutorial/step-2-store-theme-setup/2.2-product-page-setup.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.