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