> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.zoorix.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# What are the snippets of the app?

**Hello! 😁**

**Below is a quick guide how to integrate the app to your store using snippets:**

1. **In case you'd like to place the widget in the product page, use the following General snippet:**

```html
<div data-location="app-block"> 
<span zoorix-widget="all"></span> 
</div>
```

2. **To place the widget on the full cart page, use the following General snippet:**

```html
<div data-page="cart" data-location="app-block"> 
<span zoorix-widget="all"></span> 
</div>
```


###### Here are the snippets for the specified offers:

* **Mix & Match -->**

```html
<div data-location="app-block"> 
<span zoorix-widget="mix-match" zoorix-widget-type="general"></span> 
</div>
```

**Mix & Match - Bundle Builder (make sure to add offer id)** --> 

```html
<div data-location="app-block">
    <span zoorix-widget="mix-match" zoorix-widget-type="expanded-app-block" zoorix-offer-id="ADD_OFFER_ID"></span>
  </div>
```

* **Volume Discount** --> 

```html
<div data-location="app-block">
    <span zoorix-widget="v-discount"></span>
  </div>
```

**Volume Discount (make sure to add offer id)** --> 

```html
<div data-location="app-block">
    <span zoorix-widget="v-discount" zoorix-offer-id="ADD_OFFER_ID"></span>
  </div>
```

* **Bundle -->** 

```html
<div data-location="app-block">
    <span zoorix-widget="bundle-list"></span>
  </div>
```

**Bundle (make sure to add offer id)** --> 

```html
<div data-location="app-block">
    <span zoorix-widget="bundle-list">
      <div data-bundle-id="ADD_OFFER_ID"></div>
    </span>
</div>
```

* **Cross sell -->** 

```html
<div data-location="app-block">
    <span zoorix-widget="upsell"></span>
  </div>
```



* Lastly, go back to the app, navigate to the Settings tab -> General on the left menu, and change the offer placement method to App Block (see the below screenshot)

![](https://storage.crisp.chat/users/helpdesk/website/544025b2abd67c00/screenshot-2023-08-06-at-11294_3yvnvk.png)

That's it! now you can go to the product and/or cart page and check that the offer is showing up 😇

The offer doesn't show up? Have questions? Feel free to contact us at support@zoorix.com and we would love to help! 🤗