Page Section Settings
Okay. So now I'm gonna go through these section settings. Okay. So if you click on any of these sections here, you'll see on the left side of the page for that section. At the bottom, we've got these long lists of gray links, and I'm gonna go through each 1 so you know what they do.
And these are on every single section that you add to a page. So you have all of these options for each section. Right? So for feature section, for the testimonial section, for hero image, it's always on the left side of the page, you'll have these settings at the bottom. Okay?
Okay. So hide section from visitors. That's pretty straightforward. If you click on this, we're actually going to hide this section from the front end. So you'd see if I save my changes.
View page on-site. Boom. It's hidden. You can still see it from the back end, but this is actually bold So you know that it's hidden and it's not viewable on the front end. You can also see here when you hide a section from the front end.
We have a little eyeball with like a line slash through it here to tell you that this is actually a hidden section. Right? So sometimes if you wanna hide sections, but you don't wanna remove them from the page, They're just hidden from the front view because maybe you wanna edit them for a while first. You could just hide it the way I showed you and then drag and drop the section to the bottom. Right?
And just have all your hidden sections down to the bottom. Totally up to you. Doesn't you don't need to drag and drop it, but it just maybe for organization's sake. Right? So that is hiding section this section from visitors.
If you click it again, it shows the section again. Now only show to some visitors means you can actually choose to only show this for anonymous visitors. So know, people who aren't anonymous, they don't have, they're not a known contact in Simpario, they don't have a Simpario ID, or only show for known contacts and then you get to choose all known contacts or when a contact has this tag, so they have a tag or when a contact does not have a tag. Now this option is pretty difficult if your it will only work really if you have if they're logged in. Right?
Because this system doesn't know whether or not they have a tag and they're known unless they're logged in. So you could only show it for all known contacts, or you could show when the contact has a certain tag, or doesn't have that tag. And they get to choose the tag. And then if you click show to all, it removes that option again and just shows to everyone. Only show on some device is we've got mobile, tablet, and desktop.
This 1 is super key. Right? Because the way that a hero image section, for example, looks in desktop sometimes doesn't look that great in mobile. Now, we obviously made this so that it looked okay, although it's still a little bizarre. Some of their little bizarre.
So, like, with just the words and all of that. So, actually, the best what we usually recommend is if you have any trouble getting the text over the image to look good in mobile, like, since it looks so good, you know, from desktop and tablet, sometimes it doesn't look that great in mobile. So what we recommend or what I usually recommend is creating a whole new section and customizing that section for mobile. Right? So creating a whole new section, I like to use a text and media section instead if you're trying to recreate the hero image, for example, but you wanna do it for mobile.
It's hard to get the text over the words when it's so condensed So sometimes adding click add section, adding a text and media section, you could just have the image here, put the title here, and then the wording down here, and that would look good on mobile. Now if I were to do that, what you could do is you could make it so it the hero image here only shows up on tablet and desktop. Right? And then in mobile, you could make it so this option. This this text and media section, if you scroll down, only shows on mobile and then save changes.
So now you'll see that this 1 shows on mobile and then these this 1 shows on tablet and desktop. Right? So it's just a really nice way to make to really optimize your sections per device. In the past, we had to use a lot of CSS code for that and now you don't, you can actually do it this way and it will be a lot easier. Okay.
So now if I were to show back on all devices, that means that this would go on all devices again. And then you can also show for a specific time period. So you can say, I only wanna start showing this section on this date. Right? So you can choose a date, schedule out a date to actually show the section, whichever section.
So any of these sections could do that. And you can actually schedule a date to stop showing a certain section. You just choose the date and we'll stop showing that section on the front end once the date has expired. Never mind, show it on any day, brings it back to show it on any day. Hide show after page load.
This should means that you can actually show the section after a certain amount of time they've been on the page, and you can hide the section after a certain amount of time they've been on page. So it depends on what you prefer. So if you click on this side, start right here. You would say show after and then you can choose, like, you know, 2 minutes or 5 minutes or however many minutes you want or 30 seconds. Right?
So you can choose how long we'd want them to wait before this section is shown on the page after they land on the page. If you choose here, you can hide after a certain amount of minutes. So it would it would automatically show when they lines on the page. They're looking at the page. And then after if you say, for example, 5 minutes, or 5 m's, sorry, that's 5 minutes.
Then after 5 minutes, if they're still on the page, we will hide that section. Right? So Never mind. No. Shannon shenanigans takes that off.
Edit custom CSS. So this is pretty straightforward. If you have any CSS code to change or tweak the design of this section, you add that here. And then save as a template. This is a really great feature.
I shared how to actually do this in a different video. So go back to my previous videos. But saving as a template just means that you can actually save the design that you've made. So this section, if you don't if you wanna, let's say, upload this section, to a multiple other pages. So any of these sections, if there's a section you wanna upload to multiple pages, it can be really frustrating to actually have to recreate that section on every page.
Right? So the goal would be actually to save the section as a template and just upload that templated section on all your pages. And I'll just do that quickly again just so you can see. Click save as template, name it. So I would just say a hero writer from this type of brush.
Save template. Now let's say I go back and I go to a different page, like the about page here. And I want to add that same section to this page, but I don't wanna have to recreate it from scratch. So I click add section and then I'm gonna click on templates and that's where I'm gonna see you know, the different things I saved as a template. And here you go, I've got hero runner right here.
I can click add and I can move it up and down, you know, on all of these above or below these sections. So that is the save as template section or feature. And then the last thing down here is to duplicate the section, so that's really straightforward if I needed to duplicate it. We'll just create a copy. We'll call it copy of that section title name.
And boom. You can recreate it. You can slide it up and down on the page. That is pretty much what that is, very straightforward. I'm gonna go ahead and remove that.
And then the last thing down here is you can remove the section altogether, like I just did. So I'm gonna go ahead and save these changes. Those are the section settings, and these are on every single section. So once you know them on 1 section, you can use them for any of them.
Each section in Simplero's webpage builder has the same set of options.
In the lesson, we'll explore each option and discuss some use cases for them.
These options include:
- Hide Section From Visitors
- Only Show to Some Visitors (unknown or known with/without a specific tag)
- Show for Specific Time Period
- Hide/Show Section after page load
- Edit Custom CSS
- Save As Template
- Duplicate Section
- Remove Section