> 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

First we will need to add the "Manifold Buy Button" to the product page to handle product gates.

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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FAWP6a34dapcMd1otRqtl%2Fselectproductindropdown.gif?alt=media&amp;token=69fa27ae-1f18-4de8-9c03-81ecb5ba5807" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F4Gjj9kwO4h03Ekv6yPGf%2Fbuybuttons2a.gif?alt=media&amp;token=37564f99-254b-419f-a9b7-f84525c8175d" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2FbjnvB1x4NO8PoTFX0gE8%2FScreen%20Shot%202023-07-20%20at%202.59.08%20PM.png?alt=media&amp;token=eff8d36f-1f8b-462b-bc83-2d069ee5e327" 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="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F555r5tyAroGwSRX94n0R%2FScreen%20Shot%202023-07-20%20at%202.47.49%20PM.png?alt=media&amp;token=7cf25cbe-58f6-4d3b-85b7-58643151bd41" alt="" width="357"><figcaption><p>Just click into the block and you will see the following fields that you can customize.</p></figcaption></figure>