> For the complete documentation index, see [llms.txt](https://nuflorist.gitbook.io/nuflorist/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nuflorist.gitbook.io/nuflorist/faq/product-page-widget.md).

# Product Page Widget

<details>

<summary>How can I feature the widget in my Shopify store?</summary>

To feature the widget in your Shopify store, you need to enable the app block on your product page. Go to your theme editor, find the app block inside the product page, and add it to your product template.

Know more: [product widget](/nuflorist/product-widget/what-is-the-product-widget.md)

</details>

<details>

<summary>How can I customize the widget on my product page?</summary>

To customize the widget on your product page, follow these steps:

1. Go to your theme editor.
2. Find the app block section.
3. Customize the text, colors, layout, and other design elements to match your store's aesthetic.

For detailed instructions, check out the full guide:[ Customizing the Appearance of the App Block](https://www.google.com/url?q=https://docs.google.com/document/d/1FrfVLhG6eFfYFZDt-eQjiUFFKK6NfZwq_CfD6Uchhc0/edit%23\&sa=D\&source=editors\&ust=1723213144570106\&usg=AOvVaw3lYTBrnSjFsk6hdpLfjt-N).

</details>

<details>

<summary>Which options can I change inside the widget?</summary>

Inside the app block, you can customize various options to match your store’s design and functionality needs. These options include:

1. Typography: Change the heading text and body text fonts.
2. Colors: Adjust text color, background color, and accent colors.
3. Layout: Modify spacing, padding, and corner radius.
4. Buttons: Customize the text, background, and outline styles of buttons.

For detailed instructions on customizing these options, check out the full guide:[ ](https://www.google.com/url?q=https://yourtutoriallink.com\&sa=D\&source=editors\&ust=1723213144571599\&usg=AOvVaw0WAhFtq4_2u8u5wKeaVvPo)[Customizing the Appearance of the App Block](https://www.google.com/url?q=https://yourtutoriallink.com\&sa=D\&source=editors\&ust=1723213144571889\&usg=AOvVaw3IJQBwz9xC-Pc4GdOpudGZ).

</details>


---

# 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://nuflorist.gitbook.io/nuflorist/faq/product-page-widget.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.