Page Comparison

Tip

Using Add to cart buttons in preezie results has shown to…

Increase conversion rate by 10%
- e.g. 50% of shoppers now engage with the results with 7% going on to buy
Gain between 2-11% add to cart CTR (dependent on the product types)
Over 2x the average result page conversion rate when clicked compared
- This ranges from 5-30% of those who use add to cart go on to buy
Increase the engagement with the result page to 50%

Tip: Use this feature with Stacks bundling to grow Conversion AND AOV

...

Code Block

language	js

const przAddToCartEventInterval = setInterval(() => {
  const przWidget = document.getElementsByClassName('preezie-widget-app')[0]
  if (przWidget) {
    clearInterval(przAddToCartEventInterval)
    przWidget.addEventListener('przAddToCartEvent', (event) => {
      // !!!!!!!!!!!!IMPORTANT!!!!!!!!!
      // event: { detail: { id: '125173761', quantity: 1 } }
      // Please implement your own custom logic to handle the 'add to cart' event here
    })
  }
}, 2000)

Code Block

language	none

asdfasdf

Hence each time the add to cart button is clicked przAddToCartEvent is fired and subsequently the actions within your customised script above.

...

Code Block

<script>
  const przAddToCartEventInterval = setInterval(() => {
    const przWidget = document.getElementsByClassName('preezie-widget-app')[0]
    if (przWidget) {
      clearInterval(przAddToCartEventInterval)
      przWidget.addEventListener('przAddToCartEvent', (event) => {
        //!!!!!!!Important!!!!!!!
        // Please note that this is an example only.
        // You will need to implement your own custom logic to handle the 'add to cart' event on your site.
        fetch('https://jurliquechangeme.myshopify.com.au/cart/add.js', {
          method: 'POST',
          mode: 'cors',
          cache: 'no-cache',
          credentials: 'same-origin',
          headers: {
            'Content-Type': 'application/json'
          },
          redirect: 'follow',
          referrerPolicy: 'no-referrer',
          body: JSON.stringify({ items: event.detail })
        }).then((response) => {
          // Put your cart UI code here
        })
      })
    }
  }, 2000)
</script>

...

Versions Compared

Old Version 28

New Version 29

Key