Everyone has his own reasons to create a website, that's why the architecture of each website is very different. Our stories and ideas vary, so do the content, structure, number and hierarchy of pages on our websites. With Subbly, you can create your site the way you want it in a breeze and add as many pages as you'd like!
Once you've chosen the right template for your site, you are all set to start customizing your structure, adding or removing pages and setting page names.
Managing all these, as well as defining the correlation between the pages is made super easy from the Pages App on your Dashboard.
You'll find the overview of the already existing pages of your website right in front of you.
You've probably already noticed, that your pages fall under these three categories.
- Main Pages
- Secondary Pages
- System Pages
So let’s go through each type one by one. 📃
Main Pages are visible on your site navigation, the page menu, while the secondary ones appear when redirected from main pages through internal links. Complete websites usually include the following main pages:
- Home Page
- About Page
- Product/Service Page
- Contact Us Page
It goes without saying that each Subbly template is created as a sample and you're the one to set the number and type of pages. You won't necessarily include all of the above ☝ in your navigation.
You can also rearrange the pages by putting them in the desired order by simply dragging and dropping them around.
As you may have noticed there is a Language Switcher on the top left corner. It allows you to manage the pages designated for each language you have added through the Languages App.
Now, let’s get back on track! 🔙
It is very easy and visually suggestive to add or remove a page through this app. All you need to do is hover over one of the pages and + buttons will appear on different sides of the pages.
To add a sub page, just hit the ‘+’ icon below the page, while by clicking the left or right ones you can add more main pages next to, let's say, the ‘Home Page’. The page types also vary, from Page Blank to Articles.
What about adding a blank sub page now to see it all in action?
Once it's added, you can edit the Page Title and Alias, chose whether you want it to open in the same or a new tab from Target option.
You can also unpublish a certain page by simply clicking on the green dot in the upper left corner of every single page. It will turn red indicating that the page is unpublished.
Move forward and define the Page Visibility that enables making a certain Page appear on Desktop, Tablet or Mobile only, or everywhere by default. Simply hit Visibility and choose the desired option from the drop down menu to get full control over the Visibility of the Pages on your website.
Moving pages from one Category to another 🔁 (Main/Secondary) is also possible from Page Settings.
The green dot in the upper right corner indicates that the page is Published, but you can always unpublish it by simply clicking on the dot or using the switcher respectively. It will instantly turn red to show that the page is not live anymore.
Different types of pages to be added
Let’s stop by Anchor Pages, that enable creating an anchor to another page on your website.
Here’s a short guide on how the Anchor Pages and Points work.
Next, we have a Heading page, which is visible on the navigation bar and acts like a header for its sub pages.
Want your visitors to jump to an external website in no time? Just add an External Page, which will redirect them to your website outside Subbly. 👾
You can also add a Blog page through the Article option, so take your time to add the page type you need.
If you want a separate Products page featured on your navbar as well, you can add it by enabling a Products page from the adding panel.
Note that you will be able to add Products as an element anywhere on your store front or in any inner page of your site whatsoever 😉
Page Blank is pretty much self-explanatory as it is 🙃
Other page settings
Let’s move on to the Page Settings now simply hovering over the desired one!
You will notice that you can’t delete the Home page, but can easily turn any other page into Home enabling the Homepage switcher.
On the other hand you can opt for the Trash button if you want to remove any other page.
❗ You can create up 3 one-level sub pages, and in case of creating new sub pages and deleting the Main Page they are linked to, the sub pages will be removed as well. If you want your pages to stay, make sure to move them to Main Pages before deleting the Main one from page settings.
Homepage settings also allow you to:
- Edit your Homepage settings
- Go to your Homepage and continue editing it
- Duplicate the Homepage
- Set Password
Using the Duplicate option from the Pages App gives you a slot to duplicate pages of a website. When it comes to duplicating the sub pages, it should be done manually.
The last option gives you the chance to set a password on a specific page and also check how the Password Protected Page looks like to your visitors from the System Pages Section.
❗ Please note that this may be a game changer for anyone running a membership-based type of service, as password protecting certain areas of the site (or the site as a whole) gives you control over who sees certain areas of the site and who doesn't ❗
If you are interested in the feature, click on the 'Lock' icon, Enable the Password Protect controller and Enter the password in the Set Password field.
You can also make your full site password protected using the Site Setting App on your Dashboard respectively.
After having activated the Password Protection feature for the separate page, your site visitors will see your page like this.
That's also how your System Pages look like, when your site visitor bumps into an Error page, or if you've decided to make your site go offline while you're still working on it. 🙃
Final thoughts and tips
That's pretty much all about the app, so let's move back to Edit Mode to check out some options that might come in handy.
So once you've defined the structure of your pages, the main ones will appear on the Header section of your website (navigation bar).
You can easily customize how they look from the Navigation settings. Simply click between your pages and you'll find a set of options available. Just select Edit Navigation and use the controllers to change the layout, mode and more.
For example, if you change the Mode, your pages will be shown in a Burger, just like this 👇
Click on the Burger Icon and the pages will appear on the right side of your screen 👇
Please keep in mind that the system automatically generates the drop down menu for your website on Mobile view as it is the best scenario for mobile navigation is to use a so-called burger menu.
And if you want to make adjustments on to the burger menu icon on Mobile view, you’d better switch the Navigation menu mode from Standard to Burger, apply the desired changes on the menu icon and switch it back to Standard.
Take your time to explore the other options, change the layout and alignments as well as add some designer touch to your navigation by clicking on the Brush Icon.
We'd love to suggest checking out the rest of the Apps to improve your website's overall functionality and enhance its the look and feel!