Gradient CTA Bar in ClickFunnels 2.0

Danny Walsh shows how to build a high-converting webinar page in ClickFunnels 2.0 using gradient backgrounds and warning icons. No coding required.
Chapters
Hey, it's Danny Walsh from ClickFunnels Community Outreach Team. In this video, I want to carry on with our little funnel hack. And you may remember we were making a model of a high converting webinar page. And you'll notice in this webinar page, if you see where my mouse is, you've got this. Attention small business owners and entrepreneurs who are sick and tired of feeling unmotivated and worn out. And it's got like this little warning triangle at the beginning and. And you can see the gradient behind there. So if we hop back into our funnel, if you've not seen this, check out the previous video. Hop back into our funnel in ClickFunnels 2.0 and I'm going to show you how you can do that without any coding. Right, so what we've done, as you know, we've put the bar at the top, so you've got the limited time replay thing. We can make this narrower, you've got your logo and then you're going to replicate what we've just seen. So this was attention, as I said, easier to do this stuff than it is actually. Type. Business owners, get ready for something awesome, right? So what we're going to do is actually type what we want. You can see that you just type the words in. Then we'll click the little gear icon over that orange box and we can go in here and we can override the text and we can make that smaller, right? So straight away we've made that smaller. And if you want, you can change the font way. We could change the fonts, all these different fonts. I like the Roboto one. Maybe we can make that small like that. It's however you want to do that. You've either got your style guide or you've got this ability to override to see how cool that is. So we get that how we want it. And what we're going to do is we're going to change the color to a darker color. So we've done that and now you've got the words that you want. If you go to the little gear again, can scroll down and you will notice that it says icon before you press this little slider and you go in this thing and you type in the filter warn. And you can check these out. But that's the warn. It's for warning. You've got that little warning symbol, right? I'm thinking, oh, man, I need to tidy up the spelling. That's about it. Then what do I do? Right? So I go back to my little gear. And what I want to do is go down to our background. I'm going to toggle the background on. And you can see here that we've got a style and we've got a background and a bunch of other stuff. If you click on background and you come to top of here in that, you can change that to a gradient. And this is where it gets pretty cool, right? You can make the gradient go horizontal like that, and you can move these little sliders. So imagine that your middle color was, for example, a nice yellow like that. I'll change that. Sorry, my mistake. We go here. What we want to do is make that a nice yellowy color, and we make it horizontal, and then we make the outer colors white. And watch. Click there. You can add another outer color and you can move these along to give you more sort of fade at each edge, right? So you can choose very, very quickly your gradient. And if you want to make that pale like that, click back on your page and give yourself a couple of spaces between the warning symbol and your text. You've pretty much replicated what they've got on that page without any code inside of ClickFunnels 2.0 in like 2 minutes. It's pretty cool, right? So don't worry about coding. And of course, if you do want to come down here, you can also change the color of your icon. It's dead simple. And you don't need a coder, you don't need a designer. You just need clickfunnels. So go do it. Get to it. I'll see you on the next video. Bye bye.










