00:00so in this tutorial i'm going to show you how you can link your chat gpt account with your
00:04webflow account so you can simply give prompt to that gpt and then once it created our design
00:11you can simply add it into the webflow so i'm using the free versions of both the websites
00:19so you can say i've just created this uh webflow account and you know just created this chat gpt
00:27account as well so uh to connect both of them you need to go to the plugins in chat gpt
00:34and then
00:35in the search bar simply search for webflow and then click on this plus icon and
00:46first of all make sure to create a design on your
00:53webflow so make sure to create a project on your webflow so uh to create a new project i will
01:00simply click on this new project then click on site and then choose a blank site and
01:08then it will ask me to give a name to this site so i will simply give it a name
01:14of first project
01:18that and then click on create site
01:26so it has just created a new blank project for us so we can simply uh connect it with our
01:36chat gpt and
01:37then chat gpt will inject in our website into this file so just wait for a moment
01:49so you can see our blank website is ready so uh i'm not gonna do anything over here i will
01:55just simply
01:56return back to the dashboard and then over here i will simply scroll down and then click on i recognize
02:02and trust this url and then click on continue and then it will connect our chat gpt with our webflow
02:12but
02:12first of all it first of all it asks us to select a site where we want to inject the
02:18file so i will
02:19simply select our uh first project which i've just created over here it is a blank project then i will
02:26click on authorize app and it will start linking our chat gpt with our webflow so let's wait for a
02:36minute
02:36let's wait for a moment and then our webflow is installed and our chat gpt is now connected with
02:46our webflow account so now let's uh try to use it so i will go to our new chat then
02:54click on this plus
02:54icon and from here i will select webflow or if you do not find webflow here you can simply
03:01search for webflow from here so let's give it a simple prompt
03:10and make sure to open this file as well
03:18so i prompted to create a simple hero section of a website to not use any fancy stuff and keep
03:24everything simple so let's uh open this one as well so let's wait until it period uh design will give
03:33us
03:33further instruction so uh maybe it asks us to open an interface which connects both the webflow and
03:43chat gpt for live uh changing for live editing
03:54so it asks for permission so i will click on allow once and then it will connect our
04:01webflow with our chat gpt for live editing it will ask a few more time i guess but then
04:12i added a simple editable here section to the home page of the webflow so you can see you can
04:18see it has
04:19added this design on our uh webflow site and now if i want to make any changes to this one
04:29i can simply
04:30select this and actually make changes if i want to change the color i can simply do it from here
04:38and i can simply do anything from any of these buttons as well or any of these features as well
04:45i can
04:45simply change the button color i can simply add the text or i can do whatever i want so in
04:54this way you
04:55can connect your uh webflow with your chat gpt uh make sure you give a detailed prompt so chat gpt
05:03create
05:04a stunning website for you so then you can edit it into the webflow the purpose of this video was
05:11just to
05:11uh show you how you can simply link and uh create design on webflow via chat gpt so that's why
05:20i simply give it
05:21a simple prompt to create a simple uh hero section so uh if you like this video make sure to
05:29subscribe
05:29to the channel and share this video with your friends and uh if you're watching on tick tock
05:37facebook facebook or instagram make sure to follow your profile thank you very much
