> For the complete documentation index, see [llms.txt](https://docs.goaffpro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.goaffpro.com/affiliate-portal-customization/toolbars/setup-shopping-with-floating-widget/customize-shopping-with-floating-widget.md).

# Customize Shopping-with Floating Widget

**GoAffPro** provides you with the option to customize the Shopping-with Floating Widget.

To customize the shopping-with floating widget, go to the **Toolbars** section in the **Look and Feel** tab of the GoAffPro admin panel.

<figure><img src="/files/XLajgHFVaGMjczG3iOCq" alt=""><figcaption><p>Look and Feel > Toolbars</p></figcaption></figure>

Here, click on **Customize** in the Shopping-with Floating Widget section.

![Click on Customize](/files/-M6_s-7Os6L0fATiqdyI)

This will open up the Customize Shopping-with Floating Widget window.

![Customize Shopping-with Floating Widget](/files/-McE_Mip3n3JlltIyfGI)

You can customize the content that is displayed in the Shopping-with floating widget, by filling in the variables provided in the Show available variables section.&#x20;

![Fill in the provided variables in the content field ](/files/-McEaCyAEIhD4ggEzru7)

Now, you can also change the background color and change the text color of the Shopping-with floating widget.

![Change background and text color](/files/-McEatck3mefz6i-7fdU)

You also have the option to set the widget position and change the size of the widget.

![Set the position and size of the widget](/files/-McEbZK2YhJyKvCGp1SR)

There is also the option to adjust the spacing of the widget.

![Adjust the spacing of the widget](/files/-McEbyGRcuLOUTmrLLLy)

You can also select a default avatar for the widget.

{% hint style="info" %}
The default avatar will be shown, if the affiliate hasn't uploaded their profile picture.
{% endhint %}

![Select the default avatar](/files/-McEcShjSy3Ei1o-Qzb8)

After this, click on **OK**.

![Click on OK.](/files/-McEdWdScufjAAhmYEo2)

Finally, the newly customized Shopping-with floating widget will appear in the store.&#x20;

![](/files/-M6a2fpctMW_jb_ZHw59)

{% embed url="<https://www.youtube.com/watch?v=bmN-xNWs7m8&feature=youtu.be>" %}
Customize Shopping-with Floating Widget
{% endembed %}


---

# 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://docs.goaffpro.com/affiliate-portal-customization/toolbars/setup-shopping-with-floating-widget/customize-shopping-with-floating-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.