How to add a Zipper Product to Your Zipper Website

Here is how to add a Zipper Product onto your website.

Create a product and save it from Products > Create Product

product creation in zipper screenshot

Navigate to your site from Sites > click your site. Select the page you'd like to add the product to from Manages Pages in to the top right.

integrate zipper product into zipper website screenshot

Select Add Block in your desired area of the page > type in Pricing to the block search field > Select your desired block style. If you already have a pricing block, click Edit Block when you hover over this block.

zipper website editor screenshot

In the right side bar, click Content > Scroll to the bottom and edit (pencil icon next to the trash can icon) a product you'd like to swap in with a new Zipper Product, or click +Add Product to add a new one.

zipper content management screenshot

Toggle Use product created in Zipper > select the desired product. Save and Publish your site from the top right hand corner.

zipper stripe integration screenshot

Make sure the Button is leading to the desired action of your user, whether it be allowing them to purchase the product outright, or leading them to another page, like a contact us.

zipper call-to-action screenshot

Now any edits you made in their product's pricing or description will automatically be reflected on your site.

Can’t Find The Right Answer? - Techkit X Webflow Template

Questions? Get in touch

We're here to help. Feel free to contact us or send an email to support@joinzipper.com and we'll respond as quickly as possible.