Jq7yro4xnlc
Let's build with Zapier and AI (100+ videos)
Transcript
[00:00] welcome back to web Cafe AI we do daily chat gbt and AI videos for your personal and business life in today's video we're going to be looking at the app of webflow and seeing how that can integrate with zapier and AI if you're new to the channel welcome if you're a returning visitor I hope you learned something new in today's video as we are going back to tackling the 5 000 apps found on zapier's back end and today we're looking at the app of webflow and more specifically how we can integrate chat gbt with that if you're not familiar with this series essentially the goal hero of Cafe AI is we're going to tackle all 5 000 apps found on
[00:32] zapier's back end and see how AI can be integrated with every single one in today's video we're going to be looking at the app of webflow all right let's go ahead and rename this to webflow integration here and the goal and purpose of what we're going to be doing here today is we're going to be building out a flow that when a lead comes in from a form submission we're going to set up a AI generated email response that is going to be drafted you're going to learn a bunch about contexting a bunch about parameter and a bunch about prompting when it comes to using AI without here all right I'm gonna go ahead and switch this to a visual editor
[01:02] as that is what I prefer here I'm going to go ahead and do webflow and before we proceed let's go ahead and create that pseudo data of a form submission so let's jump over to our agency website here as you know web Cafe AI is an AI automation Solutions agency where we integrate AI automation into businesses and for today we're going to go ahead and just fill out a pseudo form here so we're going to go ahead and put in the name Jim Tom and we can put in our courses email real quick all right so we put our email there we're going to put in our courses website URL and then
[01:34] from here we're going to go ahead and input a message let's just say we are a dog Walking Company and one to learn of ways to make our social media more effective at getting traffic go ahead and hit submit here and then from here the submission has been received and then pushed into webflow's backend now that we have the pseudo data
[02:05] we're going to play around with we're going to go ahead and create a new event here I'm going to do form submission we're going to hit continue here we're going to choose our web Cafe AI then we're going to choose the form name which is going to be email form for us we're going to continue here and we're going to test this action as you see there we got our submission that just came up here from Jim Tom and our course email so that's perfect we're gonna go ahead and continue with that selected record here and we're gonna build out our chat gbt block that's right gbt here we're gonna do conversation
[02:37] continue continue now the more data that you have in the original form the better contextual output from Chad gbt you will receive so our goal here when structuring this prompt is going to give as much context as possible in order to ensure the most effective type of email to be set up as a draft so let's go ahead and begin we're going to go ahead and say based off this lead semicolon we're going to go ahead and put name website I'm going to put message and then for every single one of these
[03:07] we're going to import the data that was given so we're going to go ahead and do Jim Tom websites we're going to go ahead and put in the website here and then the message we're gonna go ahead and put in that as well shift enter enter and then from here we're gonna go ahead and give context web Cafe AI is an AI automation agency that provides AI as a service and I'm going to go ahead and hit
[03:38] generate here we're going to say generate the email body as a response to this lead make sure to include semicolon and then we're going to basically put what you want to include whatever contextual data you want to include that you typically comes up with email responses when it comes to potential leads on your webflow site so for us it may be typically it takes
[04:08] one to two weeks to implement AI automation and we can handle all AI automation on our back end so you don't have to worry about AI usage or cost then we add a parameter block here now I want to say just as reference it's going to get a lot more complex we could
[04:39] input variable data into the contextual data being used here maybe it's live data on your business backend that is actively updated and we can grab that data through a webhook API call but for purposes of today's video we're just gonna do a simple fixed text here as the contextual data of the underlying business and parameter we're just going to get to say uh Max or sentences because sometimes gbt likes to build out whole essays for responses which is not fun so we're gonna say Max 4 sentences then
[05:09] we say generate just the body no text before or after we keep the username we can keep all this as default we're going to go ahead and up our model 2 gbt4 here as this is going to allow us to do more comprehensive work here we're going to do email webflow as our memory key memory Keys ensure consistent outputs so that you know one time it doesn't just shoot out one of a quotation mark another time it shoots off an emoji no no we want it this way every single time and only changing based off the variable
[05:41] data that we've inputted we'll go ahead and hit Test action and see what it comes up with probably perfect so as you see here it referred to the name dear Jim Tom thank you for reaching out we can definitely help you ramp up your social media impact by optimizing a automation it typically takes around one to two weeks to fully integrate services but once complete we handle all AI back in operation so you don't have to need to concern yourself of AI usage or cost together we can increase traffic to your dog walking business took the context of the underlying form took the context of how we trained it when it comes to the business data we're dealing with so now
[06:12] we have a good email body so from here we're gonna go ahead and create another block and we're going to go ahead and create a block a Gmail block and essentially we're going to create a draft and when I continue here and we're going to choose our courses account so we can just send it to ourself and we're going to continue here and one thing I want to point out is make sure to check out our delay video when it comes to our playlist here as we show why the lake could be important in this context and specifically a delay block from here we can go ahead and add a just
[06:44] fixed subject so web Cafe AI helps with streamlining processes and then we can do the two is going to be the underlying email that was input into the form and then you can add a punch information when it comes to Gmail blocks for now that is not too important for us we're going to go ahead and input that conversation we received from chat gbt and I implore you to learn how to structure better when it comes to chat DBT and HTML outputs as sometimes when you're
[07:16] dealing with bodies and emails a HTML output can actually look a lot more effective to the underlying user due to the Bolding and formatting of the underlying text but for today's video we're just going to do a simple body type of plane and you can add a signature a label and an attachment so if you have a potential lead form you want to attach here a free you know digital PDF that explains more context of your business it can be one out of here from here though you can go ahead and continue and test this action now that we have tested that action you'll see it shows up in our draft here we're able to Simply click on it and we have
[07:48] the fixed text subject line we have the variable Chad gbt output put here as well we could have added a signature to this email so so forth it also goes as far as having the correct email into the two like we've identified if we jump back over to our zapier flow real quick I also want to point out that essentially A good rule of thumb and something to understand is that yes this is your variable body but there's no reason you couldn't add fixed text here so that this shows up in every email such as disregards Corbin Brown so on so
[08:18] forth and you can kind of manipulate the data that way if you feel like you learned something make sure to like the video it's completely free and it helps us share web Cafe AI if you found this video informative and you want to learn a lot more when it comes to Ai and Automation and how to use chat gbt in specific context when dealing with different data points make sure to check out the playlist at the end of this video as we're diving into all 5 000 apps found on zapier's backend and showing you how to integrate AI with every single one without further Ado I'll see you in the next video thanks for tuning in and yes surprise
[08:51] I'm an AI Avatar make sure to explore more here at web Cafe where we demystify AI for your personal and business life until next time foreign