We will be using Webflow CMS to import Shopify products, variants, options, and collections. This appraoch will allow you to have server side rendering and SEO optimization for your products. As Webflow will render the product pages, product cards on server side, it will be faster and more SEO optimized.

​
Products CMS

This CMS collection is automatically created by looop onboarding in Webflow Connect step.
This CMS colelction is diffrent from Products CMS collection that you might have in Webflow ecommerce.
Below are all the fields that should be created in the products CMS collection.
Field NameField TypeReferenced CMS
looop-idPlainText
looop-storePlainText
looop-hero-pictureImage
looop-hero-picturesMultiImage
looop-descriptionRichText
looop-default-variantReferencevariant
looop-variantsMultiReferencevariant
looop-option1MultiReferenceoptions
looop-option2MultiReferenceoptions
looop-option3MultiReferenceoptions

​
Variants CMS

This CMS collection is automatically created by looop onboarding in Webflow Connect step. Below are all the fields that should be created in the variants CMS collection.
Field NameField TypeReferenced CMS
looop-idPlainText
looop-positionNumnber
looop-storePlainText
looop-p-idPlainText
looop-priceNumber
looop-price-compareNumber
looop-pictureImage
looop-productReferenceproducts
Change the decilal places to 2 for price and compareAtPrice fields in the CMS settings.

​
Options CMS

This CMS collection is automatically created by looop onboarding in Webflow Connect step. Below are all the fields that should be created in the options CMS collection.
Field NameField Type
NamePlainText

​
Collections CMS

This CMS collection is automatically created by looop onboarding in Webflow Connect step. Below are all the fields that should be created in the collections CMS collection.
Field NameField TypeReferenced CMS
looop-idPlainText
looop-storePlainText
looop-descriptionRichText
looop-productsMultiReferenceproducts

​
Policies CMS

This is an optional CMS collection that you can create to add policies to your website. Below are all the fields that should be created in the policies CMS collection.
Field NameField Type
bodyRichText