CMS Server Sync

In this video, we have an active server plan on our Smooify account. This allows us to automatically sync Shopify data to Webflow via server. If you have a free or light plan, you can synchronize Shopify data to Webflow using our free desktop app by following the video linked in the description.

To initiate the initial import and automatic data synchronization, navigate to the CMS server sync section (accessible only to those with an active server plan). Click on "Enable CMS sync."

Next, we need to associate the CMS collections intended for import and synchronization from Shopify to Webflow, specifically the products collections and vendors collections. If you've utilized our starter project, you'll find these already created and appropriately configured. Once associated, click the "Enable CMS sync" button.

In this section, you need to choose whether to only synchronize Shopify data in Webflow if you've already completed the initial import of products collections and vendors, or to import and synchronize data simultaneously (recommended for the first import).

In our case, we'll choose the second option. This process may take some time, especially if you have a large number of products and collections in Shopify. However, you can leave this screen as you will be notified by email when the import is complete.

Once completed, you will see a message confirming that CMS server sync is enabled on your Webflow project. By refreshing your Webflow project, you can verify that the previously empty CMS collections are now populated with products collections and vendors from your Shopify store.