Page Comparison

...

Here’s a guide to adding add to cart buttons to your preezie product recommendations. This allows shoppers to directly purchase their preezie recommendations:

...

Note, we highly recommend testing the feature first by adding to a test or cloned journey in isolation before adding to your live journeys!

For Shopify customers

Connect it to your product feed

• To connect your Shopify feed to your cart, you’ll need to add a Product field. Please get in touch with support@preezie.com to help you with this

  • In https://doorman.preezie.com/home/importer/product-fields choose your Product database

  • Click Create New Field

    • Name: prz_shopify_variantid

    • Type: String

    • Field path in data feed: variants/id

    • Hit Submit

      Image RemovedImage Added

• Now you have added a new product field you need to re-run your feed (or wait for it to run automatically) for each product to propogate the Shopify ID value into prz_shopify_variantid

  • To do it manually: Go to https://admin.preezie.com/app/products/feeds find your feed, hit Run

    • Once the feed has Success status, go to https://admin.preezie.com/app/products/products and find any product to check the new field is present, for example:

    • 

Turn on the

...

feature

• Then turn on the feature in your CMS admin > Settings > Tenant settings
  Get in touch with support@preezie.com if you need help with this

  • In the admin tab select Shopify then Active

  • If your website has a custom shopping cart integration then you can add an optional Redirect for the shopper directly to your cart page (in a new tab)

    • This is used in the case where the cart is not automatically refreshed when preezie adds products to your cart, i.e. it looks like nothing has happened!

  • Hit > Save API Integration

...

...

Custom integration for all other eCommerce platforms

Turn on the feature

• Turn on the feature in your CMS admin > Settings > Tenant settings
  Get in touch with support@preezie.com if you need help with this

  • In the admin tab select Custom then Active

  • If your website requires it then you can add an optional Redirect to your cart page after the shopper clicks add to cart (in a new tab)

    • This is used in the case where the cart is not automatically refreshed when preezie adds products to your cart, i.e. it looks like nothing has happened!

  • Hit > Save API Integration

...

Add your custom code

Now the feature is on each time the add to cart button is clicked a preezie custom event przAddToCartEvent will fire. You then need to place this script on your pages to fire your own custom add to cart events.

setTimeout(() => {

  const przWidget = document.getElementsByClassName('preezie-widget-app')[0]

  if(przWidget) {

    przWidget.addEventListener('przAddToCartEvent', (event) => {

        // add your custom "add to cart" events here

    })

  }          

}, 2000);

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

...

Style your buttons

• Now go to the workflow where you want to show add to cart buttons > Edit

• UI Result & Behaviours > check Show Add to Cart button on results page

• Add to cart button text on result page > Type the CTA text that each button will show, e.g. Add to cart

  • Hit Save
    

    

Style your buttons

By default your buttons will be styled the same as your Learn more buttons, if you’re not using these or want to style add to cart differently then follow these steps:

...

Once you hit Save! this will be immediately reflected in your widget.

For Magento customers (coming soon)

Coming soon.

...

(coming soon)

Coming soon.