App Embeds

Enabling App Embeds from the Shopify Customizer

Some Shopify Apps do work by enabling App Embeds from the Shopify Customizer and are compatible with Webflow as well! We have created a tool inside the dashboard that automatically will help you using app embeds. This feature automatically parses the code of some apps and modifies it in order to make it compatible with Webflow & Smootify!

Every time we test and found new app embeds that are compatible with Webflow we will update the integration page! So be sure to subscribe to our newsletter to stay updated about the new app features you can use!

How to enable Apps

First, go to the Shopify dashboard. On the main menu on the left, click on Online Store and go on Customize.

Smootify Docs

Note

If you have already installed the Redirect theme for the correct redirection of the checkout page links of your project, as shown in this guide, temporarily delete the URLs you added before performing this operation. Don’t forget to re-enter them at the end of this operation.

Where to temporarily delete URL:

Smootify Docs

Activate the Embeds

Now you need to activate all the third-party apps (compatible with Smootify) that you want to show on your Webflow project. To do this, go to the App Embeds section in the upper left corner and enable the third-party apps compatible with Smootify.

Smootify Docs

Click on View

Open the menu in the upper left corner and click on View.

Smootify Docs

Save as HTML

From this empty preview, you will need to click CMD+S (Mac) or CTRL+S (Windows). You will be prompted to save the HTML page.

Important

Remember to select HTML ONLY before saving the file.

For Mac:

Smootify Docs

For Windows:

Smootify Docs

Drag & drop on the dashboard

Once you have saved the file, go to the App embeds section of Smootify and drag the file you just saved into the dotted area.

Smootify Docs

Browse compatible apps

You will automatically see all the listed Shopify Third Party Apps enabled in your store.

Smootify Docs

Copy the code in Webflow

To complete the configuration correctly, follow the instructions for each individual App to copy the code into the appropriate section in Webflow.

Smootify Docs

Compatible 3rd Party Apps

Known supported app embeds:

On this page