> 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 %}