> 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/product-widget/customizing-the-widget/product-option.md).

# Product Option

## General usage:

### Connect to product "From current page"

This will dynamically reference the current page's product, allowing you to keep using a single product template but always reference the correct product. The customers will always add the "current page's product" to the cart correctly.

{% tabs %}
{% tab title="Automatically" %}
Setting this up should be automatic, as this is the default option that will be auto-filled for you if you add the widget while in the Product Page in a section that doesn't already offer a product option.

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

{% tab title="Manually" %}
To manually set it up this option, follow these steps:

{% embed url="<https://youtu.be/Qn_cjfUe3EU>" %}
{% endtab %}
{% endtabs %}

### Connect to product "From current section"

You can also reference a product from the "current section" if your section already offers a product selection option, that way you don't have to do double work.

{% tabs %}
{% tab title="Automatically" %}
Setting this up should be automatic, as this is the default option that will be auto-filled for you if you add the widget while inside a section that already provides a product option.

{% embed url="<https://youtu.be/0usd2MeCYIA>" %}
{% endtab %}

{% tab title="Manually" %}
To manually set it up this option, follow these steps:

{% embed url="<https://youtu.be/dYA3Dy7Q7xY>" %}
{% endtab %}
{% endtabs %}

### Connect to fixed product always

{% hint style="warning" %}
We recommend against this approach if you truly want the connected product to be dynamic. For that see the solutions above.
{% endhint %}

You might have a section in a template or in the homepage that you want to always show the same product and to have its Product Widget to be linked to that product always. You can do it:

{% tabs %}
{% tab title="Manually" %}
This approach is always manual, follow these steps:

{% embed url="<https://youtu.be/vcVD79SqKpI>" %}
{% endtab %}
{% endtabs %}

## Advanced usage:

### Connect to product from a metafield

{% hint style="info" %}
👷🏼‍♀️ This **is currently possible** using our widget. The documentation about it is incoming.
{% endhint %}


---

# 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/product-widget/customizing-the-widget/product-option.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.