ADDING PAGES, PAGE TYPES

YOUR HOME PAGE


S01 | E04 | HOW TO MAKE A WEBSITE, LIKE A PRO

Paul Davenport |  3 min read |  3 min video

Web School Series 1 Episode 4

NEW VIDEO IN PRODUCTION. STAY TUNED VIA YOUR INBOX OR SIGN UP NOW


ADDING A PAGE

Adding a page is extremely simple. Nevertheless, to manage your website effectively, especially as a Team, there are a few essential things that you need to know about grouping different types of pages on MOBLE, for a tidy CMS and good housekeeping.

In this Episode, you'll learn the difference between 'Live', 'Hidden', and 'Draft' pages. You'll also discover how to categorise your pages by Page Type, so they can be found quickly and applied to Widgets.


PAGE STATUS:

LIVE:

Live pages can be seen by anybody and by the search engines.

DRAFT:

Draft pages can only be seen by logged-in CMS users. Draft pages cannot be seen by non-logged-in visitors, nor by the search engines.

HIDDEN:

Hidden pages can be seen by non-logged-in visitors. They can be accessed by anyone with a link or the page URL. Hidden pages cannot be seen by the search engines, as standard*.

* Hidden pages cannot be seen by the search engines. However, please note that if a page is already Live then you move it to Hidden the search engine may have already indexed the page. Moving to Hidden will not remove the page from the search engines.

If the content is sensitive and you don't want it to be found, it might be best to change the URL then make it 'Hidden', or consider making the page 'Protected' for logged in members only.

MOBLE CMS Add a Page

To add a new Page, click Add Page at the top of the Pages area.

Adding a Page

Adding a Page via the Pages area. Understand the importance of Page Type and Status

MOBLE CMS Pages Area Page Types

Pages area showing the Page Types in the search area. Grouping your pages by type makes for easy ongoing content management. Also, notice the 'Settings' button for each page. We discuss this below.


TYPES OF PAGES

PAGE: 

Unless otherwise assigned all pages are created as a 'Page'.

A Page is the default. However, to assist with page management, common types of pages can be grouped together. We cover these below.

LANDING:

Used largely as landing pages for your ads, such as Landing Pages for Google Adwords or Facebook Ads. You can create many variations of your landing pages and progressively improve your conversion rate by testing your design and messages. Learn how to clone pages below.

Within the 'Page Settings' area of your 'Landing' pages, you can elect to hide the 'Header' and 'Footer' of your website. The aim is to remove distractions away from your visitors, focusing them towards content that matters and improves your conversions.

Hide Header and Footer in the Page Settings

Hide Header and Footer in the Page Settings

BLOG:

Blog pages are added just like any other page. When you change the 'Page Type' to 'Blog' the page will automatically appear in your Blog.

In the 'Page Settings' area, you might decide to set a Publish Date for your Blog. This is the date that your page will flip from 'Draft' to 'Live'.

Also, in the 'Page Settings' area, remember to set your Blog 'Page Icon', the 'Display Date' and 'Author'.

Page Settings Widget Info

It's very important to complete your page properties in each Page Settings area. This information will appear in your Widgets feed for pages such as Blogs, Events and Products. It's best practice to always add a Page Icon that will be seen in your feeds for that page. Notice the Page Icon also appears in the Pages area, as you can see in the screen shot at the top of the page. Also note, in any Widget you can sort pages by Display Date, in either chronological or reverse chronological order, for effective management of Blog and Events.

EVENT: 

Events are also just like any other page. In the 'Page Settings' area, remember to set your 'Page Icon' and the 'Display Date'.

PRODUCT: 

Much like 'Events', 'Products' are also just like any other page. In the 'Page Settings' area if your Page is set to Product your Page Settings area will have many more fields such as 'Price' and fields that are more suited to online sales such as 'Shipping' and 'Stock Quantity'.

SECTION: 

Sections are special types of Pages that can be placed inside another page. An example of this might be your Footer, Sliders, or Testimonials. Often website CMS's only let you control the text or background of things like Footers, or they put Testimonials and Sliders into modules with restricted flexibility. 

In MOBLE, Sections can are managed in the Visual Page Editor just like any other page, giving you the same amount flexibility and detail as any other page with full control to edit the content however you like. Imagine a footer with a background video, a photo gallery, or even a slider. By treating these elements as pages, you have the power for uninhibited editing in a familiar page editing environment.

Sections don't have a page URL. Sections also do not count towards your total page count in your Plan, meaning you are not billed for them.

In the next episode, we look at the power of Sections in much closer detail.

MOBLE CMS Pages Sections

Sections are more often than not 'Hidden'. Notice that the 'Action Section' and 'Footer' are core system pages and cannot be deleted. Also notice the other Sections have a scrambled URL since a URL is not required for Sections.


YOUR HOME PAGE

Your home page is one of the most important pages on your website. It is often where people first arrive, so it is good to put some thought into what you want to include on your Home page.

Home Page

Your Home Page is like no other since it is the page that your domain name (or website address) points to, and visitors will first land on your Home page when typing your website address. It, therefore, does not need an additional path e.g. www.yoursite.com/home, it is simply just a forward slash www.yoursite.com/.

In creating your initial website draft, MOBLE has done the hard work for you and created a series of impactful sample Home pages for you to choose from in the Layouts Drawer. The key to this session is simply to choose a home page and then, you can come back to edit the content later at any time.

Many Pages and Sections have been made for you and we're adding new ones all the time. Simply open the Layouts Drawer to browse hundreds of Layouts.


CLONING PAGES

Often you may wish to replicate a page to keep the page formatting exactly the same on a new page. Rather than using a Layout, you might consider using the Clone Page icon to replicate a page. 

  • Click the Clone Button
  • A new 'Draft' page will be created for you
  • The new page will add '-1' to the URL
  • Click the Page Settings tab to give the Page and new Page Name and URL
  • Now Edit the Page by adding your new content

MOBLE CMS Clone a Page

1. Clone Button. 2. Notice the cloned Page is in Draft. 3. The URL has been updated with -1.