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>

How Much Is My Phone Worth?

  • No products found

Product

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

Trade In Your Existing Phone

  • No products found

You could get:

Checkout

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

Find Out How Much Your Existing Phone is Worth

  • No products found

You could get:

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>