The Toolbars section can be used to set up and customize toolbars. The options available in this section are:

1. Affiliate Toolbar

2. Shopping-with Toolbar

3. Shopping-with Floating Widget

Go to the Look and Feel > Toolbars section in the GoAffPro admin panel.

GoAffPro provides you with the option to set up the affiliate toolbar.

To set up the affiliate toolbar, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, enable the toggle in the Affiliate Toolbar section.

The affiliate toolbar will be enabled.

Affiliates can click on the toolbar button in the Marketing Tools > Product Links section, to activate the toolbar.

Finally, the Affiliate Toolbar will appear at the top of your store.

GoAffPro provides you with the option to set up a Shopping-with toolbar.

To set up the shopping-with toolbar, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, enable the toggle in the Shopping-with Toolbar section.

Finally, the Shopping-with Toolbar will appear at the top of your store.

GoAffPro provides you with the option of custom integration of the Shopping-with Toolbar in the store.

To use custom integration of the Shopping-with Toolbar, go to the Online Store section in the Shopify dashboard.

Here, go to the Themes tab.

Now, click on Actions and select Edit code in the Current theme section.

This will open up the Edit code section

GoAffPro provides you with the option to set up the share a cart button for your store.

To set up the share a cart button for your store, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, go to the Share A Cart section.

GoAffPro provides you with the option to customize the Affiliate toolbar.

To customize the affiliate toolbar, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, click on Customize in the Affiliate Toolbar section.

This will open up the Affiliate Toolbar customization window

Here, you have the option to change the background color and the text color of the affiliate toolbar.

GoAffPro provides you with the option to set up the Shopping-with Floating Widget. When enabled, the widget will show the customer, the affiliate's information whose referral link was used to visit the store.

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

Here, enable the toggle in the Shopping-with Floating Widget section.

GoAffPro provides you with the option to set up the Shopping Cart Referred By widget. When enabled, it will let customers enter an affiliate's referral code on the shopping cart page.

To set up the shopping cart referred by widget, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, go to the Shopping Cart Referred By section.

Now, enable the toggle.

Next, click on Customize.

This will open up the Customize Cart Referral Code Input Field window.

Here, set the input label and placeholder text.

Now, select the widget type.

After this, copy the tag and paste it into the cart page.

Finally, click on Submit.

The referral code input field will be displayed on the cart page of your store.

To integrate the shopping cart referred by widget in your store theme:

Go to the Online Store section in the Shopify admin panel.

Here, go to the Themes section and click on Customize.

Now, go to the Home page > Select the Cart option.

Next, click on Add section.

After this, select the Custom Liquid option.

Now, open the Custom Liquid section.

Copy the following code from Look and Feel > Toolbars > Shopping Cart Referred By section:

Next, paste the code into the Custom Liquid box.

Finally, click on Save.

The referred by widget will be displayed on the cart page of your store.

The Shopping Cart Referred by widget has three input types:

You can go to Look and Feel > Toolbars > Shopping Cart Referred By and click on Customize. Here, you can choose how to display the referred-by widget input.

Auto-Complete/Search Input: Customers can enter an affiliate's name to search for them.

Affiliate List Dropdown: A dropdown list will appear, allowing customers to select an affiliate.

Referral Code Input: The customer can enter the affiliate's referral code, which is the unique code found at the end of the affiliate's referral link.

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.

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

This will open up the Customize Shopping-with Toolbar window.

You can customize the content that is displayed by the Shopping-with toolbar, by filling in the variables provided in the Show available variables section.

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.

After this, click on OK.

Finally, the newly customized Shopping-with Toolbar will appear in the store.

GoAffPro provides you with the option to set up the checkout blocker in your store.

To set up the checkout blocker in your store, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, go to the Checkout blocker section.

Now, enable the toggle.

Next, click on Configure selectors.

This will open up the Checkout Button to block window.

Here, click on + Add selector.

After this, you can set the CSS selector and action. Finally, click on Submit.

This will prevent customers from checking out unless they use the affiliate's referral link to visit your store.

An affiliate's referral link is different from an affiliate's referral code. A referral link directs the customer to the merchant's store and the customer's visit is then tracked.

In the case of a referral code, it is the unique code present at the end of an affiliate's referral link. It has to be copy-pasted into the referral code input field at the shopping cart page on the store.

For Example:

Here we look at the referral link of an affiliate.

In the Referral Link, the referral code can be found at the end (after the "=" symbol).

Here the referral link is: https://goaffpro.myshopify.com/?ref=R8mfScYiL

The referral code in the link is: R8mfScYiL

GoAffPro provides you with the option to setup the shopping with popup.

To set up the shopping with popup, go to the Toolbars section in the Look and Feel tab of the GoAffPro admin panel.

Here, go to the Shopping with Popup section.

Now, enable the toggle.

You also have the option to customize the popup by clicking on Customize.

Here, you can customize the popup HTML.

Finally, the popup will be displayed on the store.

To display the host's name in the Shopping-with Toolbar:

You can use the template tag {{host}} to display the host name in the shopping-with toolbar.

To set it up, go to the Look and Feel > Toolbars > Shopping-with Toolbar > Click on Customize. Here, paste the following in the content field:

You are shopping with the {{affiliate_name}} {{#host}} and the event host {{name}}{{/host}}

Example: If the affiliate's name is John and the host's name is Dan.

When opened as a regular link, it will display: You are shopping with John

When opened as a party link, it will display: You are shopping with John and the event host Dan

If you want to display either the name of the affiliate or the name of the host, you can set it to:

You are shopping with {^host}}{{affiliate_name}}{{/host}}{{#host}}{{name}}{{/host}}

With the regular link, it displays: You are shopping with John

With the party link, it displays: You are shopping with Dan

GoAffPro provides you with the option to hide the shopping-with floating widget on mobile.

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

Here, go to the Shopping-with Floating Widget section.

Now, click on Customize.

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

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.

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

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

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.

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

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

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

You can also select a default avatar for the widget.

After this, click on OK.

Finally, the newly customized Shopping-with floating widget will appear in the store.