Articles on: 🧑‍🎓 Tutorials

What are the snippets of the app?

Hello! 😁

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

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

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


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

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



Here are the snippets for the specified offers

Mix & Match -->

<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) -->

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

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


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

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


Bundle -->

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


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

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


Cross sell -->

<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)



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! 🤗

Updated on: 29/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!