# Customize Shopping-with Toolbar

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

To customize the shopping-with toolbar, 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%2FrFptHeCm8vmmT16kUOkI%2Fimage.png?alt=media&#x26;token=6b5214a1-4424-47f1-a192-4d28e20d8080" alt=""><figcaption><p>Look and Feel > Toolbars</p></figcaption></figure>

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

![Click on Customize](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M0KF_XAaGPVftDnH1l7%2F-M0KKyYM1Y9J5ZeoDvqd%2FAnnotation%202020-02-18%20041841.png?alt=media\&token=df2f4fda-6f18-4196-9414-353a4b842dba)

This will open up the Customize Shopping-with Toolbar window.&#x20;

![Customize Shopping-with Toolbar](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M0KF_XAaGPVftDnH1l7%2F-M0KL6P6CGHcP24qduiG%2FAnnotation%202020-02-18%20042015.png?alt=media\&token=499ac4ce-9413-4533-9e6c-9190c956649c)

You can customize the content displayed by the Shopping-with toolbar 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-M0KF_XAaGPVftDnH1l7%2F-M0KMQDDxAFN62TnnG9b%2FAnnotation%202020-02-18%20042347.png?alt=media\&token=2fb2244a-ea9a-4dbf-9ab1-412cb954aeb3)

Now, you also have the option to change the text alignment, change the background color, and change the text color of the Shopping-with toolbar.

![Customize the Shopping-with Toolbar](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M0KF_XAaGPVftDnH1l7%2F-M0KMyyEdyuQIVt4Y6LK%2FAnnotation%202020-02-18%20042015.png?alt=media\&token=3688a0ab-b2aa-4f6f-b80f-4624641b565f)

After this, click on **OK**.

![Click on OK](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M0KF_XAaGPVftDnH1l7%2F-M0KNUDKv02_C3xQoLWn%2FAnnotation%202020-02-18%20043008.png?alt=media\&token=09cd4729-d3b7-43b2-b121-2b56aa2786dd)

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

![](https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LdPzLtyP46oY7cyXnkw%2F-M0KF_XAaGPVftDnH1l7%2F-M0KNxey4TlaUX2yoO6W%2FAnnotation%202020-02-18%20043156.png?alt=media\&token=3bbe0a57-c6f6-43fd-ada2-7f14b740445f)

<details>

<summary>FAQ</summary>

#### How can the Shopping-with Toolbar message be displayed in different languages based on the user's language preference?

You can use such tags in the content field:&#x20;

{{#en}}You are shopping with {{affiliate\_name}}{{/en}} {{#fr}}Vous Magasinez Avec {{affiliate\_name}}{{/fr}}

<figure><img src="https://1200686697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LdPzLtyP46oY7cyXnkw%2Fuploads%2F0vZDUcCgj9nYMPE7bbYd%2FScreenshot%202026-01-22%201905194.png?alt=media&#x26;token=03641b8f-b93d-40d8-8fcf-d9ab17346b45" alt=""><figcaption><p>Add tags to the Content field</p></figcaption></figure>

It will show the message:&#x20;

* You are shopping with Affiliate Name for English users&#x20;
* Vous Magasinez Avec Affiliate Name to French users

</details>

{% embed url="<https://youtu.be/mU-of4lgOLE>" %}
Customize Shopping-with Toolbar
{% endembed %}