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 middle of the product page (usually below the add to cart button) use the following snippet:

<div data-location="main" data-product-id="{{ product.id }}">
 <span zoorix-widget="all"></span>
</div>‍


To place the widget in the bottom of the product page, using the following snippet:

<div data-location="bottom" data-product-id="{{ product.id }}">
    <span zoorix-widget="all"></span>
</div>



To place the widget on the top of a full cart page, use the following snippet:

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



To place the widget on the bottom of a full cart page, use the following snippet:

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


Lastly, go back to the app, navigate to the Settings tab -> General on the left menu, and delete the CSS selectors on the product page (see the below screenshot)



That's it! 🥳

If you need further as

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

Offer not showing up? Have questions? Contact us at support@zoorix.com and we would ❤️ to help!

Updated on: 28/12/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!