Clove Widget Demo

Use the following script tag to load the widget:
<script defer src="https://clove-widgets.vercel.app/loader.js"></script>

Home

<div data-widget data-widget-type="home"></div>

Product

<div data-widget data-widget-type="product"></div>

Checkout

<div data-widget data-widget-type="checkout"></div>

Listening to events

On checkout the recycleUpdated event will be emitted. You can listen to this event to get the the name, price and url of the selected item.

<script>
      document.addEventListener('recycleUpdated', (event) => {
        console.log('recycleUpdated', event.detail);
      });
<script>