00:00In this video tutorial, I'm going to show you how you can link your cloud account with
00:04your Webflow account.
00:05So you can create Webflow websites by giving prompts to cloud.
00:10So cloud can create stunning websites for you.
00:13And the best part is you do not need a paid version of both cloud or Webflow.
00:19You can do it on the free version.
00:21You can see I'm using the free version of both the platforms.
00:24So you do not need any paid plan.
00:28So let's begin our setup.
00:29So first of all, make sure you are in the new chat, then click on this plus icon and
00:34then go to connectors and then click on add connectors or you can simply go from here,
00:40go to the settings and you will find connector section over here.
00:47And then you can click on add and then browse connectors.
00:52And then you can search for Webflow from here or you can simply browse and find it.
00:57So there is the Webflow.
00:59So there is the Webflow.
00:59I will click on it and click on connect to cloud and it will start it to connect into
01:04Webflow.
01:04Webflow.
01:04And now I will check this one.
01:08I recognize the URL.
01:10I recognize and trust the URL.
01:12I will check this one and click on continue.
01:18Then it will ask me to select a file where I want to inject the Webflow website.
01:23So here project one is the file I have created.
01:27I can show you in the Webflow as well.
01:29Here is the file.
01:30So I'm going to choose this one and I will select this one and authorize access and then
01:38it will start connecting our cloud with Webflow.
01:42It will take few seconds and then you can see connected to Webflow our cloud is now connected
01:50to our Webflow you can see connected button over here as well.
01:54Now let's see how we can use it.
01:56So first of all make sure you are in a new chat then click on this plus icon and make
02:01sure
02:01in the connectors the Webflow toggle button is enabled.
02:05So cloud can directly access through Webflow also let me show you the Webflow project one
02:12file which we have just connected with the cloud.
02:15So you can find out that currently this file is blank and we will ask cloud to inject our
02:22new website into this file so you can see our project one is currently blank.
02:30there is nothing around here there is no page or there is nothing around here.
02:36I will return back to the dashboard and in the cloud I will ask cloud to create some sections
02:43of a website so it can inject it into the Webflow file.
02:49So I'm going to ask it to create simple website hero section and I will also ask you to keep
02:57everything simple and do not add any fancy stuff so it will need it will not consume more
03:04connects so let's see what it can do so you can see it has started to thinking and also
03:13it has mentioned the Webflow then building a simple hero section for Webflow and also it
03:20is showing the time it has taken till now and now let's see what it can do.
03:28It is also showing a clean simple hero section just a headline subtext and the CTA button.
03:35So it has created a section but it has just given us the HTML file but not injected it into
03:45our Webflow so I think we need to give it a little more instruction and ask it to inject
03:54it into the Webflow but let's see if it has injected or not.
04:01So I have opened that project one file in the Webflow but there is nothing right now so I
04:07will ask a cloud to inject it into that file so I'm going to prompt it again to inject this
04:16website into the file which I have given access to so let's see what it can do after that.
04:23I think it will ask for few permissions before injecting it so let's see what it can do.
04:29It has started to calling Webflow and now it has asked me to grant it some permissions so
04:37I'm gonna click on allow always always allow and it is going to ask me few more times again
04:46so after that it will inject it into our Webflow file so it has asked me for permission again so
04:55I'm gonna allow it again always allow so in the future if I have to do the same thing it
05:06will
05:06not ask me to allow permissions again and again in the new chats so it has asked me for three
05:15time
05:15and now it is the fourth one so I will click on always allow again so finally it's in and
05:25and
05:25added as top section on your home page in project one so it has injected that hero section in our
05:34project one file so let's refresh the webflow and now I will open the project one and check it this
05:43time so we'll find out if it has injected it or not now I have opened that file and let's
05:52wait for a
05:53moment and you can see it has injected that hero section in our project one file in the webflow so
06:02you can see we can now edit this header we can now edit this paragraph and we can add this
06:11button as well
06:12so everything here is editable so everything here is editable you can add any sort of text in it you
06:21can
06:22change the color you can change the typography you can change the style you can change this button color
06:30and you can do anything with this button as well so you can change the color so in this way
06:40you can connect
06:41your cloud with your workflow obviously it is just a simple tutorial you must add a detailed prompt to
06:47your cloud account so it can create a proper website so this video was just a short tutorial so hope
06:57you
06:57like this video make sure to subscribe to this channel and share this video with your friends and
07:04and if you're watching it on tick tock facebook or instagram make sure to follow the profile thank you very
07:09much
