# Product Page

The video walks you through how to set up the product page app block in just a few clicks. For a text version, read on below.

{% embed url="<https://youtu.be/kuL2JI8pWCk>" %}

***

### **Adding the Product Page Extension**

1. Go to **Online Store > Themes** in your Shopify admin.
2. Click **Customize** on your active theme.
3. In the **Theme Editor**, navigate to the desired product template
4. In the product template **Add block >** **Apps > Dollarback Store Credit**.
5. Select the **Product Page Extension** and drag it to your desired location:

<figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2FNcQ4k4jFabeZZ45Ym5hg%2Fimage.png?alt=media&#x26;token=c7cfe716-6a1b-46f2-bf9f-ebdb3ab459cf" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="success" %}
Best placements: **Below the price** or **under the Buy button** for maximum visibility.
{% endhint %}

### **Configuring the Extension**

Once added, you can customize the extension to match your store’s needs:

* **Modify Display Text** – Adjust the text to show cashback details like *"Earn 20% store credit on this purchase."*
* **Tooltip Customization** – Edit the tooltip text to provide additional details.
* **Font & Styling** – Customize font size and text appearance.
* **Custom CSS Support** – Apply your own styles to fully control the look of the block.

### **Why Use This Extension?**

* **Boost Conversions** – Shows customers how much they’ll earn, increasing the likelihood of a purchase.
* **Simple Setup** – Drag and drop into your theme—no coding required.
* **Highly Customizable** – Configure text, styles, and CSS to match your brand.

### **Need Help?**

If you have any questions about setting up the Product Page Extension or anything related to store credit, feel free to **reach out via our support chat**. We're happy to assist!


---

# 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://help.dollarlabs.io/dollarback-store-credit/show-rewards/product-page.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.