How To Guides How To Videos Feature Requests Calendar Training Workshops

Transcript

0:01

In this video, I will be showing you the 3 places that you can start creating a new page in the 2.0 page builder, as well as how you can customize and style your 2 point zero page. So when we go into marketing landing pages and forms, you're going to have the option to create a new landing page. We're going to click that and it's going to pop up with this little window where it's going to default to the 2.0 page builder. You can automatically do a start from scratch, or you can select one of these pre created templates. You can also do the same thing inside your funnels.

0:40

So inside of a funnel, once you've created a new funnel or even in a, an existing one, you can do add step and select your page. From there, it's gonna have that same pop up as if you are creating a standalone landing page. The final option in terms of creating a 2.0 page is in the main site or membership site. So on any sites, you can go into the menu in pages, and we're going to select a ad and you can select a basic classic, editor page, or we have the builder 2.0 page. So we're just going to put new page.

1:27

Once we've created this, you're gonna have the edit page. It's going to look as if you are in the classic editor, but when you click edit page, you're going to end up having into the 2.0 page builder. It is a different layout and different settings. But today we're going to focus on the style guide. Style guide is how you're going to customize your page, and it's going to offer you so many more things than what a basic theme of a classic editor is like.

2:03

So, as you can see, we have our default, which is already preloaded, and you can change your own default page, style guide. And you can, when you change it here, it's going to apply to anywhere that that style guide is set up. Very, very similar to how the theme is set up. We're going to click the change button, which is going to end up bringing up this, gallery view. So you have our default one, and then we have all of these other, different styles that you can do.

2:37

So say we have all these styles and we're not really finding one that we really like, and we don't wanna affect anything, in terms of affecting other pages and things like that, you can create a new style guide. We're gonna do Justine's style guide, and it's gonna show it all the way down here. Once you've selected and you can preview it, you can do your style preview, your current page, and you can do that with each of these. You're gonna click select. And then from there, we're gonna be able to customize it.

3:10

So now that we're gonna into the new style guide, we're gonna select edit into the colors. You're gonna be able to set up your custom color palette. So I think we should do some greens and really get into that spring mood. Okay. And we'll do we'll leave that one and maybe do another gray and we'll do our white.

3:42

So now that we've select these colors, it's gonna end up applying automatically to each of your color styles. Now with that, you get 6 different color styles, and these are gonna be combinations of how you want to use your colors. But each one is able to be customized. As you can see on the right, you can get a preview of exactly what your styles are gonna look like on your page. When you select this color style for one of your sections, which we're gonna go over in another video.

4:12

So if we select these, so we're gonna look at this. I think that one looks pretty good. But this one over here, our style guide 2, if we select this right here, we can actually customize each of these. So our paragraphs, I think, need to be a bit of a different color, and maybe I want black for this one. So as you can see, I've customized this color style, but it does not affect this, and it does not affect any of these.

4:40

I can do the same thing over here. So maybe I don't really want the green on here. Maybe I would like a black over We can do here and maybe here. So as you can see, it's only affecting this. So once we've had our colors all set up, you can then go over here, and we can actually go into the fonts.

5:10

Once we go into our fonts, you can have your base font size. You can change that how you would like it to be. And then we're gonna do the headline. So you can have your font based off of this entire list of variety of fonts, that you can then customize over here. So if we select 1, you're able to see what it looks like on your headlines.

5:33

And it's also going to show you the different sizes you have. You have the option of extra large, large, medium, and small, which you can then customize on each of these sliders on these sections, as well as change the letter spacing and your line height. So you can customize those just like you can do on the headlines. You can also do it on your paragraphs, sub headlines, and pre headlines. Change the headline.

6:02

It doesn't necessarily affect the paragraph. So you can have a different font and different overall look on each of these. Next, we're gonna go into our buttons. Similar to how our colors have different, options in our fonts do, so do our buttons. So underneath the button, you can change the padding.

6:25

You can even do custom padding. You can do borders, which we will cover shortly. You can also change the corners. You can have square, slightly rounded, quite rounded, and you can even do your own custom amount to be able to select how much rounding you want for it. You can also change the font of your buttons.

6:53

So you can pick either your headline or you can select a different font for your button specifically. You can change the font weight, which you can also do on the other fonts as well. And then you can change the text size, the line between, and the spacing as well. You can do the same thing with the subtext and have all of those customizations as well as change the button color and the text color for each of these different styles. Then we're going to go into our borders.

7:27

So if we go into borders, you can select your color that you want for each border. And again, we're going to have these 3 different styles of borders. You can customize these so that you can have a variety around your page. Next, we have our shadows. So if you decide to add a shadow to anything on your page, you can have all kinds of different customizations, again, with the 3 different styles, and you can adjust, you can adjust these different sliders based off of what you would like to have changing the way it looks.

8:05

And as you can see, it's updating it right here as we are adjusting this style 1. Once you have all of this set up, you're able to save it with this publish button, so we can publish our changes. And then in these three dots, you can actually look at the version history of this style specifically. So if you make a change, so maybe we made a change and I wanna revert back to it, you can select one of them. So let's do this one.

8:37

You can restore this version. So it's going to restore the change that it already done. This is a quick overview of how you can customize and personalize your landing pages and the 2.0 page builder.