> 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="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2F6Y9tRCgYn2i1ubi1r80z%2Fimage.png?alt=media&amp;token=2e4a0e5f-7960-43df-820e-69e7877c1b59" alt=""><figcaption><p>Look and Feel > Toolbars</p></figcaption></figure>

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

![Click on Customize](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M6_dhhkhZnL-VktlfWD%2F-M6_s-7Os6L0fATiqdyI%2FAnnotation%202020-05-05%20225522.png?alt=media\&token=08d9a2e7-2993-40a7-939b-864f320d57bb)

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

![Customize Shopping-with Floating Widget](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McE_Mip3n3JlltIyfGI%2Fimage.png?alt=media\&token=8760aee9-6467-4777-a928-b6be57db22bf)

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 ](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEaCyAEIhD4ggEzru7%2FScreenshot%202021-06-15%20174242.png?alt=media\&token=37c3115f-a550-4892-a4b1-bed50433554e)

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

![Change background and text color](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEatck3mefz6i-7fdU%2FScreenshot%202021-06-15%20174627.png?alt=media\&token=b3e731eb-d47e-4402-bd3c-d2e89f9ba816)

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](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEbZK2YhJyKvCGp1SR%2FScreenshot%202021-06-15%20174928.png?alt=media\&token=0df71e2d-9f80-496a-a40a-2ec6f9d4d0f0)

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

![Adjust the spacing of the widget](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEbyGRcuLOUTmrLLLy%2FScreenshot%202021-06-15%20174928.png?alt=media\&token=e04643cf-fee4-4a3c-8820-f16feae6b7fd)

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](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEcShjSy3Ei1o-Qzb8%2FScreenshot%202021-06-15%20174928.png?alt=media\&token=950c3034-f75b-4b37-aa2b-7a2816c6e98c)

After this, click on **OK**.

![Click on OK.](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-McEHDyiBF4D_aZ2WIWd%2F-McEdWdScufjAAhmYEo2%2FScreenshot%202021-06-15%20175853.png?alt=media\&token=27ba471f-639f-433f-9751-82e34b25096b)

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

![](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M6a0TVXPPlyp9T_H8q0%2F-M6a2fpctMW_jb_ZHw59%2FAnnotation%202020-05-05%20234618.png?alt=media\&token=ab8b2046-469b-47d8-9265-94c0d0dc832c)

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