10X Secrets Bonus Live Training

Hey there everybody. Just wanted to get in here and jump on real quick. It looks like I might be the only one, so that's awesome. So but we're going to get started here shortly so as people jump on we're just a couple minutes early here. So I'm going to kind of get things set up and do some housekeeping stuff and I'm actually going to see if I can't get a link out here and make sure that everybody has got a link. Doing some quick housekeeping here and we should have people on shortly. So I've got this recording but as we know the way technology goes sometimes that recording process doesn't work like it. We always wanted to. So hopefully this all goes smoothly as we go. Looks like we've got a couple people on. We've got Jesse and Angelon. Great to see you, thanks for jumping in and joining and we're going to run through today, just kind of fill everybody in and like I said I'm recording this as well so for posterity sake. Hey Pete, good to see you. So we're going to run through today. Just some run through basically some of the ninja hackery that we did on the 10x Secrets launch and some cool new add ons that I've got going out as well as some common questions that come up with things around clickfunnels. Especially lately with video changes and video hosting, with YouTube making some changes recently to their related videos and how that works. A lot of people have been migrating over and away from YouTube and I highly recommend that you do the same. And then also browsers have changed, they don't allow videos to autoplay anymore. It used to be no autoplay on mobile, now it's pretty much no autoplay anywhere. Unless you've got a highly engaged customer, highly engaged visitor to your page where they played video multiple times and a lot of times the browsers will detect that let the videos autoplay then, but you shouldn't ever count on it happening. So what can you do in those scenarios to still engage those people, to actually get somebody, prompt somebody to want to watch the video, want to turn it on, want to see it play and actually want to see the sound. And so we'll run through some of that as well. So we've got a few people on here and we're just now hitting 3 o' clock so I'll probably give it another minute or so, let people join in and then we're going to get started. Most of this will be screen share stuff so I'll have my video going as well. But if somebody could just drop something in the chat here real quick just to let me know that sound is okay, that would be great. And that kind of lets me know that everybody's hearing me. Okay. Definitely want to make sure that piece of tech is working before we get food too far down the road. So. And if you've not sat in on one of these training sessions with me before, you'll want to know that I kind of run these very much on the fly. Oh great. Thanks Pete. I appreciate that. Looks like the sound is all good. I run these pretty much on the fly. I want it to be a truly live experience, so I want it to be something where I can, where we can have some interaction. And so I don't do a lot of pre advanced scripting. This is not a, you know, hey, we're going to run, you know, bullet by bullet by bullet and teach everything. I just have some key highlights that I want to hit. But I wanted to be as valuable as possible. So that requires some interaction. So as you have, as you have questions, as you have comments and concerns, I will try and keep an eye on those and we'll try and make sure and address all those. So if I don't see it right away, I will try and go through at the end at least and look at any comments, suggestions, questions and run through it as we go. So there will be some code that I share in here that we walk through. So if you're not a developer, don't worry. I try explain it as well as possible. But that's also why CF Pro Tools and funnel you exist is so that we can share that code easily. And then in those there's always bigger videos explainer type videos that will walk through the code step by step for anything that you need to configure as well as how to use it within clickfunnels. So I always want to make sure that that stuff is super, super clear. So this is mostly about strategy and about the high level stuff and walking through some of the code and some of the basic setup. And then any code that we go through will definitely be deliver through members areas and CF Pro Tools and Funnel U in the CF Pro Tools section there along with videos specific to that code setup. So this is more to today to run through the big scope stuff. So definitely a few people on it. Looks like we've got Terry has joined us. Awesome Terry, thanks so much for jumping on. And we've got Ingrid as well. So we're going to go ahead and get started and let me see if I can get my screen shared up here and get my desktop. So through some of this, you may see that I've got some videos. Like right now you're probably just seeing a plain background, nothing on the page. I'll be doing some stuff on some other screens. I've actually got a three monitor setup going here. I've got my laptop monitor as well as an extra dual monitor set up above. So sometimes I can't share everything. So I want to kind of respect privacy and all that stuff as well. So I'll do some. Might do need to do some stuff off screen. So if you don't see it, don't worry. The important stuff I will pull over. Terry says thanks for the invite. Yeah, Terry, it's great to see you. I appreciate that. And so first off, one big thing here. Let me actually fire up a kind of a fresh browser window here and get that going. Let me see if I can't get my. Right, everything to cooperate here. There we go. And we'll just drag this over on here. So if somebody would give me a quick shout in the chat, let me know that you're able to see a new browser window there for me, that would be great. Again, just hate for anybody to be missing out on the important stuff here. Technology is wonderful, but it always seems to fail us when it's most critical, and that's usually when we're live on a webinar. Okay, awesome. Thanks, Ingrid. Thanks, Terry. Yep, awesome. So we're looking good there. So one big thing I wanted to hit off real quickly, and this has probably been one of the most common questions that's come up in a couple of different groups, but, you know, specific to clickfunnels. But this really doesn't have anything to do with clickfunnels. This has to do with video in general, and that's hosted videos. The first things that we'll want to bring up is with YouTube videos. So let me. Let me just. I'm actually just gonna pull up the CF Pro Tools homepage here and show you an example of what I've done recently to kind of fix some of the problems. And as that is, you will see that when this video comes up on the page here, you'll see the motion but no sound. And that is what we're seeing in a lot of videos nowadays. And so this is kind of the new way we have to do things. It has to be autoplay muted. So all browsers now, or most browsers have gone the wayside of saying, hey, we're not gonna. We don't want users to get this massive sound interruption. We don't want people to be. Especially with more and more traffic being on mobile. And most people want their phones on silent. They're in a workplace, they're in the bathroom. Unfortunately, fortunately or unfortunately, I don't know that's a good or bad thing, depending on how you look at it. But most people are in a scenario. When a video comes up, they may not want it to play sound right away. So when that's the scenario, browsers have just said, you know what? We are going to not allow video to play or to autoplay if this sound is enabled. So most places where you embed video, you can set it to autoplay, but it does autoplay muted. And so especially with YouTube. And so what you need to do in order to do that, we found the best solution is one to be able to either have some custom code that turns on the muted feature of the video, so that allows it to autoplay motion. This is especially great if you can have captions like, I need to go through and probably have this, this caption and have, you know, send it to Rev.com or something and get captions created and have this. Have this closed captioning at the bottom so people can actually read the text as it goes. It might be a little hard to read unless you read really, really fast. To read me as I talk. I don't know, some people say I talk way too fast, and I probably tend to agree with him a little bit. But that would be great. That's what I would recommend is something like this, where you've got an option to click to turn on the sound. You've got a big play button that says, hey, do you want to play this? And then some sort of closed captioning would be ideal. Definitely don't do as I do. Do as I say. I would recommend that you have some closed captioning if you have that opportunity. The next thing that this does is actually you can sit and see the motion. But what you don't want to have happen a lot of times is that you don't want somebody to jump into the middle of a video. Maybe they've already missed out on the most important pieces of what you have to say. You don't want them to jump into the middle. You want them to jump into the. Of the video and start fresh. So what this video does is. And I'll just click this on. So apologize for the Sound here real quickly, it should come through. But when I click this to play and let's see. Oh, you know what? Now it's probably not going to play because I have my headphones in, but this will actually go back to the beginning and start the sound. So if you might be hearing this. I'm not hearing it through my headphones, but. But this will actually play the sound through, but it goes back and starts at the beginning when they click Play at any point. So they could have watched through the entire video and click Play, it'll go back to the beginning and start with the sound turned on and then from there you can click to pause. So that's what I recommend. Find a solution where you can do that, where when you click to play, it will actually scroll back to the beginning of the video and start again. So I've done that with some custom code and this is actually hosted with cloudflare Stream and I'll be sharing that code here in a bit. But the, the quickest and easiest solution for this if you don't want to mess with custom code and it works with clickfunnels, great is Wistia. So I'm going to actually pull up a Wistia Wistia account here. So I'm going to just jump into my Wistia account and we'll get locked in here real quick and I'm going to go in. I've got just a. I don't use Wistia for my video hosting, but I do have it set up for this kind of testing and training. So I've got a quick Wistia video here and let's see if I can't. I'm gonna just. There we go. So now I'm getting sound. So, okay, so on this one, what we want to do. So we've got this video. Say this is a video we want to embed into a ClickFunnels page. What's great is all you have to do is grab the Wistia URL and drop it into clickFunnels. Any settings you make on this video in the Wistia account will automatically apply wherever it's embedded. So this is what you want to do to set this up to allow pretty much what we had just walked through. And that is this, that you want to go to video actions. You want to go to customize. This is the way we're setting up all new videos, especially marketing videos, when we do them inside of clickfunnels. And so you want to go to the customize and Then on customize, you're going to get a few. You're going to get these options over here on the side. So one is controls. So we'll look at controls. And what we want to have set up for controls is we want to have the start, we want to check to autoplay and then it's checked to Autoplay. But here's what's going to happen. What this used to be was autoplay and then you could have play with sound. Well, the problem was it would play with sound or it would try to play with sound. And if it couldn't, it would just not autoplay at all, so you wouldn't see anything. So Wisti has added this play with sound if possible option. And so what that means is, hey, if I detect that the browser can play the sound, I'm going to go ahead and play it. If the browser can't play the sound because it's not allowed for some reason, your visitor hasn't visited your page enough. They haven't clicked on the page yet. There's not an interaction that allows the sound to play. Then go ahead and play. Then go ahead and let the video autoplay muted. So then it'll only play the sound if it's possible. If not, it'll play it and it will let the motion play, but it will be muted. And so that's what you want. You want to check the autoplay and you want it to have play sound if possible. And then you could have a big play button on if you wanted to. And sorry, it's going to kind of keep refreshing these things. I go on. So you can kind of go through some of these options. You can have play bar, you can have small play button, big play button, all that. These are up to you. However you want to set that up. The big ones are autoplay and play sound, if possible. And then next for the thumbnail, this is the next big setting that I would recommend that you go with. And that is that you what type of thumbnail do you want to have? Do you want to have just be a static image? So when it's embedded there, if it can play, great, if not, what you want to do. So we want the thumbnail type to be video. And what that's going to allow for is that you can actually play a portion of this video as your thumbnail. And so it's going to be. You're going to see the motion and it's going to loop through that section and you can actually set. How much of that video do you Want to loop. So there's a couple cool things about this. If you know you have a segment of your video that is something super attention grabbing, that is that. And it is that. What's the word I'm looking for? It is that pattern interrupt moment. You know, it's that what the heck just happened? Moment that somebody sees that, they're like, okay, I gotta see more about this. I gotta see what's going on here. Then you can, you can have your video start and loop over just that segment to again grab people's attention. And that's the whole point of the video, right? Is to grab their attention and get them to actually want to click, play, want to click, hey, I got to hear what's going on with this. I want to play the sound so you can actually set it to a moment in the video. You say, hey, I want to be a video. And then down below here you'll see this green bar. You can actually drag these things and say, okay, I want to play. You know, I want to play just a short clip I want to play. This one is set to, as you might be able to see here is a 6 minute, 6.5, 1 second clip. You know, you might say, hey, I want to play 10 seconds. I want to loop 10 seconds of this video. Will do about that. And then you can actually drag where this is at in the video. So you can actually drag through and find the spot in your video that is that most captivating, 10 seconds or 20 seconds or 30 seconds or whatever and have it play from there. And then the other thing you can do is actually have it play the entire video and it will just run through. So you can just drag that and say, okay, it's going to play the entire 1 minute 33 second video and it's just gonna autoplay it muted. And so that allows the motion to play. And it gives you the big option that you see which is gonna say click to play. And what happens when you set it up this way is that when they click to play at any point during this thumbnail, the thumbnail actually causes it to go back and start at the beginning. And so let's see what's a good one that we have going now. So if you just go to. Of course, if I go to, it's probably going to click me into my account. Let's see, I'm trying to think of one that we've changed recently.com secrets book to see if we've got this one set up the same way. Some of these may Play a little bit different because I see them so many times. So this one will probably. So this one's a little bit different, you'll see that. But this one is auto playing muted. So we get the click for sound and then it clicks for the sound. Let's take a look at the expert secrets book and see if this one we have set to this new kind of, this new looping mechanism I think we may just load here. Okay, so this is an example of what you see. The video is autoplane and it's muted and you'll see you're getting this. We're well into the video. We'll just let this run for a few seconds. And you notice it says click to play instead of click for sound. And so what we get here is if at any point here. So you'll notice this is actually just looping through this section. So just watch this video for a second. We've got this set to loop about a 10 second. You are an expert. Boom. And then it goes back to the beginning. Congratulations, you are an expert. So now let's do this. And now it goes back to the beginning. So we purposely, we've done that with intention. Get your most attention grabbing snippet, your most attention grabbing section and make it loop through that. And then any, at any point when they click that click to play, they click the play button, they click the little click to play at the top. Then that will restart the video at the beginning and start it with the sound so then they can actually listen to it. So that is how we do that with Wistia. I do it with Cloudflare with some custom code again. We'll run through that custom code here. In fact, let me actually just jump in. I'm going to close out a few of these and I'm going to go into another window here. So you bear with me for a second while I start up Quick Phones account. Kind of move some chats and things around here. Is this all making sense so far? If you would give me some feedback in the chat here and let me know that this is all making sense, that everybody is kind of getting this. Looks like we've got a good handful of people on now, so that's great. Let's just run through here. Yeah. Hey Jackson, it's good to see you. Jorge. Awesome. Good to see you man. Ryan, we got Tom on, so yeah. So it's great to see everybody. Oh, awesome. Thanks Tom. Tom says yes. Makes sense. So that's great. That's what we want. We want this to make sense. Definitely feel free to throw in the chat. I've got it open here. I'm trying to get a little better about being able to keep track of all these things. Jorge. Awesome. They consist of me. That's great. So let me jump in. I've got another screen going here. Sorry, you're looking at my ugly mug probably on the, on my screen, but I'm actually pulling up my ClickFunnels account in another screen here. And I'm going to pull up some code here to walk through and just kind of show you how I've got this set up. And then let me just, while I'm at it, I'm going to go ahead and log into Cloudflare and show you how the Cloudflare Stream product works. In case you have any interest in doing that, I recommend that if you don't want to go for a higher end solution like Wistia. Wistia, I think the minimum business account is like 99 bucks a month. Cloudflare Stream. The way that Cloudflare works it is, it's you pay for the storage, kind of like you would do with Amazon Web Services or an S3 account where you simply just pay for the amount of data that you store and the amount of data that is used on a monthly basis. Cloudflare does that for video with their Cloudflare Stream product. And so what they do is it's $5 a month per 1,000 minutes of video stored, which is usually, I mean, that's quite a bit of video. So you're probably going to pay a minimum of five bucks a month and probably not much more than that for just storage unless you do a lot of video hosting. You do. Again, just for every thousand minutes of video you store, it's five bucks a month. So 2,000 minutes of video, 10 bucks a month, and then it's a dollar per every thousand minutes of video which watched every month. And so I think, you know, I had 17,000 minutes of video watched or something last month or not maybe 12,000 minutes of video watched. And so I had a bill for $17 for video hosting from Cloudflare. So I'm actually going to jump in and just kind of pull up the Cloudflare Stream service and show you that real quickly. So let's go ahead and drag this over. So Cloudflare Stream is actually pretty cool and that's what I'm using for my video hosting. You certainly don't have to use that. You could just go straight with Wistia. The problem that it's not really a problem with Wistia, but one of the downfalls of Wistia, Vimeo, some of those other things is. Hey Terry, it was great to see you. Sorry, real quickly, I just got a comment. It looks like Terry's got to jump off, but yes, I will. There is going to be a recording of this. So for everybody that's on, I am recording this now. It is being recorded and so I will try and share that out in all the best ways possible, assuming that everything finishes properly with the recording. So I will definitely let you know that. So I appreciate y', all, but yes. So Cloudflare Stream gives you this service here. So when, if you're using a Cloudflare account, you don't, you don't even have to be a business user or anything like that. You just simply can send it for just their Stream service. You don't even have to use their DNS service, You could just use their Stream service if you wanted to. You just need to sign up for a free Cloudflare account and then when you go into Cloudflare, then you can go in and use Cloudflare Stream. And so if you're using like this is my CF Pro Tools Cloudflare account. So I've got all my other Cloudflare options, all my DNS and page rules and all that fun stuff. And then there's another service just called Stream, so if you click on that, then it will take you through the sign up process. And then once you're signed up and you know, put in your credit card to make sure they can charge you the five bucks a month and for your whatever video hosting that you've used. Then you'll get this option where you can simply just drag and drop files right here onto the service and it will do all the uploading and encoding for you to put it into the best format so that it can be streamed. And then they also take and they push those videos to all their Edge servers. So this is the other great thing about it is that they have a huge, what's called a CDN network, a content delivery network that's hosted around the world in a distributed fashion. So the content is always going to be served from the server that is closest to the person that is consuming it. So that makes your video load super quickly as well. So you just drag and drop your files here and then what you end up with is a list of files like this. And so it just shows you all the different videos you have, which is pretty cool. And so you can see this was an old video I had, that was the old CF Pro Tools video and now this is the new one. You can see we got a few thousand views, eight days watched. So that's, I don't know, a little scary that somebody somewhere spent eight days watching that video total time. But hopefully it's been useful for somebody. But yeah, so it kind of gives you a little bit of a stats there. You don't have a super robust stats and analytics capability like you have with Embedded with Wistia, but it makes it super simple as well. Sorry, I'm going to take a quick drink here. So anyway, so that's how you get your videos on here and then from there you also have a couple cool options, is that you can actually allow this or set this so that it's by default can be allowed embedding anywhere. The other option you have is you can actually put in just a single domain. So you can say, hey, I only want this to be embedded on certain domains. So this gives you some security. So somebody can't just take your link like you can with YouTube, take your YouTube link and put it into their members area. You can actually lock that down. So that's another big benefit of using a hosting platform like Vimeo or Wistia or Cloudflare in this scenario where you can better secure your videos. So Another downfall of YouTube is that if anybody has the URL and it's set to unlisted, you can't stop them from embedding it somewhere else. It doesn't matter where it's at, it can be embedded anywhere. So it's either an all or nothing. You can either embed it or you can embed it one or the other. But with Cloudflare you have the option to say, only allow it to be embedded on these domains and you can actually do multiple domains if you wanted to. So if you wanted to be able to be able to include it multiple areas, you can. So that's another great option for the Cloudflare solution. So that's one thing that I like a lot about this. And then from here they give you the options to basically get a link so you can send to somebody so they can watch it directly through Cloudflare service. And so if we copy that and then open up in a new tab, then we can just go in and go and it will actually play, you know, inside a player here. This is using the Cloudflare service to actually just watch the video. So you could send somebody directly to the video and nothing but the video right here. So that's one way to do it. And then the other way to do it is actually to get an embed code. And with this embed code you have the options to, hey, do I want to show the controls, Do I want to autoplay and do I want to mute? And so those would be the ones that you would grab by default. The problem with using this is it doesn't, it's not one of the default features with ClickFunnels yet. So you can't just drop it in like a video inside of clickfunnels. You have to actually embed it using the custom HTML element, which I really don't care for because it doesn't show up like a video. But it works and can be a good option if you want to go that route. So otherwise, if you've got a Wisti account, use that. If you've got a Vimeo account, you can use that. I believe they've got some options similar, but they haven't quite caught up with the kind of loop and autoplay back at the beginning, which we really like in Wistia. But this is just the basic Cloudflare inside of Cloudflare. I'm going to drag this back over here real quick and get into my actual CF Pro Tools page and I will show you the custom way we have this set up so we can run through that and just kind of give you a quick idea of how that might work. I really do think that Cloudflare is going to be the way to go in the future. You know, I think it's, it's as close to self hosting as you can with something like, with something like S3 and Amazon's services, the cost is going to be significantly lower. Especially if you get a lot of traffic and only have a few videos. It's going to be a lot lower than what you would see with other tools, which is good. Not that you should always only look at cost. Definitely there are some big, big benefits to something like Wistia, but if you're just getting hammered to death with hosting costs for your videos, then this might be an option to look at. So I'm going to jump into here to my C Pro Tools page. I'm just going to pull up the code so we can kind of see this page and how it's built. Sorry, bear with me for a second here while I get things loaded up the way that I want before gonna get to the right page. That's why I do this off screen, so I don't look like a total fool. I can just tell you I look like a fool. Here we go. Get to the right page. Gotta edit the right. Okay, great. Now we've got this pulled up, so I'm going to drag this back over here. So hopefully we're seeing this. Okay, and then you can see where that video is on the page. Instead of having the normal video element like you'd see with Vimeo or Wistio or YouTube, this is actually just a custom JavaScript HTML element. So inside of this, if we click on this and then click and open the code editor, you'll notice this is the code that actually I get straight from Cloudflare. And so that code is right here. Delete a little too much so we can see what it has set as Autoplay and mute. So this tells your browser to, hey, go ahead and autoplay the motion, but mute the sound so that the sound doesn't play right out of the box. And so we can see then we've got a little custom JavaScript that, that is also part of the Cloudflare code. So if we grab the. Look at the embed code here, you'll notice that this, that is the embed code right here. So we get, hey, controls are turned on. You can actually turn those off. So this is exactly how this is embedded. No controls, autoplay, mute. And then you get the little JavaScript code down below. This embeds their JavaScript player for that video. So that's all. You basically grab this code from Cloudflare and then you're going to go in and insert a custom HTML element and you're going to paste that code in here. And that's how you get the code for the player installed. And if you wanted nothing more than that, just to get that in there and let Autoplay muted, you could certainly do that and then it would show up. But we want that to be a little bit better, right? We want to actually have the kind of fancy click to turn on the sound and the play button and let it play and restart at the beginning and all that fun stuff. So that's where the real fun comes in. That's. That's the marketer stuff that we want to be able to do. We're going to actually grab people's attention. What we've done here in this scenario is actually got some custom code going as well. Bear with me, because it's been a little bit since I've set this up, but we're going to go in and grab this code and I'm going to go in. It's all in the footer code. I'm going to actually just grab all of this code out at one shot and I'm actually going to go in, pull it up in my code editor and I'm going to grab up, just the, grab, pull up the important sections for you here. So let's get this going here. Okay, great. There we go. Okay, so now we've got our custom code pulled up. So this is where it might get a little hairy for people, but it's okay. Just bear with me, just stick with me. We're just gonna walk through and do a lesson. This actually hasn't been shared anywhere yet, so. But once it's ready, which I'll probably try and do this weekend actually for this video piece, it will go into both the Funnel U and the CFPro Tools VIP Club members areas so that you can use these on your pages if you want to. I also have a version of this for Vimeo which will allow for some of the same features, which is to be able to unmute the video when somebody clicks on a button and to also restart the video at the beginning when somebody clicks play on the video or clicks on one of the buttons to unmute, which is the features that we'll see here. So I'm going to show you how I do it with Cloudflare and then also so that we can show how to get the Big Play button and the turn on sound. These things definitely help with getting people to understand what it is they need to do. Excuse me. So we've got a couple things here. So we've got, you know, basically we have this, the video wrapper id. So we've got this set as CF Stream Video. If you go, if we look in the browser or I'm sorry, look in the editor, you'll notice that this element here, right here, if we click the gear icon and click the little hashtag icon, we'll notice that this is called, this title is CF Stream Video. So that is what we've got going on here. So we have to tell the code that, hey, this is the video on the page that I want all this stuff to happen on. And then we say, hey, what sound image do we want to use? Which is our. Take this button up here that says click to turn on sound. That's what that references. So you could change these things out if you wanted to. You could have your own button. This was just one that I created quickly in Acorn, which is kind of like a Photoshop for Mac, I created that quickly. Jake Leslie, on our team at Clickfunnels, has made some phenomenal ones of these. I know it takes him like two seconds to build them and they just look phenomenal. So you never know, he might throw out a pack of those that people can use different colors and whatnot. But that's another option. So you can create these on your own. You can use this one here. It's embedded in the Clickfunnels gallery, so you could certainly use the link that I've already got embedded in the code. And then the same with the Big Play button. If we look here, then that this Play button image is configurable so you can say, hey, here's the link for my big Play button. And so that is this big Play button right here. Again, just, that is simply a font awesome icon that I turned into a PNG file. And it's just overlaying that there. And then the rest of the stuff you don't really have to touch. This is specifically for Cloudflare. So it says, hey, you know, create this, basically this code, it creates a big overlay over this entire video. So if you click anywhere on this video, there's actually an invisible layer on top of that that includes this button and this Play button. And if you click anywhere on the video, then it is going to go through and say, hey, go ahead and fire off and remove that overlay. But then down below it says, hey, if anybody clicks on any of these things and they have these actions, then unmute the video, restart the video and then it also checks for a mobile. So we want to do. We need to do a little bit more work for mobile. And so there's a little chunk along here that says, hey, is this mobile? If we can create a touch event, we know we're on a mobile device and so we do. We add that little check there. And then so we do some checking on mobile and then this, you know, hey, if it's mobile, then look for the do a touch start or on touch start for the video, then do the section and otherwise it's a desktop. And the click event is what we're looking for for the mobile devices. Don't have the click and the touch start both fire at the same time. Causes some issues. So that's the magic work there. And then we've got a bunch of custom css. And again, this is where you can actually go in and configure the Play button. Where is that at? What do you want to use for your background image? You could change sizes if you wanted to, and a few other things. And then also video sound button. And then you might notice there's a little bit of a pulse here on this. You'll notice that it kind of scales in and out. I'm not sure how well that translates onto the screen through the webinar here, but this does a little pulse again, just a little visual effect to catch people's attention. And so we're setting up that here we've got some keyframes that's for our animation that makes that pulse in and out. And then we just kind of position those things and we set where we want the play button to be. And we actually in this case give the box shadow effect. We give this, hey, we want to give it a black border. And you'll notice there's a little shadow behind. Your custom HTML elements don't generally have that, but makes for a nice little video wrapper. So we've got a little custom video wrapper element there for that. And then. And then we do what's called a media query here. And that tells us, hey, that for only four screens that are up to 770 pixels, then I want to make sure and set a display Block for the iframe blocker. Otherwise clickFunnels by default does not display that element. And we're kind of using that to allow for us to click on that. But so we're just kind of making some override stuff there. And then we take a look. If we go back in here and take a look, I think. Let's take a look here. Yeah, See if stream video. And that should cover everything we have. So that kind of runs through. And this also has. We've got some other features in here. And I'll do a whole video explaining how to use this. This one, as well as the Vimeo version of this. We also got some code for YouTube that we can throw out there. The problem with YouTube is that it's always going to show related videos. Now, at the end of any video that you share, it's going to show related videos. In fact, I can probably show you an example that if we just log into the CF Pro Tools members area, because I use YouTube for the video hosting in there, so we get logged into that. So if I log into my CF Pro Tools account here and go in and look at one of these videos and we'll kind of see what the. What YouTube is doing for all videos that are embedded now. So if you have an embedded video, then this is what you're going to see. So if we go in and look at one of these videos, it's going to show up like this one. It shows up always this header at the top with the watch later and the share link, which is not cool. So these things, you know, you don't want to see this stuff on your videos. If somebody lands on a marketing page, you don't want to show them this stuff. You don't want that. They don't want to necessarily see the title of the video and they don't want to watch later for sure. And you don't want to share link right there on the page. And then the other thing is if you click to play this and then pause it now, you'll see these more videos. So what this does is they at least tried to be nice in this and they actually are sharing videos from the same channel as the video that's being embedded. So if you have a bunch of other videos, then you're going to see those here. But you know, you still don't want these other videos to show on top of this. If this is your sales page, you certainly don't want to give the user any other videos to watch in place of the one that is is selling your product. And what's even worse is if you click on these videos, they actually open a new tab and go to YouTube. And that is the worst thing that you want because that means you're leaking all that traffic. It's now going away from your sales page on your embedded video and they're taking them away and taking them to YouTube. And YouTube is pretty much the Valley of lost souls. It's like, what's it called, the old Christmas cartoon or the animated Christmas. You know, it's the island of Misfit children. You go there and you get lost forever. You know, it's, you know, people just once they're used to, oh, hey, you know, Squirrel, there's all this other stuff to watch and go do, and they're never gonna come back and buy. So you definitely don't want to be using YouTube on your sales pages. So if you have that going today, definitely look at an alternative solution. Go to Wistia, go to Vimeo, go to Cloudflare Stream, where you have more control over what is displayed here. There's a reason that Wistia and Vimeo are charging for the hosting there, because they don't do crap like this. YouTube doesn't charge for the hosting, but that means they get to control how they make money and they make money by advertising and getting people onto the YouTube platform and showing their ads. So when you get over here and go to YouTube and watch this video, then guess what? You'll see ads and all these other videos, these are all the ways that YouTube makes money, is by showing these things to more people. And so when you're not paying them for that, that's what they do. They have the power to do these things. Eventually, I would not be surprised to see YouTube come out with a paid hosting option. They've obviously moved to things like YouTube Red where you can actually pay to remove ads if you're a consumer, I would not be surprised to see them come out with a paid hosting platform that says, hey, if you don't want to show ads on your video, if you want to be able to control the embedding, if you want to be able to control the branding a little bit more, then just pay us and we'll host your videos for you. You can use our player, but then we won't show the ads and we'll give you a few more options that they used to have, but they've just taken away because they want to make more money. So that's kind of my rant on video. And we're like 38 minutes into this thing and we've got only covered videos, so we got a lot to go through. If somebody would get me, give me a shout in the comments, let me know, has this been useful so far? Again, my goal in this is to make this as valuable as possible and you know, both today and long term. So if you would give me a shout, let me know if this is all making sense. We all looking good tech wise. Like I said, if I can keep people involved and getting feedback here, then we'll keep going. Awesome, thanks. Jackson says yes, thank you. That's good. That's what I see. I want to make sure that this is valuable. I don't want to waste anybody's time, that's for sure. So this is one of the keys of things that we have been doing recently is moving over to the Wistia platform. I kind of showed you the Wistia options or personally CFO tools. We've been using cloudflare stream. It's been working very well. Removes all the ads and all the other stuff. You have a lot more control and you can do the cool things like autoplay muted and restart back at the beginning, which is kind of a cool feature. So figure out a way to do that. And I'll actually be releasing some code into the members area in CF Pro Tools as well as in Funnel you if you're in there on how to do exactly these things as well as instructional, full instructional videos on how to do that and then also have versions to do those same things with Wistia, which they kind of do it out of the box but and then vimeo and then YouTube if you want to do that. But they, they kind of ruin the game. So not a whole lot of point there there. So let's see what's next. What we're going to go through next is actually some of the cool stuff that happened on the 10x Secrets launch. So I'm actually going to close out, I'm going to close out this window here. Go ahead and leave this and we'll go ahead and close this one out and we've got some code here. I'm going to drag this back over, probably back on a blank screen now. Or my beautiful mountain desktop, which actually right now it's unfortunately it's a little cloudy here in Idaho today, so we can't even see the mountains even if they're not that far off. But this is a little bit what they look like. They are a little covered with snow. It's honestly very beautiful. So hopefully you're somewhere today where you either have some warmth and can enjoy it or you've got a nice snowy mountain view if you've got snow on the ground. So let's see, I'm going to open up a new get back into Chrome here. I'm going to open up. Couple of different accounts here so we can kind of show some cool things. And we're going to walk through the order form. This was the big one that I want to walk through and bear with me as I open up right accounts. Too many, too many accounts here. Got to log into the right ones so we can get logged in here. Here we go. Awesome. All right. How's everybody doing on the Saturday as we go through? I am watching the chat by the way, as everybody you know, as you guys are on. I appreciate you all hanging out with me today. So where's everybody coming in from today? Let's, let's see. Let's give a shout out. Where's, where's everybody hailing from this afternoon? It's what about quarter till 4 east mountain time. So about everybody else, where we at today? Let me know in the chat as I get things set up here. Rexburg, Jackson says from Rexburg. Rexburg. Where at is Rexburg? Rexburg, Idaho. Awesome. Okay, that's what I was thinking, but you never know. There's lots of. There's probably Rexburgs all over the country. It's kind of like Greentown. There's probably a hundred thousand green towns in the United States. Greensburg, Greensboro. So awesome. So hopefully you've got a nice snowy mountain view right now as well. And so let's see here. All right. I know you guys aren't seeing this on my screen, but I am logging in and getting things set up so that we can kind of walk through some things and have them make a little bit more sense. And of course, as things are usual, as you're trying to do them live, it takes a little bit longer than normal. Okay, cool. Rexburg, near Idaho Falls. Yeah, I'm still, still learning the kind of the geography here in Idaho, still fairly new, so getting settled, but that's good. I moved out and moved out to the Boise area in August, this past August. So. Who else is out there paying attention? Jorge, Angela got McCarl. I'm not sure if I'm hopefully. I'm probably butchering that name. I'm not sure how to pronounce that. But glad to see you. We've got Ryan on a handful of people hanging out, which is cool. Bear with me. I just got to get one funnel in particular up that I want to show you that is actually still up. And live 10x secrets funnel, as you know, is no longer available. We kind of closed the doors on that one. So pull up one where we can actually show you what we're looking for. And that is the. One of the things that a lot of people noticed on the 10x cigarettes that was a little bit different than normal is the. What we call the accordion order form or a three step order form. So, you know, obviously you may be familiar with ClickFunnels and the one step order form, you know, which is basically all your order form fields on one page. And then you've actually got our two step order form, which is super cool. And it actually, you know, it's one page, but you get the effect of, you know, a fill in. Give me your name, email and your shipping address and then click next step. And then it goes to. Okay, now pick your product and then give me your credit card information. So that is our two step order form. The big benefit of the two step order form is it actually collects the name and email address and a shipping address on the first step. And when you click go to step two, it actually submits behind the scenes. A lot of people don't recognize this or don't realize this, that it actually submits that data directly back to ClickFunnels while they're on that same page. So when they click Go to Next Step you actually get that and you can capture that name and email address. So if they don't complete their order, you can actually do a follow up sequence for abandoned carts. So you can say, hey, they saw the page, they left their data but they didn't purchase. So you can send them a follow up an email and you know, after an hour or so send them a follow up email that says hey, did you forget your book or whatever. And so that's the cool thing about the two step order form. What we did with the three step is it looks more like a traditional one step order form, which it's all on one page just kind of stacked on top of each other. But it has the functionality of hey, give us your name, email address and then click Next Step and then give us your credit card information and then click Next Step and then the order bump information. And we still get that benefit of when they click Next Step on step one, it actually submits that name and email address to the back end so you can do a follow up sequence. And so let me grab an example of that here real quick and I just want to grab a good URL where we can kind of show that. And so this is a funnel that was launched not too long ago that's done fairly well that uses a similar example of this and that is on the Ladyboss funnel. And so if you go to the Ladyboss funnel, oh, it's actually don't well dug on it. They've already closed this one out too. So let's just build one of these out. So I apologize that one was had. I didn't realize that they closed down that offer. So I think they just did that recently. But you can see that this actually they are doing the same thing with their Wistia. So you can see this is a Wistia video. Click for sound, it lets it play. The beautiful thing about this is that they actually have some great attention grabbing as well as you get to see this, but you also get to see lots of text on the pages that goes through. So super attainable. So people are paying attention to this stuff. So closed caption probably be even better. But this is a good example of that. So and this is a beautiful page and so it's just good example of a good page all around. So let's just go ahead and jump into I'm going to go ahead and close out these and I'm going to get back into my ClickFunnels account and we're going to go ahead and build out one of these pages and I'm sure you're going to show you exactly what it looks like as we go and I'm going to show you the exact code that we use to build this out. And so bear with me. We're gonna go through and we're just gonna build a funnel live. So hopefully that works. It's not what I was intending to do for this one, but hey, you know what? This. Sometimes you gotta, you gotta make adjustments, right? Adapt and Overcome. And if you're not read it already, I've got a book, Nick Transtrom right here. Adapt and Overcome. Great guy and also a funnel hacker and a United States army veteran. So I love him for that and for his service Blackhawk pilot. Great guy. Okay, so let's go ahead and drag this over. Let's just drag this and we are going to build out a new funnel. So let's just go ahead and add a new funnel. So bear with me. Definitely let me know if you have any questions along the way here. Tom says. Hey, let me just read through this real quick. Yeah. Tom is asking what's a good code editor to use when working with CF Pro tools and with ClickFunnels? I would recommend and it looks like for a Mac and or one for Windows I would recommend there's an editor called I believe Sublime Text Editor and that works on both Mac and Windows. So if you're looking for one that's kind of cross platform, that's a good option there. I personally use the code editor that I use on a Mac is called Atom A T O M and that is this code editor right here does all your code highlighting and does a ton of stuff. It's very easy to use in my opinion. You can actually set up projects. So you can see these are all the different codes I have for CFOTools. I've got a huge library there and it kind of lets you organize my projects. So you, you know, kind of help you to keep track of your files that way. Also integrates with a ton of other things. Get, you know, if you're using a GitHub repository, something like that, you can push your code up that way. If you're just looking for just a plain, you know, good text editor use, it's still a good option. You don't have to use all the other features. So that's what I really like about it is pretty configurable if you are a hardcore developer. But if you're just looking for a good text editor that's not going to jumble up your code, then Atom is good and it's free and it is created by the developers at GitHub which is one of the largest platforms on the planet and just recently got purchased by Microsoft. And so you know, it is a going to be well funded and well taken care of for quite some time. So I would definitely recommend something like that. Sublime TechCenter or Atom are both good choices there. And so that answers that question hopefully. And then so let's go ahead and bounce in and create this funnel out. So what we're going to do here is create a three step order form similar to what we what you saw on the 10x Secrets launch. So we're going to go ahead and we're going to build a sales funnel, we're going to do a sell your product and we're going to do a sales funnel and we're just going to do three step. Let's just do this three step demo. Demo. So we're going to go ahead and set this up, we're going to build this out and please give me a shout in the chat if you have any questions along the way. I appreciate everybody hanging out with me here today. Definitely want to make this worth your while. Don't want to waste anybody's time. So if you've got questions I would love to answer them. So I'm just going to do some cleanup here and just if you've not been through one of these before, this is kind of. I have a standard way that I always set up my especially sales funnels which is the majority of what we do right or trying to sell stuff. And so I have a way of setting these up so that we kind of minimize, minimize, you know, distractions later. So I generally, you know, you could build a sales page if you, you could leave the sale page in. Generally on my sales funnels there may not be an opt in page. So I delete the opt in page right away. And we're not gonna have an opt in page, we want to just build out an order form. On this one sales page you could have a sales page that goes to an order form. But a lot of scenarios you're going to want to build your order form onto your sales page. It's going to be an all in one and that's a lot of times what we do. So you might have seen that the 10x secrets the sales page was the order form. The order form was directly embedded into the sales page. So we had. It was a long form sales page. As far as copy goes, there was video, there was content, there was images. It was a very, very long form sales page, but the order form was embedded on that page. So that means you want to start with an order form for that. So don't get distracted by that. I've seen too many people fall into the trap of thinking, oh, yeah, I'm going to build a sales page. And then they build out and they spend all their time, they build out this long form sales page. And they're like, okay, now I want to embed my order form and not realize that you can't put order form elements onto a sales page page type. So start with an order form. Even if you're going to have sales copy on that page, you got to use an order form page type in order to embed order form elements on it. So we're going to get rid of our sales page here because we're going to be using the order form page type to get started. The next thing that I always do is I always set up the thank you page first. And I'm not actually going to put any content in. Rarely do I ever use an actual thank you page because these are just used for product delivery. The problem is, when you create your products that you're selling, a thank you page will get created automatically unless you say, use this thank you page. And what happens is if you have 10 or 15 products or five products or whatever inside of your funnel, you're going to have these five extra pages hanging around that are waiting for you to do something with them. They're going to be 5 automatically created thank you pages that never do anything. But you'll get warnings on your page saying, hey, you've not set up all the steps of your funnel and all kinds of other stuff. If you don't. If you don't do it in the right sequence. So start with this. Just go into your thank you page, scroll down. Or you can even use the little search at the top. There's one called blank. And just type in blank and it's going to give you a blank thank you page. Just pick that one. That's what I always do, just gives me a blank thank you page. And then what I can do later is when I'm creating my products, I can say, use this thank you page instead of creating a new one. Then I always like to do the order confirmation page. Although if you want to match your branding, you may decide to do your sales page first and then your order confirmation. But you can, you can just pick a basic order confirmation page here. I just like to have it set up in advance so it's quick and easy to test. So you can really pick any of these. We've got some good looking ones in there. Let's just pick this option right here. And so now we've got a little confirmation page. So now we're back to the meat. So I kind of, I always start mine from bottom up. I build my funnels bottom up. I always have, always will. Well, I shouldn't say always. Well, I mean, decided to do it differently somewhere down the road. But that's the way I do it now. It makes it easier for product setup. And so now we're in the order form and in this scenario we're doing it. We want to do a three step. Right. So it's, it's kind of like a one step order form page. So this one's really built for a two step. We don't want to start that. This is a two step actually. Yeah, this, I think this is a two step order form page as well. Yeah, it looks like it from the screenshot. But this one is a one step. But really kind of want one where we've got, you know, we've got this video at the top sales copy, kind of long form, sales copy. And then yeah, maybe a little bit more like this. So let's, let's just pick this one. And then we'll build our page out down below it. So what we're going to have is we're going to have a section that is, hey, give us your contact information, give us your credit card information. And then we're going to offer them an order bump. And so let's just take a look at this page real quickly just to kind of see what we're working with. I'm going to pull this up in the editor and then we're going to actually jump back out and go through and step through a little bit more of a process. So yeah, this one's very basic. So and this actually looks like this one's. Oh, this one's actually a hide show. So it's probably got a hidden section on the page. Let's actually preview this and see what this order form even looks like because I'm probably just gonna totally make this work differently. So click here to register. Okay. Yeah, it just expands this section out down below. So yeah, so that's okay. We're gonna, we're gonna just go, we're gonna start with this one. So we've got our, already got it picked. We'll just probably tweak and get rid of, we'll replace everything in here. So. But the key is this. So what, what I see people make the most, the mistake I see people make the most often with clickfunnels is they come in and they want to start with like what they start with, what I want it to look like. And then they start building out pages and then when they get to the end they're like, okay, now how to make it work, how do I connect everything, how do I get all the stuff going? And they don't, don't really have a plan. So what we need to do is kind of, kind of map out and plan what we want to have. And that involves starting from thinking, okay, what is it I'm selling? Start from there, what's the offer, what is it I'm selling? And that's going to result in products. So I always recommend setting up your products first and deciding what it is I'm selling, how much am I selling for, what payment gateway am I going to use, what emails do I want to go out, what list do I want to add them to, what kind of automations that I want to tighten? Think about all that stuff first, plan that stuff out and get that started. And then the, it's kind of like you don't, you don't make a cake by, by whipping up the frosting. That's, that's not how you make a cake. You don't start with making up the frosting. You start with, okay, I'm gonna, what kind of cake do I want on my vanilla? Okay, so I'm gonna make the vanilla cake batter and I'm gonna bake a cake. You start from the bottom layer up and then the frosting goes on the top. So the sales page, the look in the field, the how you build, you know, the, the everything you have on the page, the sales copy, all that, that's the icing on the cake. You're going to build that foundation first and then you layer on everything else after that. But if you try, you can't build a cake from the inside out or from the outside in. I guess, you know, you can't. So you can't start with, okay, well I'm going to, you know, scaffold up this way to put icing on and then shove a cake up underneath of it. No, you got to start with the foundation first and then you layer on the icing from there. So we're going to start building on our products. That's a long way to say start with products. Okay, so we're going to go in, we're selling something here. We have an offer, we have a core offer. We're just not going to go into anything super, super fancy on this one with multiple products and all that fun stuff. We just got one core product which is in this scenario was the 10x Secrets package. It was one product, we got 10x Secrets and then there was a bump. And so let's go ahead and create a couple of products here. We want to create a product for our core offer and then we want to create a product for our bump offer. And so we're just going to call this core offer one and I'm going to set up stripe so we can do test mode on it. And we're going to say this was a $297 product and we're good to go there. It's a one time stripe product. Fulfillment email. I always do this on my fulfillment emails. I don't fulfill them from here. You certainly can, but I wouldn't recommend doing that. And then the other thing is now, since we created a thank you page, since we applied a template to our thank you page to start with, then our first funnel and page listed here for our thank you page should be that blank thank you page we just created. That means we don't have to create another one. Otherwise one is automatically created. Create a new thank you page is where it's set by default. So that means even though we have thank you page over here, if we don't do this, if we don't select this thank you page, then we'll end up with another thank you page and another thank you page and another thank you page for every product that you create. We don't want that. So make sure that you go in here and pick the thank you page that you already have. That way you don't end up with a bunch of empty pages and so don't even have templates applied that aren't complete, that aren't actually pages yet because you'll get warnings saying your funnel is not complete and it's confusing. So just make sure you pick your thank you page. And then for email integrations, these are the other things that I like to think through. Okay, when somebody buys this product, what is going to happen? What I would recommend is that you do one of a Couple things here, which is hey, I want to with actionetics I want to add them to a list and then you select which list you want them to go on or you add a tag and then you say hey, what tag do you want to add them to? I want to add the, you know, the CF demo buyer tag. And you put a tag in there, that way you can identify that hey, something happened, they bought this product. Generally you know what, add them to a list and then what you do is with Action Edits you set up a follow up funnel that's attached to that list. That said, that does the product delivery that says okay, awesome you bought the 10x Secrets product. Awesome you bought Sia Pro Tools, awesome you bought my awesome product number one, whatever, here's the email on how to claim that thing. Here's the email on error, here's how to get access to that content. And so you can do that right here in the email integration tab. And so you know, generally it's going to be, I would recommend going to add to list because when you add them to a list you can attach a follow up funnel, an action funnel to that list that says when somebody gets added to this list then take these actions and then from those actions you can actually have the add the tags and do all the other stuff that you want to do. So that's what I would recommend there. We're not going to worry about that right now because we're not going to set all that stuff up. But we'll do that and then we'll go on to the shipping. If you had shipping, you know, ship station, this Kanaki just delivered whatever, you can set that up here. The other thing that I always do with these is I always uncheck when I'm just testing, when I'm just setting up, I uncheck the affiliate commissions. I don't want to, I'm not going to offer affiliate commission list, I got to uncheck it. Otherwise by default every product you create is by default checked to make it commissionable. I always like to disable that and then go back afterwards when I've set up my members or my affiliate logins and then all the other affiliate stuff. Then go back and say I want this product to be commissionable and I'm going to use this plan. So make sure it's a plan rollout, not just hey, it's just the default. Oh and I forgot to turn that off because that's the worst thing you can have. So I always turn this off out of the box. Every time I set up a new product, I turn that off and then I go back and turn it on selectively. So we've got our product set up there. I'm going to click Create Product and my little spinner is going to go up here because. Because there's a little bit of a bug debug. So I'm gonna go and refresh this page just to get rid of that. Is this making sense so far? Hopefully this is making sense. I'm gonna turn off a couple things here because you guys are probably going, what the heck? Where'd this duplicate and copy to come from? And what's with this id? I have a couple of extensions that I've got created here or that I've got added here that are adding those things. So I don't want to confuse anybody with that. So I'm gonna go ahead and turn off those extensions. I've got a CF Pro Tools extension I've been building and then I've got this, the helper turned on. So let me get rid of those. And now let's refresh this page again and it'll be more like what you see. So I don't want to, don't want to. Don't want to confuse anybody with extra options that aren't part of the core clickfunnels here. So Jackson says, yep, thank you. Yeah, definitely this is making sense to everybody. Please give me, give me a shout out in the chat just so I can make sure that I'm not losing anybody, that there's no questions. Feel free to throw them in there. Jackson says don't use ActionNet, but still, good to know. That's good, good. Glad to hear it. Yeah, Action, that's got a ton of power. But if you're using an external service like an autoresponder or Action activecampaign or something like that, that's what you want to do. You still want to be able to add them to that. Add them to a list and basically move them through so you can categorize, okay, where are my buyers at so that I can communicate with those buyers and so I can keep track of where they're at in my sequences. Actionatics kind of has it all built in one place. I really love it for that. But if you're using another service, you want to do kind of the same thing, which is, hey, I want to add them to. And you can do that in the automation for that product as well. Email integration here. I want to add them to Mailchimp. I want to add them to ActiveCampaign. I want to have them sequencer. I want to add a tag in activecampaign. Whatever. You have a ton of things that you can do with that email integration directly in the product. We also have options in the automation when they do a purchase to do something as well. So we get our core product made and let's go ahead and create our bump product now. And we're just going to call this one Bump Product one. Sorry, I moved my keyboard here. Now it's at a bad angle. Bump Product Product one. Okay, awesome. And then we're going to set this one to stripes as well. And we're going to say this was a $47 bump and it's a one time again go through get rid of, just get rid of my subject line and I get rid of my body so that I don't send out an email. When somebody purchases this product through this product purchase through the fulfillment email, I'm going to send out an email but I want to do it differently. And then again you can look at your email integration. You can pick and say, hey, I want to add them to mailchimp. I'm adding aweber. I want to add them, you know, to whatever. Pick that and set it up however you want to. Just make sure you do something with them. It could be on this product. I'll show you again here in a second how we might set it up on the. When they purchase the product. So maybe you don't want to do it on each product. You want to just do it whenever they make a purchase on a particular page. I'll show you that as well. There's a couple options go through there. And then I'm going to turn off affiliate and we're gonna go ahead and create that product. So now we've got a core product and our bump product. So we know this is what we're selling on this page. So now we're ready to go in and get started on the page. So we're gonna go ahead and bounce back over to overview and actually we could probably go through even set up and look at our automation tab. So this is where instead of doing what we just did on a product level, we could set up and say okay, here's, here's the couple of things that we want to do again. The foundational things, the plumbing of things. Before we get the actual icing added to this cake, we want to make sure it's plumbed properly. So we want to say, hey, well when somebody purchases I want to do something so I want to add. You can create a new email and create a new action. Send out an SMS text message if you wanted to from this automation tab. Again, you know, kind of actionetics based stuff. But you can also integrate with other services. But here would be one action that I would recommend. It'd be hey, they purchased so I want to add a new action on the purchase and I want to you know say add buyer tag and for the condition for those that purchase from this page and I want to add them to the list or I want to add a tag and then you set your tag and you could even set with which list here. So you know, could say the 10x secrets buyers and then you know, you know, awesome tag. There you go. And now and then you could say do I want to set a delay? Generally you're not going to do that when they buy. This would be more for like a webinar registration or something like that or sending out a sequence of emails. So but we're going to add this tag. You're generally going to do that right away and so then you've got that action. So now they're going to add the buyer tag and it's going to fire immediately when they purchase. The other thing you could do is for those that didn't purchase this is where you could add them to. You could actually set them and add them to buyers or a non buyers sequence or you could send out a sequence of emails. Say a lot of times it's easier to do right in here in the funnel for things like this where I'm going to say hey, I want to just, just send them out a series of three emails. So I'm gonna go ahead and add a new email and I'm gonna set up here and I'm gonna put in you know all this stuff and I'm gonna say they're gonna get it for when they sell the page but they didn't purchase. And you could say active only in the so many days put your subject and then pick your email template and all that. So let's, let's just use this template and let me say from. And say did you get something. And create email and now we've got an email set out that's set to go immediately. But it's actually immediately is a little bit. Yeah. So what we want to do here actually let's go ahead and edit this. I would say I probably want to fire this off this one. You know we want to give it a delay Here. So we want to say maybe an hour, let's say 0.5 hours. So half an hour. Give them half an hour. Half an hour afterwards. Hey, did you forget something? So it's half an hour after they saw the page and didn't purchase, which actually takes a little bit to fire. I don't remember exactly how long it takes to fire, but it gives a delay basically to look for this event because we want. When they saw a page, that's when they actually gave us their name and email address. So we don't. We can't fire the right away. Saw a page but didn't purchase because we don't know they didn't purchase until after a period of time. So we give them, you know, a period of, you know, a time to actually go through the funnel and click Funnels takes care of all that stuff. I'm not sure what the delay is on that, but we want to say, you know, let's give it half an hour. So if, you know, at a minimum half an hour after they landed on page and gave us their email address and didn't buy, then send them this email. So I'd recommend setting that up and then say, okay, awesome. So we send them this email out and then from there you can go in and edit the content of your email so that you says, hey, I noticed you're landing on the page you were interested. If you're still interested, make sure and go back and complete your order. Here's a link. Send them back to the sales page. And then you might want to set up two or three more of these emails. So, so you set up another email and have it again. Saw a page that didn't purchase. But on this one say, maybe you want to say, set it one day. So it's not going to create that until I go in everything else here. And. So holding it for you here. Here's just a quick little tip that I like to use when I'm crafting email subject lines. And I will not say that I'm a wizard at this by any stretch, but it does work pretty well for me is leave some leave. Make things purposely vague. Leave questions for everything. So we're still holding it for you. A lot of people look at holding it. What's it? I don't remember what it is. And that gives them the curiosity. So you always want to incorporate as much curiosity as you can into your email subject lines, especially in scenarios like this where this is not a customer that knows who you are from name. This is brand new they saw something but they didn't purchase it yet. So they don't. They aren't necessarily super active on your list. So they might be either a non customer or something that's relatively new to your environment. So leave some curiosity in there because otherwise, you know, if you could say, hey, you know, they recognize your name. James Smith. Okay, awesome. Oh yeah, I totally forgot that CFO Tools thing. Or I totally forgot, you know, it's a, hey, it's Russell Brunson. Okay. They want to open it just because it's Russell. I got an email from Russell. I need to check that out. This one, they don't know who you are yet. So just leave a little curiosity and hey, we're still holding it for you. It what? I don't know what are they holding for me? I don't remember what it was or I have to answer this question. What is it? So they'll be more likely to click that email. So I'd recommend leaving something like that and then we'll go through that and then again we just pick an email template and I'll just pick this one down here and then create our email. And now we've got one that's going to fire half an hour after and a day after and then maybe two days after that just says, hey, you know, last chance to grab, you know, to grab the thing. Last chance to grab it and same thing. You know, hey, you stopped by a couple days ago. We're still kind of reserving your copy of 10x Secrets or of CFO Tools and but we need there, there's other people that are interested in this so we need to kind of let it back out there. So if you're still interested, make sure and click the link and go through and complete your order. If not, we'll go ahead and release this back to the other customers are looking for it within the next 24 hours. That gives them a little urgency and scarcity. Hey, there are other people that want this thing. If you're not going to purchase it, then no problem. We're just going to put it back in the inventory. But if you want it, you better go grab it now because if not, it's gone. That's, you know, kind of, kind of a way to put that. And then, you know, that's the last email you'll send them about the salt agent didn't purchase. So yeah, I'd set up a couple, two or three of those emails and then you actually purchase one. The everyone is a little bit of a misnomer hopefully you recognize this by now. But everyone, obviously you can't send them an email, you can't take an action on them if we don't know who they are. So everyone is not every person that lands on this page. It's every identified person that lands on this page will get these events. And that is, you know, somebody that's actually given you an email address, somebody a contact has been created with this person. Then we can take an action on contact. But so that one's always a little bit confusing is the everyone should be more like known contacts when they land on the page then take these actions. But really don't necessarily need to set up an everyone action for these order form type funnels. So you have the options to set up your purchase events either on the product. When they purchase a product, if you want to take specific actions on each individual product or in this scenario, the purchase just happens regardless of whether they buy the core offer or the core offer in the bump, they're going to get that ad buyer tag. If you had different product choices like a say it's a subscription, you've got a one time pay or you've got three payment plan or you've got a monthly payment plan or whatever, you have different levels. You could just take one action and add a buyer's tag to them on the purchase event for the order form itself. You don't have to do it on each individual product because you know it's. This is going to take effect no matter what they bought. As long as they bought something on this page, they're going to get this action to take place. So that's a little bit of our plumbing here. And now let's get into the actual sales page itself. Now we're ready to actually go through and set up our actual order form. So we've got this page opened up inside of our editor already. So we've got, you know, got a video up the top. That's awesome. That's great. Let's go ahead and do that. We'll just kind of keep this stuff. We're not gonna mess with the top piece. But I do want to go ahead and get rid of this button here because this opens up a whole new section. And let's go ahead and go up. Looks like we probably have a hidden section here. So we've got a couple of them. And so let's go ahead and so we've got a section here. Let's go ahead and get rid of this, Get rid of that. And then what was Our other section, Get rid of that one. Okay, great. So now we've got just a basic. We've got a video at the top, and we've got a section where we can put all of our sales content. Perfect. And so now let's go in. Let's just. Let's add a couple elements in here. So we've got that. Let's go ahead and add a paragraph. And so we've got paragraph. We're going to left align this copy. This, Paste that in there. So we've got a little bit of a sales copy. And then. And then let's get rid of this chunk. I don't like this here. And then let's get rid of this. So let's imagine this is our. This is all of our sales copy. And then below this we want to have an order form. So the first thing I'm doing is actually going to create a new section down below this. So I like to put order forms into their own section. The reason is that it's really easy. Then if you have a button up top, like if you wanted to put a button just below your video here that you know somebody you might have a call to action in the video says something like, hey, if you're ready to get started now, click the button down below. Well, if there. If you've got your order form scattered in the middle of another row, it might be really hard to send them to that particular place in the page to complete the order. So if you put in a new section, it's super easy to do that. So we're gonna go ahead and create a button here because we want to do that. We want to put a button just below the video that, hey, they may not need to read the rest of the sales copy. They may be sold by the video itself. So let's go ahead and put that button in there. And that one looks like necessarily that's italic. I don't like that. Oh, it's probably building the custom css and so, but let's just make this bigger. Let's make our font size here. We're going to make this great big. We're gonna make that 40 and subtext size. There's no subtext, but I like to bump that up a little bit. And then let's say I want this to be. I want this to be fill width. There we go. I like something like this. An action statement. Get immediate access. So. Or, you know, something might be cool. Might be something like unlock immediate access and something like a little icon. So Go down and look at our icon here. We've got our icon after. You can do icon before. Icon after. Usually could be something like a shopping cart. Do a search for cart here. Cart. There we go. So I want to do that. Cart. There we go. Unlock immediate access. Cool. There we go. And so now let's go ahead and add a new section. So we're gonna do that by going up to sections and add section. And then I'm just gonna do a full width section because I want it to go, I want it to be white and I want it to bleed out all the way out to the pages here. And Okay, I don't like that. It's not. Something didn't happen quite right because it didn't give me my little drops add section full width. Okay. I think this template might have a little goofiness going on with it because it's not giving me my little drop zones. Okay, well let's go back and do it the other way. Now I can see my mouse. Okay, so another way to add a section. So if we go in here and click the plus on the section. And now let's click full width. And now we have a new section here. And I want to go to this section and I want to give it a background color. I want this one to be white. It's going to be full white. So there is our new section. Okay. And it matches pretty much what's up here. And so I'm going to go ahead and add a new row and I want it to be one column row. And I want to. I think I click that just quite right. There we go. Now it's building the row. And then now we want to put in our three step order form. So what we want to do is actually add into this. So what this is going to look like, it's going to have a kind of a headline up at the top that's colored background and says step one. And then a chunk which is our email form, our form for name and email address. And then another row that's got a background color and step two. And then below that is going to be our credit card form. And it could have your could have a contact address if you wanted to or shipping address if you wanted to. And then the next below that we're going to have another or another row that has got a background color and it's going to say step three. And then inside of that below that is going to be our bump offer and the gold buyback. So that's what we're going to build out. So we want to add to this. We want to add a new headline element and we want to left align our headline. Sorry, I got to click on them without moving too much. There we go. And we're going to set this one to the left and we're going to say step one. And now I want to give this, this row here a little bit of background. I want to give it a background color, make it stand out. And I want to even give a little. So we're going to give it a background color. Let's just give it this green color. And then let's actually make this pixel rounded. Yep, that looks good. And then let's make our text white. I know a lot of this. You might not care too much about this. The other thing I like to do, and this is just me personally, when I do white text on a dark background like this green, I like to give the text a little bit of a shadow. Just makes it pop a little bit. So go in. And then do I want shadow? I want. Oh, no, this is. I want text shadow. And then I want to do strong shadow. Makes it just pop a little bit. Might do subtle shadow. Don't need a whole lot. Subtle shadow just to me makes it look a little blurry versus being strong there. I think the mid shadow on that one is perfect. So now we can just see that white text just pops off that green background just a little bit. So we can actually go ahead and duplicate this one. I'm actually going to duplicate this one three times because we know we're going to have three of these. And then this one is going to be step two, and then this one is step three. Okay, awesome. And now we want to add another row in between here and just bear with me while we get this all the structure set up and it'll all make sense here in a minute. We start pulling all the stuff together. So inside this one we want to have. We want to have a name and email address field. And if you want to do do shipping information, you could certainly do that inside here as well. But we're just going to do name and email address. We're going to say this is an information product. So we're just going to name an email address on this one. We don't need to ship anything. So we're going to add a new input field. There we go. New input field. And we're going to make this one the name field. So we're going to say this is the full name and we're Going to say bird name here, Just like that. And you have the option to set that required or not required. We're gonna go ahead and set that as required. And text size is okay. Font size is set to 16, so that's okay. We're good with that. So I think that looks okay. And then let's go ahead and just duplicate this field and we're gonna give this one a little bit of top margin. So we're. So there's a little separation there. Maybe 10 pixels is good. And then we're going to set this one to be the email. And then we're going to say your email address here. Okay. And email address is always required out of the box, so we're good with that. And then the next thing we want to do is we want a button. And this button is going to be left aligned is what I like it to be. It could be centered, but this is going to be our next button step button. This is what they're going to click to say, hey, I filled in my name and email address. I'm ready to go to the next step. So we're going to go ahead and click next step. So we're going to click that button and I like it to be left aligned because it lines up with the fields and it's a little more obvious that way, what they need to do. And so we can go to advanced and we can go to. What are we looking for here? Should be a button align. There we go. It's at the very bottom. But align left. And instead of saying click to sign up, it is going to be next step. And so that's good to go there. And then for our set action, this is just fine to have it set to the hashtag. So good to go there. And then so we've got that. And then we want to go ahead and let's go ahead and just duplicate this, this row. And we're going to go ahead and bounce this down a block. That way we've got our same white background. We've got one in there. And let's go ahead and just duplicate and put it down one more. So we've got now our next step button. And in this one, the button is actually going to be our order button or our buy button. So we might want to do something a little bit different there. So I'm going to make this one bigger. We're going to make this one 40. And we're going to, instead of saying that step, we're going to say something like this was actually Something Russell said I thought was pretty powerful. I haven't come up with the ideal solution yet, but we've seen that when we say something like complete, that it completes a loop. So it might keep people from actually thinking they're done. They don't. And then lowers conversion on your OTO pages. So instead of saying complete your order, do something. Something like again, like above, which was unlock access now and. Or what I've seen a lot of people do. You know, seems to be pretty common, especially with some bigger names, is submit order. Submit for people is. I think people understand that when they're doing that, they're actually submitting their credit card details and they're going to get your. So that's an easy thing to understand. So we've got that. So we're just going to use that actually submit order. I want that button to be centered. So we're going to go ahead and make this one centered. And I might want to actually play with my horizontal space a little bit. I want to say 40 on that one. I want to make it a little bit wider. I don't want it to be full width, but I do want it to be a little bit wider. So we're looking good there. I want to give a little bit of padding between these. So I'm going to add a little bit of top margin to this. So I'm going to add say, 10 pixels of top margin each of these to each of these little headline rows here. Okay, so we're good there. And then for this one, now we've got our name and email address. That's step one. The next one we want is credit card detail. So let's go ahead and get rid of these fields. So we're going to go ahead and delete that, and we're going to delete that and we're going to go ahead and add a new element here. And we're going to make this our credit card field. And we're going to go ahead, drag that back up above this one. Okay, so now we've got to get our credit card here. And so I think this one might have some top margin by default. So we can probably get rid of that. We don't necessarily need that there. I like to make these. Bump these input sizes up a little bit, especially nowadays, it seems big and chunky is the way to go. And our labels as well can be a little bit bigger. So we've got those. So we're good to go on that. So that's all we need. The main Email address, credit card information. And then down below, this is where we're going to have our bump offer. It's like, okay, we want that bump to kind of come in as a, oh, hey, there's this other option. But they don't. It's not something I need to think about until we're ready for them to see it. Until they've kind of done the micro commitments that, Yep, they're ready to buy. So let's go ahead and insert our bump element. And the other cool thing about this is you've got some time you can put some extra fancy text around it, all kinds of other stuff. So let's go ahead and do our bump element. Order bump. There we go. And we want that to be up above as well. So now we've got an order bump. The box is gonna have some margin. We don't need that. And let's add some, a little space here above our button margin. Let's do 30 on that one. Okay, great. And so on our bump, let's just, let's give it a little bit more, A little bit more punch one time offer. One thing I would recommend on this is that I like to have, I like to have the price on here. We said our price was $47, something like that. It could be only $47. So it's super obvious in the red bold text, it's super obvious that the price is right there. If this is confusing to people, if they don't understand how much it costs or they don't, you know, don't like it for some reason, they'll either not get it or when you, they'll buy it. But then they'll, they'll contact customer support, they'll do a chargeback saying, hey, I didn't realize this thing was $47. I just checked the box saying I want it and all of a sudden I'm get charged extra 47 bucks. And that's, that's not what you want. It leaves a bad taste in the customer's mouth. Leaves a bad taste in your mouth because you have to handle chargebacks and all that. So make sure that price is super clear in here. Should also be in your text and be super clear. But I like to put the price in that line here or use something like the cf, the new CF bump content add on, which is one of the things that we used in 10x masterclass. And it actually gives you the ability to make that text all super pretty formatted. And if we have time today, I'll run through how to use that one as well. It's super easy. But if not, just jump into the CF Pro Tools or funnel you members areas and look for the CF bump content add on and you'll see exactly how to use the thing to super simple. So I like to bump up this, bump up the size of this a little bit. So make that like that and then bump up the text size so there we're like big and chunky and then we'll just leave that like it is for now. And I think that's good enough. And then the other thing that we would probably want to do is I do like to put an order summary element on my pages to make sure that the customer understands what it is they're buying. Again, don't want chargebacks. You don't want disputes. You don't want somebody contacting you, reaming you out on your customer support because they didn't realize what they were being charged or what they were buying. You don't want them going on Facebook and talking about how your scammer because you didn't tell them how much it was going to cost before they submitted the order. So those are just things to be aware of. I like to put order summaries on my pages and I like to make sure the price is super obvious on the order bumps. Those are a couple of mistakes I see people make and probably the two things that will get you in the biggest trouble if you don't do so this is what we've got. If you were to just lay this out, this would be a one step order form. But we're going to make this so that it actually expands and collapses and hides these areas. And we're going to do that with an add on called the CF Accordion order form. So let me actually pull up that code and I'm going to pull that over here so we can kind of walk through it and then I'm going to show you how to finish the exact setup. So what this does is super simple. It just need to identify a couple things. A step one button, a step two button and then we need to identify a step, a step two row and a step three row so that we can properly show and hide those things. And so we're going to grab all of this code. This is going to be inside the members area. When it's ready to go. It'll be called probably something like CF accordion order form or CF3 subordinate form. But I'm just going to grab all this code now. So just know that there's a little bit of custom code. It's not a ton as you can see here, but we need to do some custom setup stuff inside of CFO Tool or inside of our clickfunnels editor. So I'm grab the code and I'm going to go back in and I'm going to setting tracking code and footer code and I'm going to paste that stuff in. And then the next thing we need to do is actually name these rows. And so we want this to be called and we go to this row and we click it and we go to our little hashtag icon and then we let's bounce back in the code and step two row. And I want to just call this thing like something like CF or step one headline. That one's not really referenced anywhere. The one that we want to highlight is this row. But I like to keep track of these things. And this is how I do it. I name them, I give them the CSS title. And we're gonna call this one Step one row. Step one row. That is how the code knows where to find this step one. And then we're gonna name this button right here so that the code knows when somebody clicks on this what it's supposed to do. So we call that the step one button and we click update. And so now we've got the step one set up. Now we need to do the same thing for step two. So we're going to go in here to settings, we're going to go in here to the CSS info and we're going to call this step one dash headline update. And we're going to call this. Oh, did I call that step one? I meant step two. Get this move on step two row. And let me double check this here. I think I called this step two or step one headlines just to make sure. Yep, that should be step two. There we go. And so we called this step two row and now we need to name our button. So if we get again go to our CSS info and we want to call this one step two button and update that. And then now we're going to go down to step three and do the same thing. So this just helps us. It helps as a code so it can identify on the page where these elements are at. So I'm going to call this step three headline update. And then we're going to call this row here the everything that wraps up. We're going to call this step three row and I'm highlight all that and type step three row update. And now on this one, we don't need to do anything naming wise of the button because it's just a regular order button. So we're just going to make this be our submit page, submit order, submit form. So that's all we got there. So nothing special with the button on this one. These two, we named the button Step one button and Step two button. And so we've got our page set up. Now the next thing that we want to do is we have step one, we want step two and step three, we want these to be hidden. So sorry, I've got. I've still got a little extension turned on here. So you can see I've got a hide button. This is. This is a fake. This doesn't exist in your account. It'll be there eventually. It's part of the CF Pro Tools extension I've been working on. But we want to go to the gear and then click the little hide so it goes away. And then the same thing here. Click the settings and then click the little hide so it goes away. This is what we have step one, step two, step three. This is what we want the users to see if we did this right. Fingers crossed. Bear with me. Fingers crossed. Let's jump back in. It's not liking something, it's not letting me save my page. That generally means it doesn't like something about my code. So let's just fix this live. While we're at it, let's see what might it not like. No, what it doesn't like. Let me just double check something here. I love when things act up live. Okay, we said we're going to do ninja hackery, so here's some ninja hackery. I want to try and inspect why the editor is throwing me an error right now. R getclientrex is not a function. That's not. Yeah, so the server responder says. So this is Cloudflare telling me this one here. Server Responder stats of 403. It's trying to save my page. And this is Cloudflare telling me that it doesn't like something about my code, doesn't like something about this code. So it's kicking it back out saying, hey, this is a security threat. I don't know why that is. This one's not one we've run into before. So you know what it is? It's the selector right here. I have run into that before. It doesn't like the selector. For some reason it thinks that that is a some sort of secure thing. So we're going to change that to CFPT selector and I'm actually going to save that because I don't want everybody else to have that. And now we're going to go in and change this and we should be code and we're going to paste that in and we're going to save. And now it's saving. Okay, cool. Little detour. But I think we got where we wanted to go and so now let's go into. Just do a quick preview and let's see what we get. Fingers crossed everything works like it's supposed to. I see. Right away one thing we didn't do is actually link this button so it goes to the order form. We'll want to do that. But if we scroll to the order form now we have our step one and then if we click next step, did it open up? Nope. So we've got something going on here. We didn't do something right. So that's good. So let's fix up a couple things and then go back into it. So we've got. One thing is we want to. Let's name the section so that we can identify it easily so we can have our big button at the top scroll down to it. So I'm just going to call this an order forms or order form. Cool. Update that. And then I'm going to go to this button here and I want it to scroll to that section of the page when somebody clicks it. So I'm going to set action and I'm going to go to scroll to row section on page and I'm going to go to my order form section and that's what I want to do. So if I click save on that, let's just preview that real quick, make sure that piece is at least working. And so now somebody comes in, they watch the video, they got the big old button unlock immediate access. They click the button. It should scroll down to the page. Now since there's no that's the end of the page, it's gonna scroll down as far as it can. So we can see that at least. But if you had a really long page below that then they would scroll to the top of that Step one. So that is working. That's what we want there on mobile. That probably scroll them just to the top of that. So that's great. So let's see what we did wrong here with our next step. Let's take a look at our code and see if we mess up something. Step one button data click we want to data title. Step two row show scroll at the top. So that should be working. Let's make sure we don't have any errors. So let's do another. Let's make sure that we. Let's unhide our rows here. Let's unhide these. Step two row, Step three row. Let's make sure that we got these names right. Step two row. So let's look at our code. Yeah, step two row. Okay, awesome. So that should be working. Right. So we've got something that is not quite right here. So I bet we're hitting an error somewhere. So let's hit save on this and then let's. Go in here. Okay, so great. So now let's open up our console and inspect this. Is this piece useful? This kind of going into the inspector and taking a look at some of the code. If somebody gimme a shout let me know. This is kind of a little bit of ninja hackery. That's not the norm. I don't necessarily share a whole lot of this stuff, but I don't know, kind of show you everything that's going on behind the scenes. So as far as being able to jump in and kind of figure out why a page isn't working, what going wrong, it'd be awesome to know if this is useful for you. So if somebody could give me a shout down in the chat. Okay. Awesome. Jackson said yes. I love this kind of troubleshooting, so that's awesome. Thanks. Awesome. Tom says yes. This is instructive to see the extra details. Thanks Tom, I appreciate that. Yep. Okay, cool. So we'll keep hammering along here and I think this has to do with this. Can't read property of 2 lowercase of undefined so there is an issue going on. Okay, this may not be part of a problem. This is a clickfunnels error. Can it read property of two lowercase? So it doesn't like something on this page, but that's okay. I don't think that's why our next step isn't working. So if we click that. Okay, let's go back in and let's go ahead and hide our rows again and see if we get any error. So we're going to hide that and we're going to hide that and we're going to save this again. Let's do a preview again. Oh, you know what? Did I. Let me take a look at my code again. Did I? Yeah, not one. Right. Okay. Okay. Okay. So we're back in our preview. Okay, so let's take a look here. So we've got our Next step, let's go ahead and open our console again just to make sure we don't throw an error along in the process. And then click next step. And it's just scrolling us back up to the top. It's not. So let me. This is what I'm gonna do here. I wanna actually take a chunk of this code and I wanna run it right in the console and see if it works that way. And then that helps me to determine if there's a problem with the code or if there's a problem on the page. So there, that code works. So that should be firing. So let's do this. The next thing I want to do, I'm going to jump into my editor. I'm going to put a little debug code right in to make sure is my click actually being called. So right here where it says data title step one button on click. So well, here let's check the step two button because I named that one as well. That one still doesn't work. Okay, so let's put a little. We'll put a little debug code in here just to make sure that the click event is actually being registered. So I'm just going to add in. Just do it right in here. And if you want to ever output something to our little developer console, you can just put the word console log and I'm just going to put button one click and close that out and I'm just gonna save that and then I'm gonna refresh my preview page and I'm just gonna make sure that that click event is actually happening because I think it's not for some reason and it might have to do with our error message here and we might have. Our click event is not happening for some reason. Let me do. I'm gonna do something I normally don't have to do and shouldn't have to do on this code, but it's gonna help us to determine. We'll notice on this one when we do the on click and it does a return false here. That's gonna stop that click on that link from actually returning to doing that skip to the top. But I'm go ahead and set that on the actual button itself so that it doesn't actually do any. Anything. So I'm going to put in here JavaScript void 0 and a semicolon that tells me on this button, when somebody clicks on this button, fire a JavaScript and I spelled it wrong. So let me just spell it right. JavaScript colon void zero. That means fire this JavaScript void zero that means do nothing. And so we're going to do that and we're going to save that and that's going to keep us doing our skip to the top. But let me see if that actually fires our button after that point. My guess is it may not. Okay, we're still getting our error here. Not sure why it's getting. This. Nope, I don't like that. Request. That is a built in clickfunnels function. Not much I can do about that one. But let's try our little next step now. So now we don't get our scroll to the top which is kind of what we expect. It shouldn't do anything and sorry, somebody is pulling in my driveway and I have no idea why. And now they're backing out of my driveway. I live in a new neighborhood so lots of people drive around and think they can just look at houses, realize that. Not realize that people actually live here. So sorry about that little side note. And so yeah, so I'm not sure what quite what's going on here. So I'll have to get this worked out. Let's see if we can't figure this out out quickly. If we can't. I don't like templates. Try deleting the first blue button. Yeah, that's actually. So let's do that. Jackson says try deleting that. Yeah, some of these, some of these things are just a little bit weird. I don't know why it's not liking this button. Let's see. I don't see any other custom code though built anywhere. We didn't have any other. I'm gonna get rid of all this custom. Make sure there's nothing. So now our buttons look a little bit more normal without the slants and everything else going on. And let's do another preview. I really think it's because this, because of this error here. It's stopping other JavaScript from firing on this page because this JavaScript is embedded. So it's thrown another error. This isn't something I've run into with this code before. This code was perfectly functional. So I'm just gonna try. See here. Spend a bunch of time. I don't waste a bunch of your time trying to figure out something that has to do with the goofy template or something else. So let's do this. I'm going to. We're going to do this a little bit different, see if we can't bypass some of this error stuff right off the bat. See if this has to do with my account. I'm just going to create a new funnel real quick. Sell product sales funnel or do three step demo two. And we're not going to go through and do all the plumbing and all that stuff. We're just going to real quickly set up just a completely blank, completely blank page. We're going to use an old template that somebody else didn't build and make sure that that's not part of our problem. So we're going to this. I still do this stuff automatically every time we get rid of squeeze page, get rid of the sales page. Even though we don't really need to. We just want to test our order form. I am not going to go through and worry about, oh, you know what? What did I just think? Okay, okay. One other thing I think this might be. Let me do this. This is an order form and we don't have a product selector on the page. I think that might be part of our problem. We really don't need a product selector on this page. We do need a product selector on the page. Shouldn't be causing an error, that's for sure. But we don't even need to have it shown because we only have one product. But we do need to put an order select element on the page and I think that might be why it's throwing that two lowercase error, because it can't find the products. So let's throw this up top and put this on here and this. And I'm actually just gonna hide this element because we really don't need it. We don't need somebody to pick it. It's only there's only one product, so that's okay. And if this fixes it, then that explains exactly why. And I'll probably want to report that to the team so that we're not throwing some errors to stop other custom stuff from happening. But let's see if our error goes away. Hey, our error went away. So that was what was causing the error, which is also what's causing the rest of the code not to fire. So that's going to take care of our problem. Cool. So at least we figured that out. So glad we went through it together. So hopefully that that was at least a useful little side jaunt into how to troubleshoot your pages sometimes if things aren't happening the way you're supposed to. So this one, we've got the next step now when I click it, we should go to step two. And there we go. And so we've got our little mobile pay button here. Another side note, I would recommend hiding this for right now, especially in this scenario, because what happens is if I click this, it's going to take me and want me to pay. It's going to take me away from this order form. And as soon as I click Pay and I click pay again, that, hey, I'm authorizing this payment, it's going to go ahead and submit this form and take me on to the next step and I'm never going to get to see the bump. So I would recommend taking off the mobile Pay here. Your mobile pay options with clickfunnels are built in as part of the credit card element. We don't want that to be the case. So it's kind of meant to be a hey, click with this or fill in your credit card details. So in this case, that's going to detract from our key objective, which is to get them to take the bump. And so we want them to click the bump and to be able to continue on. But they aren't going to do that if they're clicking Mobile Pay and they don't ever see the bump. So. So let's go ahead and get rid of this mobile pay. We can do that pretty easily as well. If we go ahead and go into settings and then custom css, I'm going to share this code as well into the members area somewhere to be able to hide the mobile pay. And the way we do that is do payment request button and then curly braces to open up and then we're going to display colon none and then hit semicolon and then close out the curly braces. And so that says, hey, this payment request button, that's our mobile pay button. Don't display it. It's not actually removing it from page, it's just not displaying it on the page. So we're going to save that. And now if we go into this page, I'm going to go ahead and close up console so we don't need to see that anymore. And now if we click our unlock, we scroll down and once I finish loading, you get this filled out and click next step. Did it not load refresh? Maybe I need to add the display none important to it. I believe that is probably the case. It's in custom CSS and display none need to add hash. The bang, the exclamation point important to the end of that. That's what we need to do because by default it has a display of block set on it and so we need to override that with the important tag and so now we've got that and now let's refresh our page and we should be good. And so now we can click to go down and click our next step. And now our mobile pay is gone. So perfect. And now if we click Next step three, Next step and then we'll go on to step three. So that is the accordion. The accordion order form or the three step order form. There's another component of this though that we haven't done yet. And that is that's actually to have this submit the first step of the contact. And so that when somebody clicks next step and they click this button, then I want to go ahead and submit this information. The first, the name and email address. I want to go ahead and submit that over to clickfunnels on the back end. So a contact is created and I can follow up that user and give them my abandoned cart sequence. So that is another chunk of code and I'm gonna grab this one off screen and make sure I've got this one set up here real quick. So give me a sec to get that one going for you and then we'll pull that code over. So let's see here. Find the right code. And open that up correctly. I want to open it with my editor. I'm going to do that. Sorry, Editor is being funky on me. Okay, Open in the wrong window. There we go. Okay, so now if I go in and take a look at this. So we're going to pull this over. Hopefully you can still see that. Okay, so let me make sure somebody could give me a quick shout out in the chat, make sure that this, this is. You can still see the code that I've got pulled up over onto the window here. Should still be good, but just want to double check since I had a little weird flake with my editor there. Okay. Tom says he can see it. Awesome. Thank you for that, Tom. So cool so far. This useful. Is everybody getting something out of this? I hope this is useful. We still got several people hanging out here. Hopefully this is making sense and that I'm going through this well enough. Definitely be sure to ask questions as we go if something doesn't make sense. And definitely at the end we can go through and answer any questions as well. But hopefully this is making sense. But if somebody could just let me know in the chat and make sure that this is making sense or this is good stuff, this is valuable, I definitely will make this worthwhile. So if we look through here, this is the actual chunk of code that will allow you to do what we call the AJAX submit of that contact information when they click on the step one button. And so step one. So just kind of walk through this code real quick. What it does is it says, hey, when somebody clicks an element that has this data title of Step one button, which is our blue button that says next step on it, the first one. So when somebody clicks that, then do a validate email on this. So in this code, actually I want this return false. So if the, when I call the validate email function with the value of that, if this doesn't validate, actually that we need to add, that's probably why this isn't working. I need to actually pass in the actual email address that they submitted. So we're gonna, we're calling the validate email and say, hey, what is the email address we're passing in? So this code is quite right. This was a copy, it's been modified since then. Oh, Jackson says he got kicked out briefly and now he's back. Okay, awesome, Jackson, thanks for the heads up. So, yeah, so this one's basically is going to validate the email address to make sure it's a valid email address before we try and submit stuff. So the way it does that is there was actually a validate email function here, big old long function that just makes sure that the format of an email is actually a valid email format. So don't worry about all the gobbledygook here. Even I don't understand half of this. So that's okay. It's just testing that email to make sure it's good. And if the email is valid, then go ahead and set some form valves. And the form vals is basically going to go through each input on the page that's already been filled out and submit and add them to our hidden form inside of QuickFunnels. And then so those values get ready to get prepped and get sent over on the back end. And then behind the scenes actually do a post to the URL of this page. And on that post we want to send them the serialized version of our CFAR form, which is the hidden form that ClickFunnels uses to keep all of the actual values that somebody is submitting. So basically it's saying, hey, package up all my data that's already been filled in, which is the name and email address, and go ahead and submit it back to the same page so that ClickFunnels can create a contact action of it. And then once that happens, then just log out to the console that, hey, this contact was created. What I want to do here is I want to actually go in and update this real quick. I'm going to do this on the fly. So this code is wrong, it's been updated and this wasn't quite right. So I want to do input name equals email. And so that is how we're going to get that email. And if that's not right, then I want to return false, but it doesn't actually happen. I'm going to go ahead and grab this code. I'm going to copy that. Then if we do things right here, that's all just going to work. Let's go into settings and then tracking code. We're going to put this in. We're going to put this in. It doesn't matter. We can do it above or below. We're just going to go ahead and go into our code here and we're going to paste that in again. What this is going to do is it's going to say, hey, when somebody clicks on the step one button, validate their email address. If it's not valid email address, don't do anything. If it is a valid email address, then go ahead and set the form valves and then go ahead and post that page over to itself. That being said, these things don't work quite right if you're posting, if you're doing this in preview mode. So we're not going to want to do this in preview. We'll actually pull it up and do it in the live URL. So we're going to have to do this slightly differently for our testing. But. But I want to run through and hopefully, fingers crossed, everything works the way it's supposed to. Are we on our right? This is demo step two. Nope. This is the new one we tried to create. Let's go ahead and get our other one up. Let's go into funnels. Let's pull up our file here. Let's just do this. What do we do? We call this three step. Right? So three step. There we go. We got three step demo. So we're going to three step demo and then we've got our URL here. So I'm going to go ahead and grab this and I want to copy that. And then I'm going to open up a private little incognito window here. So we're firing in a fresh session and now on this, in fact, let's, let's bounce back in just to make sure we're looking at it right. So let's go in now we're Going to open up our contacts tab and we shouldn't have any contacts because we've not actually submitted this yet. Right. We have actually. Note we did, did we did, did we submit it? Yeah, we've got one contact on here at least about an hour ago. So must have been early on we submitted this form. But now let's go ahead and go back in to our new one. We're going to fresh. Go ahead and scroll down. We're going to fill this in. We're going to say Jamie Smith and we're going to do Jamie plus 12. And it's the 8th.08, 18 2, which is unique because we have minus one already, if I remember correctly. So we had 1206, 18 1. So that was from another test. So we're gonna work in a different. Get back to the right page. Oh, back to my right tab here. There we go. So we're on 1208, 18 2. So this is what I do. For those that aren't familiar, this is how I do my testing is always add whatever your email address is. So mine is jamie of pro tools.com so you do jamie plus. And then whatever comes between the plus and the at is going to get ignored by your email provider. And this works with most email providers nowadays? Not all, but it definitely works with Gmail, which is Gmail. I use G Suite to host the ccfro Tools email. So this will work with my Gmail account. So do whatever's in between there. I like to do the date and then a dash, whatever sequence number of the tests that I'm running. So if it's test one, that's dash one. If it's test two, then it's dash two or dash seven or dash 52 sometimes, whatever you like there. And so now we're going to go ahead and click. I think I actually just click next step. So that's what I wanted to do is click next step. And so that fired and then let's go in and double check if we go back to our sorry tab one too many times. Oh, did it one more time. Sorry. My computer is being a little laggy with the recording that's going on. If I refresh this page now, we should see our new contact. So just by hitting that next step, I've captured this contact and what that means is now I can be put into that sequence of saw page but didn't purchase. So if I were to just go in and close out that page now and not complete my purchase, I've at least captured that user's contact information or if the customer doesn't purchase, we've at least captured their contact information so that we can then follow up with them and say hey, did you forget your book? Hey did you forget your course? Hey, we reserved this copy for you. All you need to do is go back and claim it, whatever you want to say in your emails. So this is pretty cool. It gives you that two step order form functionality but with having it all embedded with kind of the normal one step, we build out the order form ourselves. So a little custom code in there allows you to do that. So that's what we got going on there. Those were the two big key kind of ninja hackery things that we did on the 10x secret order form was the fact that we had this three step expandable order form as well as the submitting of this data. Whenever somebody clicks this next step on the step one button, it actually will submit their data behind the scenes. So they capture their contact information, follow up with them and then with a good sequence that follows up with them there, you know you can actually figure out, you might ask questions along the way like hey, you know, you know, hey I noticed that you stopped in and we're interested. Did we do something wrong? Was there an error? And then if they that way and give them a chance and say if so please just shoot us a reply back to this email and we'll be happy to help out. So that may be the case, you know, they may be just ran into a problem and let them email you and say yeah, yeah, oh yeah, I meant to order or when I click submit, it didn't go through for some reason or my credit card got declined or whatever. So that you can follow up with them and say oh hey we'd love to help you. Give us a call, go order order over the phone or whatever. Especially if it is a high end product. We're doing a thousand dollar product, you want to be able to help that person. If all they had was a little technical issue, you'll be able to help them and follow up with them. So this is a great way to do that. The other thing would be for common injection handling you could set up a sequence of a non buyer sequence that says hey, they landed. They were obviously interested enough to put in their name and email address, but they just couldn't quite get themselves to pull the trigger by putting in their credit card information. And usually you can check to see if there's a failed credit card charge. Then you know, okay, their charge didn't go through so you could follow up with them there. But if they don't even have that, all you have is a name and email address. Then they didn't even put in their credit card information and they just got scared. They didn't pull the trigger. So you can follow up with an email series that says hey, and it's probably not step one. Step one is probably, hey, did something go wrong? And you'll probably notice in Brussels, if you ever go through the dot com Secrets book funnel expert secrets book funnel, you'll notice that if you go and fill in step one of the two step order form and don't buy then which you should buy. I don't know why you wouldn't, but if you're testing like I do a lot, you'll. You'll get attitude sequence and it will say, hey, I did something go wrong? And then that's the one that you lead with like, oh, hey, I noticed that you reserved a copy of the book but didn't complete. Did something happen technical wise? Because that, you know, happens sometimes. People get distracted and that's all it takes is oh, oh, yeah, that's right, I forgot I did that thing. They come back. But the next one, the sequence is, hey, you know, I noticed that you added this to your cart and you didn't complete your purchase. Generally what happens is one of two things. You know, you're not interested or you're interested. And in fact I did a video on this the other night. Kind of explain this process. If you're interested, go check out the cfprotools Facebook page. Just facebook.com thefrotools this was something that I learned the other night. From now I'm going to Vincent Antonio, I believe is his name. Someone shared the video and I watched it. It was actually Dave Fry, a good friend of mine, Dave Fry shared the video in another Facebook group. And so I went and watched it and he said this about objection handling and I thought it was really, really genius. And that was that. When you're faced with, especially if you're doing high tech at sales or you're doing face to face or you're on the phone or you're meeting with somebody and they say, you know what? I heard everything you had to say. Thanks for taking the time. But I really just need to think about it. Instead of ever leaving that meeting, instead of ever leaving that point of transaction without with that, I just need to think about it because generally what's going to happen is they're either not going to think about it, or they're going to think about it and forgot 75% of what you actually said and make a decision based on that remaining percentage. And of that remaining percentage they remember talking about, they're probably going to have that incorrect. And then so they're probably only getting about 5% of what you said actually correct when they go back to think about it. And so they're never going to actually make the purchase. So you don't ever want to leave that transaction in that state. So what you can say then is to say, hey, okay, I totally understand, but here's what I kind of learned over my experience, that when somebody says they need a chance to think about it, it means one of two things. It means either you're not interested or you're interested, but you're just not sure yet. Can you let me know which one is you? And they'll either say, you know what, I'm just not really interested, and you say, hey, that's no problem, I understand. And I don't want to waste any more of your time, I don't want to waste any more of my time and just move on. If they're not interested or not interested, no point in belaboring the point. Or at that point you lose some of your positioning if you start to grovel. So that's one way to go. There's certainly other ways to go if you wanted to really try and get them interested. But if you've been through a 90 minute presentation with them and they're still not interested, it's a pretty good chance they're never going to be interested. So let that one go. But a lot of times what you'll see is, you know, I'm interested in, because they just sat through a presentation with you, they just went through this long form sales page, or they just sat through your webinar. So they're probably interested. They probably wouldn't have spent that time. They probably wouldn't be at the end of the meeting if they weren't interested. So they're probably gonna say, yep, you know, I'm interested, I'm just not sure. And then that opens the door to have a conversation about, okay, what is it you're not sure about? And that generally leads to a few things. So you can say, okay, that's, that's great, thank you. So now what I found from my experience is that most people that are interested, but they're not quite sure yet, it falls into one of three categories. Either they're not quite sure how this will help them or they're not quite sure that it has all the features that they need or it's a financial concern. So do you see how this, my solution, my package, my course, my whatever, my software. Do you see how this could benefit you in your situation? And if they say, you know, I don't really, I'm not quite sure I understand how this is going to benefit me, then you can address that objection. But they say, you know, yeah, I totally see how this is going to benefit my business. Then you're like, okay, awesome, you've just got them to agree that this thing will benefit their business. So that's a great, great place to be in. And then the next from there is. And I'm actually going to stop sharing my screen here real quick just so we can see a little bit more of my face. Let me do stop share real quick. So, okay, so you know, you've gone through that. So you've got them, you know, now you've gotten figured out. They're either objection one or they're not and say, okay, they're interested, they understand how this might benefit their business. That's great. You've got them to kind of commit to that, to saying yes to that. And so, yep, I can see, I can understand how this can benefit my business. So, okay, so now is there something about the solution that you're not quite sure whether it has everything that you need and they might say, you know what, you're right, I think I need this thing. And I didn't really see in what we talked about. I didn't hear it in the sales page, I didn't see it in the presentation, I didn't hear it on the webinar how this might solve this problem for me. Then you can address that and say, you know what, ah, that makes sense. Okay, great. So here's, you know, here's the way that we would solve that. Or you know, you've got custom pieces of software, you know what we can develop that in and then you would have a solution to that problem. If we're ready to go to get started, if that's your hang up, if that's your concern, then let's crush that one and move past it. But a lot of times it's going to come to the third, which is, you know what? No, I think that, yep, I can see how this benefits me and I think it has everything that I would need. But I just, I, it's more money than I'm willing to spend a day or it's more money than I expected it to be or I just don't know if I, you know, a lot of times it's going to be, you know, if I spend $1,000, my spouse is going to get mad at me. So it's a financial concern. And then you can address that financial concern. And Russell has a ton of great scripts on how to address that. You know, the fact that you know you're going to, hey, you can find something with a credit card, you know, you're already in debt, that's not going to change. You know, being more debt is not going to change unless you do something to change it. And this is your way to get out of, out of that. This is your way to make more money. So don't worry about the finances or you know what MasterCard credit card, you know, MasterCard, Visa, they do these great programs where they're actually allow you to pay it or you know, the one you can offer at that point is, you know, oh, I totally understand. And this could be done in email sequence as well. You could send them to an alternate order form where you say, you know what, I totally get that sometimes $1,000 purchase might be a little bit too much to bear all at one time. So I would like to offer you one last chance or one last solution which is if you'd like to do three payments over the next three months of just $299 each month for the next three months, then I'll get you access into this system and that gets them to actually take the action, say, okay, I just can't afford to pay $1,000 today, but if I could break that out over a period of time then that would be great. So you could actually craft out an email sequence as you're in your abandoned cart. Now you may not want to go through all this trouble if you're selling a $19 widget, but if you're doing a, you know, $997 course or you're doing a high ticket close or you're doing, you know, something like that, then it might very well be worth crafting out a well tuned abandonment cart sequence to follow up with people. And so having this sort of two step order form, or in this case a three step order form that allows you to follow up with that person if they didn't complete their transaction could be huge in increasing your overall conversions long term by being able to handle those kind of abandoned cart reasons objections through an automated email sequence. So yep, so that's something I think could be very Cool with this. And that's why we built this in, to be able to do this name and email address. I've actually used this code as with a lot of things, I've got code written. I mean you probably saw if I go back and share my screen again, if you see here and let's get to the right desktop, desktop three, go share this again. And now if I get back into my. Right version of my editor here and scroll and pull over the right one. So this is the Pro Tools library. You'll see that on this here. This list is huge. We've got a ton, A ton, a ton, a ton, a ton of code. And this is, this is not even all of it, but there's a ton of different files in here and these all represent different add ons that I've built over time. And not all of these things are in the members area. A lot of these things are things that I built out that just have never been used. So we've, you know, I built out this huge library of things. This is, this AJAX submit was one of those things that was built out. I built out a request, I believe the first time from Ed Dale. I'm not sure if you're familiar with Ed Dale, but he is an Internet marketing legend and had reached out, I think early on he was looking at getting into using clickfunnels. Luckily someone convinced him he should do that and he actually met a good friend of mine, Liz Benny, at a conference. Liz is from New Zealand, Ed is from Australia. They were I believe at a conference somewhere in Australia. And Ed met Liz and was talking to her about clickfunnels and she said, oh well, you should connect with Jamie Smith and he can help you out. And so Ed connected with me and I said, you know, he's like, hey, I've got this page built in WordPress and it does this one thing that is really cool and that is that it collects name and email address on a little embedded form on the page. And when they click submit it just submits that on the back end. They never leave the page. And then it replaces with a here's how to download your PDF. So he has to build that out. So I built this Ajax code for Ed way back in the day. And so I pull those things up anytime we see, hey, this is something we could use to improve our sales pages, improve our conversions and all that. It's something that we, I try and build in and then roll out to the rest of the community to use that to kind of help us out. So this is one that we kind of reused and eventually it'll be inside of the members area as an add on, which is the Ajax. And we'll probably call this, you know, something, I don't even, I don't even know what we'll call this one yet. But it'll be coming soon and I will do do an email out to any of our blasts out to the group to say, hey, here's the code, you can go grab it now. And we'll have full instruction videos on each of these. So you've got the accordion order form, you've got the AJAX submit for this name and email address and all that stuff will be available inside of the members area once I get those things filled out. So that being said, let's get out and make sure I have got everything pulled up here. And Jackson says, yep, a line I've used many times I saw in pest control. Yep, totally. That's, that's awesome. Yeah, I love that, I love that video from, I believe the name, his name was Vincent Antonio. It did a great job. It was actually a podcast, I should say it's a video. It was actually a podcast episode. So I think it was on YouTube, but it was literally just, just a podcast. The audio ripped into a video format. Okay, great. So those were the big things that I wanted to cover today. And then the other thing that I just want to kind of show off a little bit because this one I hopefully will have launched later today. It's of course it's starting to get dark out here. You might have noticed my lighting has changed significantly. I've got more glow of my screen on my face than I have sunlight now. But one of the other things that I'm hoping to get launched today that's been in the works for quite some time is the new PayPal add on from CF Pro Tools. And this one, I think people are going to be pretty excited about actually going through making a few tweaks to make sure that it works properly on the two step order form. And I've embedded it for one step order forms right now and it's working very well. And this is a little bit different. I'm just going to pull up this funnel here and we'll just kind of show you how this works live. So if you're excited to see the option to have the ability to do both credit card and PayPal on the same order form, then give me a shout here in the chat. Let me know that, because this is one that I've been looking at adding in to see approach tools as an order form option for a while. I've got a lot of people that, that are PayPal customers that would like to use PayPal to sign up for CFO tools. We don't use it a lot with clickfunnels. We don't really offer PayPal as an option for clickfunnels very much so because Russell is not a PayPal fan. I also am not a huge PayPal fan, but a lot of my customers are and so I wanna be able to offer that as an option. The problem is we did recently add a PayPal integration option indirectly into Click Bonus, which is great. The problem is that it's one or the other. It's set up so that it's. You can offer PayPal as an integration. So you create your product and your product is tied to PayPal. So but when you do that, it removes the ability for the credit card payment to take place on your order form. So it actually removes the credit card form entirely. It just replaces your credit card form with a PayPal buy button. And that's great as a PayPal option. But a lot of times you don't want to just say, hey, buy with PayPal and have PayPal be the only option. Because a lot of people don't want to use PayPal. Depending on your audience, you know, a lot of people don't don't want to use PayPal. They just want to, they, they're not comfortable with PayPal. They'd rather just pay with their credit card. And so not having the ability to do PayPal and credit card has been a little bit. So I built out a solution for that and I think it works pretty well, but I'd love to get some feedback on it. So while I've got a group of people on here, if you're interested, I'd be happy to show it off a little bit. Tom says, yeah, PayPal and credit card on the same form is a good option to have. And Jackson says, yeah, that could be great. So if you guys are cool with it, I'll just kind of run through real quick how this works. I'd love to get some feedback and then I'm hoping to roll out the code later today. The setup is not in as simple and straightforward as I'd like it to be, but I think it's still reasonably straightforward. So it's hopefully a good solution. So I'm going to actually, I just go ahead and grab this page here. I'm going to open up an incognito window and we'll just kind of run through this real quick and I'd be interested in to hear your thoughts on the interaction, the actual customer facing interaction of how this works. And then we'll kind of step through a little bit how it's actually set up in the back end and hopefully that makes sense as well. So we've got here just a basic one step order form. So you know, name, email address, shipping address and then here's our option. We've got a product selector. You could have multiple products attached to this. So if you wanted to have, you know, if you had, you know, buy one widget by two widget by seven widgets, whatever and then you'll be able to have that option. And Jackson says are all the things that you've shown today on the VIP club members area. They are not yet, but they will be very, very soon. I've got the code ready, I just need to go through and record the videos, kind of what we've gone through today, like how to set them up. I'll be recording individual videos for those and throwing this in the members area. So I hope to have that stuff all done by the end of the weekend. So they will definitely all be there. The AJAX submit for the name and email address will be there as well as the, the accordion order form, the three step order form will be there. And then hopefully as well this PayPal payment option will be there as well, hopefully by the end of the weekend. And also the video, the, the video options for how to set up cloudflare stream as well as to do the same for Vimeo. And then we walk through how to use Wistia to do that video solution. So you can certainly just use Wistia there if you want to do that. But I'll have some video how to, how to restart back in the beginning, how to play muted and all that stuff in the members area as well, hopefully by the end of the weekend. So we're on a just a basic one step order form here we've got the name, email address, shipping address and then we've got a product selector which all this stuff is pretty standard. And then here instead of having a just a basic credit card form, we've got a purchase payment selector. So do you want to pay with PayPal or do you want to pay with credit card? And we give the user the ability to click on if they want to pay with credit card. They check that and they get a credit card form if they want to pay with PayPal, they click that and it says, hey, here's the PayPal logo. Could you. Could. This is just an image, so you can insert whatever image you want there, or you could just have a headline, but click the button below. To pay with PayPal, choose PayPal Credit, take up six months to pay, which is the cool thing. It's like, let people know that, hey, if you have. This is how to handle that. Objection. Hey, you know, if, if you, if you can't pay 100, you know, a thousand bucks today, choose PayPal and quick PayPal credit and take six months to pay. It's all on PayPal. The great thing about that is that you, as the, as the, as a provider, as the creator, get paid 100% immediately. PayPal will pay you the 997. And then they take the money out over time from the customer. And if the customer doesn't pay what they've agreed to pay, then PayPal is the one that follows up and does all collection, which is pretty cool. So. So, yeah, so you get your money right away, and PayPal will collect their money over time. So it's a good option. So, yeah. So basically toggles back and forth. Do I want to pay with PayPal? Do I want to pay the credit card? You'll notice up here, I've actually named my products two different things so we can see the products actually switch. So if I pay with credit card, you'll notice it says testing stripe product. And if I Click Pay with PayPal, it says Testing PayPal. So it's actually behind the scenes swapping out two different products. Here I've got some code in place that wires these two products together so I can say, hey, the $97 Stripe product and the $97 PayPal product are the same product. And if I had a $47, $47, I could tie those together and say, they're the same product. And I just need to. They're the same physical or conceptual thing. They're just two different product IDs and click funnels. But whenever somebody changes their payment method, automatically change which product it is they're purchasing, and it does the same thing with the bump. So if I say, hey, yes, I want to take the bump, don't notice that I'm paying with PayPal. So I've got a PayPal bump product for $37. But if I click pay with credit card now, I've got a stripe bump product for $37. Now, you would probably set this up so that your products inside of Clickfunnels were named exactly the same thing so that the customer doesn't get confused. Like, well, what are these products? But you might, you might want to identify them as, you know, you know, product a, you know, in parentheses, PP or PayPal or whatever. So they understand. So that you understand that. But regardless, they show up in the stats as individual products. So you can see who bought more with PayPal or with Stripe. You can compare them and can and do, you know, kind of comparison of which is most popular, which payment method is most popular here. And then the other thing is based on the order you put these things on the page is the one that will be default by the first. So if you wanted, if you by default want people to pay in Stripe, then you can make Pay with credit card, your number one option. And then people would have to Click Pay with PayPal and then they would get that option. Or if you want a PayPal that's like, hey, I think most people want to pay with PayPal. So I'm gonna make that first option. It's gonna be the expanded one by default. And then the next option would be paid credit card. Then you could do that. But if you want to pay with credit card to be at the top, you just put that row first and it will be automatically selected as your default option. And then when they would have to select pay with PayPal and it would be down below here. So, but in this one, I've got, I've got my order form set. I say, hey, I want to pay with PayPal. And let's just assume I've filled all this stuff in. I've got my name, email address up above. But now if I click the Buy now, the other thing is you get your regular Buy now button. It's your button. You get to control what it says. It could be unlock access. I mean, Buy now, it can be complete. Your order could be whatever you want. You control this marketing message versus with the PayPal integration directly. ClickFunnels. It replaces this button entirely. It replaces this with just a PayPal button and it says PayPal or PayPal Credit. So you kind of lose that marketing punch of what this button says. But now if I click this button, then it replaces it with a PayPal or PayPal credit option. And so now it's like, okay, cool. So you got kind of this cool effect of, okay, now I've got a PayPal button. And now if I click that and it actually went off my screen, okay, this might have to. Gotta love this. It might have to do with the recording here. But, but it is closing things out for me right away. Let me just check my inspector here, make sure we've not got some weird error going on. Oh, you know what, it's because I didn't fill everything in, I do have to fill it on. So let's put this in. So if somebody hasn't filled out their order form all the way, then they have to fill that in. Okay, now we should be able to go and actually do the PayPal. So, so, and this is just, by the way, this is actually all using the direct integration with ClickFunnels, the PayPal integration. So it shows up in your stats and counts and processes and everything directly through ClickFunnels. It's just like setting up any other PayPal product integration. It's, you're setting up just a regular ClickFunnels product. You just choose your PayPal payment gateway and then same with Stripe. So you're basically just setting up two products in your product setup. You're setting up a PayPal version and a Stripe version. But the page actually uses the direct integrations of both, which is the thing that ClickFunnels doesn't do. Now you can't have both on the same page, but I've kind of bypassed that. So you can now have both integrations on the same page and then the customer just has to choose which one they want to use. So now I have my PayPal button. So now I can click that and on this, now it pops up, this little PayPal. And if you've used the ClickFunnels PayPal integration, this exact same one, I actually built up this code and I handed it off to Todd and the team went and ran with it and implemented this integration which is called the PayPal Express checkout payment flow. And so we've got now in the same page, just a little pop up window. If we click on this, it's gonna go back and say, hey, you know, don't see the secure browser. You know, click click to continue and it'll bring that right back. And if they, you know, so it's right there and if they click this, then it will actually close that out and take them right back to this page. They never left your sales page versus having an embedded PayPal button that you click on and it takes you over to PayPal and login. If you go over to PayPal and log in, then they just close it. Now they're gone from your sales page forever and there's nothing you can do about it. So I really, really like this implementation. It's called Express Checkout. Kind of blocks this out. PayPal does a great job of trying to center this on the page and make it look like it's part of the page. And it tells them up above, hey, you're, you're getting ready spend 84 bucks. You need to expand that out and tell you what's included in that 84 bucks. So they do a great job there. It'll tell you which store. This one's, this one's because it's attached to my PayPal test account, my PayPal sandbox. So it's called Test facilitators, Test store. But you have control over that in your integration. But you can see what they're spending. They can see there and they can say, hey, I want to log in with my PayPal account and pay. And so I'm just gonna log in. This is my PayPal sandbox email address and my password. And then I log in and then it's gonna take me in and this is just the first time through. So I have to log into my PayPal account, which would be completely normal. Someone would have to do this even if they want went straight to PayPal. It's a little slower because it's on Sandbox. It is a little faster on the production environment. So now they get to choose. Okay, where do you want to, how do you want to pay with this? I want to pay my PayPal balance. I would pay with the credit card or my credit union account that I have attached. Again, these are all sandbox stuff that PayPal sets us up for you automatically. I want to pay with my credit card, so. And then all I have to do is click the Pay now and then I click Pay now and I go back to my order form. But my order form is now submitting and so now my order form has been submitted. I purchased that product using PayPal and now I'm on an OTO page. And now guess what? Because I've purchased on PayPal once now again. This is an OTO page you would recognize. This is exactly what an OTO page would look like. You've got your own button, you've got, you've got your own link. You've got a no thanks link. This is just a regular looking OTO page that has been proven to convert really well in ClickFunnels. The beauty of it is because this page now knows that I paid with PayPal. Now if I click my yes add to my order, I get my PayPal buttons and I can choose again, PayPal or PayPal Credit. Now if I click PayPal, same thing I get, let's see, actually pulled up off screen on this one because I have three screens going. So I but I get my express checkout again and this time it knows that I'm logged in. I was already logged in. So it just takes me right here. And now all I have to do is pay now and I click pay now and then it goes through. And now I've completed my OTO and now I go through and I can say, yep, I bought my core product, I got my PayPal bump product, and I got my OTO product and I've got them purchased right there, just like that. And so that's the new PayPal. So that's the one that will be coming out soon. And then again, if I wanted to go back to this, let me go back to my order page. And so I'm on my order page now. I'm going to go ahead and change out my email address here and I'm going to make this 18 3. And let's say I do my pay with credit card now I'm going to pay this credit card and now I'm in test mode, so I can just do my test credit card and fill in my year here. So now I've got my credit card information and now I've got my stripe product and my Stripe bump product. And now when I do buy now it submits my order form just like normal. And now it will take me through eventually once it processes. Okay, and now I'm on my OTO page and then I would just click my regular OTO button just like normal and it will take me through. Now. I tested this once and it might be a little weird because I went through it once before, but no, looks like we're good to go. So now I've purchased my stripe product, my bump product and my OTO product all with the credit card, all stripe. And now if I go back in and if I take a look inside my sales tab here, then we should have a couple of new sales coming in here. So we've got, you know, an $84 here, that is. And we'll notice we've got our PayPal payment ID and this one, we've got our PayPal payment ID for this. This was my PayPal purchase. And then otherwise I have my charge ID. This is my stripe charge ID for the these. And you can see that I got my testing paypal plus bump. Testing Stripe plus bump. And so that's all good to go. And now if I go and look at my stats, We can see and if I expand this out and let's see if we can just pull up for today, it may not show up quite in the stats just yet because it just happened and stats aren't necessarily 100% real time, but let's just take a look and see if it's does not quite. Yeah, not quite because, yeah, it's not 100% real time. So my Stripe version hasn't gone in there yet, but you can see I do have a. My PayPal and my PayPal bump product purchase that are shown here as well as on the oto. We can see that I had. Yeah, that one hasn't even shown yet there. So. But you can see that these products are still broken out. So you could compare them together. So let's. So let's just add in. I tested this last night, I believe. No, it was actually a couple nights ago. So we should have some data from there. Let's jump in and take a look at that so we can see and compare and say, okay, so I've got PayPal product sales and I've got Stripe sales. We can compare and see. Okay, so 50% of my sales are coming from PayPal, 50% are coming from Stripe. And so you kind of compare and see. You can even look at and say, okay, of my PayPal customers, how many of them are buying the bumps? And of my stripe customers, how many are buying the bump? So then you could look to see which is your most effective option. So there's some cool stuff that this is going to allow for. So I'm pretty excited about this one. So this all making sense so far. Is everybody. We've got a few people still hanging out. Tom, Jorge, Jackson are still on. Angela, it's great to see you. Thanks for hanging out with me. But hopefully this is making sense to everybody. Hopefully you've seen this. Yep. Awesome. Jackson says yep, this is good stuff. So. Okay, cool. Awesome. Well, I think that we've probably spent a ton of time today. I'm sure you guys have better things to do. Jackson, at least I know is in Idaho. Jorge, I don't remember. Were you in California maybe? It seems like I'm trying to remember where Jorge's located at. But you guys, it's probably getting late for you there as well. The sun has completely gone down here. But I super, super appreciate everybody hanging out. Hopefully this has been extremely valuable. Yep. And Jorge says yep, makes perfect sense. And yes, Los Angeles that's what I was thinking. So yeah. So hopefully this has all been good and valuable. If anybody, unless there's any questions that I can answer while you've got me, I think we'll go and wrap this up, let everybody get on with their evening and probably go grab some dinner. I'm getting a little bit hungry myself and I will get the recordings pulled down for this and I will get them loaded up. I will probably do is load them in into the SealPro Tools members area but I will put them in a special 10x buyers section and only those people that bought through this link will get access to that. And also got some folks in here. I think Jorge and a few other people were in from the actual Tucama Club X training group. I'll make sure that I get access get a way to get you access to that as well. So I will make sure that everybody gets access to these and hopefully this has been useful and like I said before, I will make sure and get and get all the code loaded up that we went through today, build out as add ons and get the videos recorded for those and loaded into the members area both in CF Pro Tools and the VIP club as well as in the Funnel U members area so that if you've got either one of those that you have access to that and then you can start using the stuff on your own on your own funnels and see how it works for you you. So hopefully this has been useful and yeah, Tom says very useful. Thanks. And Jackson wants to know, have I ever used Typeform? I have not. That is one of the, one of the few that I have not used. I've actually used, you know, Google Forms. Wufu. I can't remember a time that I've ever used Typeform. I believe it's fairly decent. You know, it's obviously a popular one as well. So anything specific that I can answer with that or just, just out of curiosity, give Jackson a second to answer back here. There's probably a little bit of a delay on this. Yes, and you're very welcome on the bonuses, Tom. Thank you guys for all the support. I do greatly appreciate it. And just for those that are attending from the 10x Secrets, I will be sending out custom T shirts, CF Pro Tools custom T shirts for those folks that purchase the 10x Secrets Masterclass through my link. So those will be on their way to you. I still am going through collecting all everyone's sizes and shipping information and I'm actually working with in my opinion the greatest designer in the world. Jake Leslie, who is our in house designer at Click Funnels, he designs all of our sales funnels and basically everything that happens at Click Funnels. He design wise, print wise T shirts, socks, hats, everything he has a hand in. So Jake is the man. So I'm going to be working with Jake to come up with a super cool CF Pro Tools T shirts. I've got these, I've had these printed out myself. I made these myself. I think they look pretty good, that's why I sport it. But I'm going to work with Jake to come up with something super cool and I will be getting those out to you as soon as possible but it will likely be several more weeks. But definitely look forward to those things coming out as well. So unless there's no other questions or unless there's no other question, that's alright. Unless there are any more questions I think we'll wrap it up for tonight and hopefully this has been useful and I will look forward to doing more of these. So I appreciate you all hanging out with me. Jackson says no particular question right now. Just want to see if you knew any cool things about it. Yeah, no, unfortunately not with type form. I've not used that one but. But yeah, definitely if you use it and make it a good effect, definitely let me know how it goes for you. So I hope you have all a wonderful evening and I'm going to go ahead and close it out for tonight so I'm going to start shutting stuff down and as always, if anything comes up, you have any questions, anything that I can help with, be sure to shoot an email to supportaprotools.com that will put a ticket into my system and make sure that I can keep track of it and the status of it. It's kind of the best way to keep me on track. So. Supportafprotools.com and I'll answer any questions that I can and I hope to see you on the next one. Take care.