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