> 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-toolbar/shopping-with-toolbar-custom-integration.md).

# Shopping-with Toolbar Custom Integration

**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.

![Online Store](/files/-M55e7lEIAqHSkjBeYuv)

Here, go to the Themes tab.

![Themes](/files/-M55defj4l95OccNmkgU)

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

![Current theme > Actions > Edit code](/files/-M55fpLM0krhFp7lZtiG)

This will open up the Edit code section

![Edit code](/files/-M55gKZG1xFHlhOqb5rR)

Now, open up the theme.liquid section and embed the following code wherever you want the Shopping-with Toolbar to appear:

```
 <div id="gfp_affbar"></div>
```

After this, click on **Save**.&#x20;

![theme.liquid](/files/-M55hBVeRxDAgOlI5BxE)

#### For Example:

By default, the Shopping-with Toolbar gets displayed at the top of the store.

![Shopping-with Toolbar](/files/-M55ljKaJzkpk8EULQoI)

Here we want the Shopping-with Toolbar to appear below the main menu section.

Now, embed the following code in the theme.liquid section accordingly:

```
 <div id="gfp_affbar"></div>
```

![Embed the code](/files/-M55n2wYI9gETyGCkrlX)

Click on **Save.**

![Click on Save](/files/-M55nF8Ou74fIxqaStkf)

After this, the Shopping-with Toolbar will appear below the main menu section.&#x20;

![](/files/-M55nOLfR-m4N3oaIczf)