Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • 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

  • Image 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 propagate the Shopify ID value into prz_shopify_variantidaddToCartId

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

...

  • Now choose RESULTS > Product result > CTA behaviour

    • Here you have various configurations to style position, design and hover states:

...

RESULTS > Product result > CTA behaviour:
Config name

Options

What it does

Button positions

First / Second

Learn more font

preezie fonts or your uploaded custom font

Add to cart font

preezie fonts or your uploaded custom font

Add to cart behaviour

Optional copy

Text field

Copy shown underneath the add to cart button, e.g. Free shipping over $50

Added button text

Text field

Button text shown when they add to cart

Use custom icon

On/Off

Icon / Hover state / Added state

Image upload

Upload an image to replace the HTML button.

You can use different images for

Mobile sizing / Desktop sizing

Learn more sizing

Learn more width

px

Optional fixed width of the button in pixels. If blank the px is taken from NAVIGATION > Footer Buttons width

Learn button margin top

Gap between the button and the item above it

Add to cart sizing

Button width

px

Optional fixed width of the button in pixels. If blank the px is taken from NAVIGATION > Footer Buttons width

Margin top

Gap between the button and the item above it

Font size, Text color etc,

Various

Controls various colours, sizing of the buttons

This means you’ll be able to match your website’s button design:

...