How To Integrate Webflow With Shopify (Step by Step)

Hello there. If you want to implement, integrate this Webflow application into your Shopify

store, you are in the right place, so let's dig into it. So if you didn't know, this site

of Webflow is going to be helping us to improve some marketing assets and build our own website

It's going to be a few elements that was created with Webflow. There are a bunch of ways that we can

take advantage of this great application. So let's see how. how we can implement this into Shopify so we can take advantage with this tools and we can start

today and of course we can start for free so first of all guys i'm going to leave you a link down below

in the description so you can get your Shopify store truly for free and you might get a few

rewards for example 30 day free trial mode of a Shopify store so now that you have your account

it says to create your first online store just in case you do if you doesn't have

have an online store yet. So go into the Create store. Here you want to verify your email before you can create in other stores

So first of all, I'm just going to be confirmed my Shopify store and after I make the confirmation

of my email. Now what I can do is to go back into my account

Go into Shopify and here what I can do is to start creating my first website

So here I'm just going to reload the Shopify store, going to create store

And I was going to create something very simple, like for example, going to create store

So the store is going to be created right away. I don't want to focus a lot into how to set up your store because it's really

it's a little bit more complicated than that. And there's another video into our channel so you can take a look into that

So once we have already our account, our shop, If I store, what I want to do is to skip to this option at the moment

I don't want to start here yet. So what I want to do is to input this real quick

And now that our trial has just started we can now start to implement more stuff So what I want to focus in here is into the ad application

So if you want to browse some stuff in here to print on demand applications

it's going to be sending you exactly into the same option. So go into add applications

And here we can start by looking with made by Shopify, but we want to go directly into the Shopify App Store

So scroll all your way down until your file. this blue linked section

It's going to be sending us into the app store of Shopify

So what we need to do is to go into search apps

here into the search bar, and I want to look for web flow

I'm going to hit into Enter, and let's see if I can find the application myself

So once I deactivate this option of works with Shopify POS, Here I'm going to be seeing a lot of options

In my case, I only have available debug synced and the gem page landing page builder

This gem page, it's a little bit, it's like the same into Webflow, but it's not the same thing

But if you don't see the Webflow into your account, into the Shopify App Store, let's see if we can find this into the Webflow

So here into the Webflow, I want to go into Get Started. this is totally for free

And here what I want to do is to continue with my email

I'm going to choose the same email that I created in order

to create my account here into workflow. After I hit and to continue, I'm going to create

a passcode. Hit into create an account. And after I filled all my information, who

will be building websites for you, let's say myself, going to continue

I am familiar with HTML. These are just part of a website code. You don't want to focus in here at the moment

What do you want to build today? Today I want to build a business site. If you want to build a

portfolio block, whatever you want to do, choose the option and go into finished

So as you can see what happened here is that the web flow is starting to be created It going to be appearing all the basic layouts So what I want to do is to actually create it here my own website

So this might be the main reason why we can't not integrate the web flow into our store here

So what I want to go is to add pages. Once again, I'm going to go into my Shopify store

and here I'm going to try with 10 pages. I'm going to choose option and I'm going to hit into app applications

Now as you can see, we have to pay for this application. So as you can see, I do have here the section number one so I can start building my own website

So it's going to be helping us to create just different stuff

All right, so as you can see, after you head into all the tools

that Webflow has to offer to us. Let's say for example that I want to scroll all my way down

What I want to do is to exit the tutorial. And let's say that you've created a new site

Let's say for example, that we have a few presets. Let's say for example, I'm gonna be using this one

because it's totally free and kinda like it. So I'm gonna be choosing select

I create my site. And once I create my site, I do have this available into Webflow

but although I am not, not able to integrate this into my Shopify store

What I can try to do, I'm going to go into advanced options

Here I want to enable double SL. Now in my case, this option are not available because I do have to choose a site plan

But if I had this option, what I can do is to purplish this domain using a HDM and a CSV file

So this CSV file can be imported. into my Shopify store. So once I have my Shopify store

once I have the store from Webflow imported into Shopify, now I can be able to start using this store

inside the Shopify without having to integrate a specific application like Webflow So go into the search bar importing your products with a CSV file I gonna prove all these sections And in here I just need to import my CSV file

from Webflow. So actually that's the way that we can be using

the Webflow integrated, integrate that into the Shopify store. If you don't want to have to do this

what I can try to suggest to you guys to create your account, your store

to customize that inside Shopify, so you don't have to do all this process

And the process is exactly the same, and it's a little bit much more faster

If you go into your home section, what I can do is to go into my online store

that I just created. I want to go into themes, and here into themes, I can go into customize

or I can choose a theme library. And here into theme library, I want to visit the theme store

store and voila. Now what we can do is to use this theme to customize it as we want to do

So I want to go into theme library, which is this one. As you can see, it's charging so I need to just choose this option and hit into customize

If I want to delete it, I want to delete the previous one, but in the moment I want to customize this one

and all the tools just as it appears into WebFlow like this

are going to be appearing here into Shopify. So that, it's really up to you guys, which one you want to use, actually, like WebFlow

If you have a CSV file and an application of migration between one page into another one

So once again, if you actually want to create your account, customize your store

give this application a chance to give this Creative Studio Chins and start your own store

But the decision is totally up to you guys. So hopefully this video was useful for you

Don't forget to like and subscribe to the channel if you want to see more about this customization section

Shopify. I'm going to stay here just to customize my own store

And I won't be using Webflow at the moment. So hopefully we can see your website already finished

And I will see you guys on the next one