Transcript
In this video we're going to go over the different elements inside the two point zero page builder.
So once you have already created your page, you've already started it, you already have your sections, rows, and columns started, you're going to end up having the option to add an element.
So we'll go here, click add an element.
Then you're gonna have the different elements on the right side editor.
So as you can see, the first four are gonna be your text elements.
So that's gonna be your preheader, headline, sub headline, paragraph.
So we go in here.
This is a new page.
We're gonna have the option to have this already created.
It's gonna pull in from your style guide.
And then from here, if you don't want this to actually be a headline, you have the option to switch it into a different text element.
Now this option, this drop down menu is gonna automatically show for any text element that you utilize.
So if you end up having it as a preheader, it's also gonna have that little drop down menu so you can change things as you go.
Within those things and with all elements really, you're gonna have the option to customize their styling in terms of their padding, margin, borders, corners.
And then you're also gonna be able to do your advanced settings.
And then you can go in and do, whether or not you want it to be conditionally shown, either by tag, by list, by product.
And these all have further customizations, whether they have it or if they don't have it.
And then the same here.
Okay.
Now we're gonna go into the next element.
So we're gonna add our element.
Now we have our bullet list.
The the really awesome thing with the two point o page builder is the fact that you can actually change the icon.
So you can customize your text already.
You can already decide how you want that formatting text to be.
If you want it to be all lowercase, all uppercase, what have you.
So right off the bat, it's already gonna be a check mark.
But if we click this browse icon, it's gonna pull up the Font Awesome.
So in Font Awesome, you're able to get all kinds of different icons, different icons that you can use in general all over the place.
You can either do icon packs, you can do categories.
The options are limitless, in terms of what you could do.
So, I'm gonna go with some animals.
Why not?
And then in here, you're gonna end up having your different options for, animals or what have you.
It's gonna be the same with any other ones.
I'm gonna click the Kiwi bird.
And then as we go in here, you're able to see whether or not you want it to be regular, full, then kind of up here.
So then once you do that, you're just gonna click that.
Click copy.
Go over here and then paste that code right there.
And now we have our bullet point which is now gonna show that little kiwi bird.
So we can go in and we can also customize that in terms of adding the the icon to be larger.
And if you wanted, you could also change the color of it.
So it doesn't necessarily have to go directly off the color of that text right here.
This is only gonna be available inside of the bullet list.
This will not be possible if you try to create a bullet list inside of a text element.
So if you want to have a bullet list, if you want customizations, definitely encourage you to do that bullet list.
Next we're gonna go to the next one, which is going to be that countdown timer.
Countdown timer right now is only for that target date.
So you're able to select exactly what date and what time you want it to have and what it's gonna be counting down to.
Go to the next one.
Now we have events.
Now with the events, now that this has been, like, an upgraded version, you have the option for either upcoming or specific.
You're able to decide how many you want to show, whether or not you want it to limit by site, which would be only any events that are on that site specifically, or you could also limit it by label similar to the previous, event element.
Alright.
Now we're gonna go in.
Next one is the progress bar.
Now with the progress bar, it's gonna end up allowing you to customize exactly what you want that to be, what you want it to look like, how you decide to utilize that, if you have, like, a funnel or two step sign up form, anything like that.
That could be really beneficial in terms of having that progress bar, And you're able to kinda customize how far you want it to show.
So you get to decide, you get to have that control, and you're able to decide what the colors are as well.
You don't necessarily have to keep these colors.
If you wanted, you could do something completely different.
Next we have courses.
So with the courses you're able to do all or specific.
You're able to customize how many courses are going to show, whether it's 10, whether it's more.
Really it's up to you what you want to show and then the limit by label again.
Now we have our products.
Really great addition about the products is you also have that so you have the all listed or you can have specific.
Again you can do the products limit by label, but you also have the limit by category and you have the option of hiding those that have already been purchased.
So if you only want to show products to your members that they have not yet purchased so they can kind of be enticed for the new ones, this could be a really great option for you as well.
Next we have our spacer.
This is essentially just going to be an additional space in between, different rows or sections.
It just does it without having to add like additional margin or padding to the other elements.
You're also able to have like a horizontal rule so you can kind of see that line right there.
Make it a little red and decide exactly how wide you want that spacer to be.
Okay.
Next one is gonna be audio.
So pretty self explanatory.
When you have your audio, you're able to go in, add your audio from here, and then you can also decide whether or not you want it to loop.
So that would be it would continuously play if they had it on here and they had finished it and it would just start over.
Next, we have our image.
So you're able to go in here, click add, select the image that you want.
So let's do these flowers.
As you can see it's gonna pull it up.
It's gonna automatically fill that.
You're able to customize and say like what the alternate text is and then you're also able to do the fit.
So this is gonna be like any other place where you have your none, cover, contained, fill, and scale down.
And you're also able to decide how wide and how tall you want it to be.
So if you don't want it to take up the whole space, maybe you want it a little smaller, you can just scale it down here.
You can also change the image shape.
So right now it's got go here and it's gonna expand it or you can do that circular.
So if we go back to this one, you're able to also decide your ratio.
So whether it's the 4 x 3, 3 x 2, 16 x 9, and then you can also decide how rounded of corners that you would like to have.
So if you want really rounded, not so rounded, a little bit rounded, same with the square option, you're also able to do that, rounded or not so rounded as well.
Now we also see that there is the option for it to be a specific alignment whether or not you want it to be left side, right side, or center.
One other thing I forgot to mention is you can also decide to have that link.
So if you want to have them be able to click on this and then open up a new window, then you can do the action of like go to and then decide where you want them to go.
You can also have it open the pop up or download a file and then also have that option to open up at a new tab.
Alright.
Next one is our video.
So inside that we're going to add our video and you're going to also have it from your media library.
If it's not something that's already on your media library and you need to upload it, you can always do that as well.
So I'm just going to add that video.
Now you can kind of see what it's going to look like.
Share it across your different, devices.
And so if we don't like the way that this looks you can always customize it, decide how wide you want it to be, and go from there.
Again, you have that alignment option.
You also have the option to autoplay so that once they've loaded this page it's gonna automatically play, or you can loop it as well Simplero that audio element up here where once it's done playing it'll just restart.
Okay.
Now the next one is button.
So the thing with this aspect within the button, the contact form, all of these, we're gonna go over here shortly.
So the button has multiple different options.
If you see this little error icon that is telling you that you're missing some inputs, which we will cover here shortly, but you're able to change what you want for your action.
You have your styles here, which are going to pull from what you've selected here in your style guide, and you're able to switch how you want it to look.
If you don't want to use one of your preselected styles, you can go here to the three dots and you're able to decide how you want it to be.
Do you want some padding, not a lot of padding?
Do you want a border added to it, no border?
Do you want corners?
Do you want it to be kind of rounded?
And then you're also able to customize the colors.
Again, this is if you don't wanna use what's already preselected and maybe it's just a a single button that you wanna, like, have a one off different color or what have you.
Again, customize the the text of the font, the font size, and then also the weight.
And then again, you have that position as well.
You also have the option for, like, an icon, and this is gonna pull from that font awesome right over here.
So if you wanted again to select a different one, you absolutely could.
Let's see.
Now we're gonna add our elements.
Now this is where it's gonna go down here to the input while we are doing that.
For the input, this is gonna be like your form fields.
So if you are wanting them to fill out a sign up form or what have you, you're gonna wanna select that form field.
Then you're gonna select let me move my face.
Select your field and then you're gonna decide what you want.
Anything that's here on your contact custom field is gonna be in your settings on your account and it's gonna automatically apply to their contact record.
Anything here is only gonna be on this sign up.
It's not gonna show on their contact record directly and then we're gonna be able to add those fields.
So we'll do contact name.
As we go in here, we're able to decide, like, how we want it to look.
Do we want it to end up having, like, the name say on there?
Do we wanna have first name, both name?
Do we want it to have that floating style?
Do we want it to be in line where they're kind of in the same line?
Or do you want it to be above the field where that label is gonna be right there above that form field?
You're able to do your different stylings again with the margin, padding, border, corners.
Now in order for your button to work, if it is for like an opt in, like this one is right now, it's set up for the opt in option, then you're gonna wanna make sure you have those form fields.
You're gonna wanna make sure you have your name, your email, at least those two at minimum so that this button will work and they're gonna be able to opt in.
Now with that, you're able to either have them opt in in general, not going to any list.
They're only opting into the page itself.
Or you can select a list that you want them to go to.
So if you already have an existing list or maybe you want to start fresh and you want to have a new list altogether, you can create a new list right here as well.
You can also decide where you want them to redirect once they have subscribed.
So it's similar to a custom thank you page.
This is also really great if you are having them opt in but not going to a list.
The button can also go to.
So this would be in terms of going to a specific link, whether that's in your Simplero account or outside.
You can do open pop up, which would pop up this little built in pop up option, which you could have in terms of, you know, additional information or maybe that's where your sign up form is.
We also have scroll to a section.
So maybe you just want this to pop down to a lower part of your your page.
Maybe you have a list of different buttons and they go to different sections and then also download file.
This is where you're gonna be able to select that file whether it's an image, video, PDF, audio, anything else.
Let's see.
Go add element then we'll do our input.
Just add that email for you.
Here we go.
Customize that again.
Alright.
And now you can see how that kinda goes away once you have both the name and the email.
Alright.
The next option we have, contact form.
Now this is gonna be anyone who's trying to reach out to you, not necessarily opting in, but you want them to, you know, do like how can I help you, what have you?
You're able to have them forward it to an email or if your account is on the Scalar Skyrocket, you're able to do that support ticket.
Then we have the option to where you want it to forward to.
So if they submit this, select which email you want it to do, whether it's your own email, whether you have a support email, whatever it is.
And you can also decide whether or not to show a message or redirect.
You can also customize that label style Simplero how we did on the form field and then also customize what you want for your button text.
You also select whether or not you want your button to be all the way to the left, center, right.
Maybe you want it justified so it takes the whole space.
And again, you're gonna pull up into your button style, your size, and then we also have this option here with the field labels.
So you can do your name, you can do your email, what you want it to be.
So, who are you?
How can I help?
So now you have those options to customize those things as well.
Next option we have is our order form.
So you can go in, you can have an order form already on your page, you can select which product you want, and that's just gonna pull it up.
And it's gonna have that built in order form already on your page.
You can lock it in for a specific price, and you can also hide your order summary if you choose.
You can also offer a decline button.
So as you can see it's kind of giving you a bunch of different options that you can select.
Thank you.
There you go.
Now you can disable the option to remove a coupon, and you can also limit to only one applied coupon.
It's really cool because then if you have, like, an upsell or something like that, you can just have that thank you page, for a product or something like that with that order form already selected in there.
Right.
Next one is our scheduling links.
So you can go in and select which scheduling link you want to do, whether or not it is any of those that you've already created.
So I'm just gonna go in here and add that.
So it's gonna automatically pull in what that schedule looks like.
It's gonna just put it on a landing page per se.
It's gonna be the same view as if it was on its own tab, just directly on a landing page instead.
You can change the name if you'd like.
You can hide the description so it wouldn't show you like anything any additional details.
You can hide the owner so it doesn't show you exactly like who it is.
Just has that scheduling link option.
You can customize your size.
So maybe you don't want it as big.
Maybe we or maybe we want it bigger.
It's really up to you in terms of what you would like it to be.
Okay.
Now our next option is a survey.
So if you have any surveys created you're able to embed it into your page again.
Go in here.
Maybe we'll just do this Q and A survey.
You can have your button be something different.
This is gonna allow you to have your survey be this is gonna allow you to have your survey in the same style as your styling guide and also have a little extra customization in terms of your button label.
If you want to have some extra button subtext, also customize what you want that button to look like.
Next we're gonna go into our HTML.
Now this is gonna be more of those advanced features.
This could be where you put your embedded code if you have a sign up form.
It could also be in terms of if you have any widgets or anything like that.
You'll be able to add that here, and that's gonna pull that up on your page.
And last but not least, we have our iframe.
Again, this is gonna be one of those extra coding things.
If you have an iframe that you want to have added to your site or to your page and then you're gonna be able to customize that with as well.
So as you can see we have lots of different options inside of the two point o page builder in terms of how you can create it and what you can add to it.
If you have any questions feel free to reach out.
How To Videos
Contacts
1:00:29
0 / 8
Marketing
50:34
0 / 6
Sites & Landing Pages
1:07:41
0 / 7
Sales
49:08
0 / 6
Content
1:15:35
0 / 8
Automating things in Simplero
37:08
0 / 6
Creating Elements
Bookmarks
In our written guides, you can learn more about:
228 Park Ave S
Suite 92530
New York, NY 10003
United States
Suite 92530
New York, NY 10003
United States
Copyright © 2025 Powerful Through Grace, Inc.
___MESSAGE___
___MESSAGE___
Comments