...
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_variantidaddToCartId
Type: String
Field path in data feedFeed Path: variants/id
Hit SubmitSave
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
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 thisIn 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: | 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:
...