Skip to content
Smootify Logo
Components
Setup your project

Starting from Shopify App

Getting Started
> Starting from Shopify App

The fastest and easiest way to set up Smootify is to start with the Shopify app available on the Shopify App store.

Install the Shopify App

  1. Click on the Install button and select the Shopify store where you want to install the Smootify App.

Smootify Docs

  1. Once installed, launch the Smootify app from your Shopify admin panel. Smootify Docs

  2. You’ll be redirect to the Smootify dashboard. Login or create an account if you haven’t already.

    Smootify Docs

Connect to Webflow

  1. Once logged in you need to connect your Shopify store to Webflow. Click the Connect your Webflow site button and connect the Webflow project you want to use with Shopify.

Smootify Docs

  1. You’ll see a Webflow authorization pop-up asking you to connect the Smootify App to your Webflow project. Select the project from the list and click the “Authorize App” button in the bottom right corner to grant Smootify access. If you are starting from scratch, we suggest using our Starter Project. This is the official starter project for the Smootify Relume Library (but you can use without using the library). It includes a style guide with pre-built classes and the CMS structure ready to be synced up with Shopify. This project uses the Client-First Webflow Style System to keep your Webflow projects more organized and maintainable.

    Smootify Docs Smootify Docs

  2. Once complete, you will be redirected to the Site Settings panel. Here, you’ll find the Shopify Store URL and Public Token already populated. You only need to add your project domain. You can use your staging domain (webflow.io) initially and then replace it with your custom domain when ready.

Smootify Docs

  1. Navigate to the Smootify Scripts panel and copy and paste our provided script into the Webflow project settings > Custom Code > Head code section.

Smootify Docs Smootify Docs

Install the Headless App

  1. Don’t forget to install the Shopify Headless App on the same store to enable order confirmation email, customer accounts and other functionalities.

Smootify Docs

  1. Once installed, click the Create Storefront button.

Smootify Docs

  1. Then click on the Manage Storefront API button.

Smootify Docs

  1. Click on edit and enable all the Storefront API permissions. Then click to Save changes.

    Smootify Docs

  2. Copy the public token and jump back to the Smootify dashboard.

Smootify Docs

  1. Go to Site settings into your dashboard and click on Edit Info button. Replace this new token with the existing one and click on Save Info.

Smootify Docs