WHAT ARE SECTIONS? FOOTER & ACTION SECTION


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

Paul Davenport |  3 min read |  5 min video

What are Sections

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


Sections are a Type of Page that is unique to MOBLE, therefore even if you're an advanced Website Designer it's worth taking a moment to familiarise yourself with the power of Sections.

Sections are special parts of your website that are not complete pages, they can be considered as sections that are included as part of other pages and as such, they don't require a webpage address (URL). The most common example of a Section that everybody is familiar with is your website Footer.

Sections are incredibly powerful for experienced designers since they give you all the tools and flexibility of the Visual Page Editor. Therefore, you could design a footer that includes a Background Video, Images, Forms, whatever you like. You have the complete unrestricted creativity to design Sections as you like.


WHAT ARE THE COMMON TYPES OF SECTIONS?

Let's take a look at the Sections that every website must have. These have been made for you and cannot be deleted.

  • Go to 'Styles', via the Main Menu
  • Click the 'Sections' Tab. Here you will see the following Sections:
    • Footer
    • Action Section
    • Menu Section
    • Thank You Page
    • 404
    • Admin Login Screen
    • Member Login Screen
    • Forgot Password

You can also access common Sections in the Navigation area.

Sections are types of Pages and therefore you can also search all of the Sections via the Pages area, as follows:

  • Highlight 'Section'
  • Perhaps also highlight 'Live' and 'Hidden' to refine your search.
  • Click 'Search' and you will see a complete list of all your website Sections.
  • Notice that the Page Status for Sections is most often set to 'Hidden'. Ensure when searching for a Section you have highlighted 'Hidden' when you search.

Pages Area: Sections

Filtering Sections in the Pages area.


EDITING YOUR FOOTER

Rarely do we see websites without a footer and as you have no doubt guessed, MOBLE has designed several footers for you to choose from. Just like with the Home Page in the previous Episode, you can pick from a range of preformatted Footer Layouts and drag and drop them on to your page to get you started quickly. You can find the Footer Layouts in the Layouts Draw under 'Sections' (see screenshot below).

In Series 3, we focus on Layouts and you'll learn how you can completely customise your footer to make it your own. Your Footer can be edited just like any other Page in the Visual Page Editor.

In the next Episode, we look at Navigation and Menus. You will be able to add Menus of links in you Footer, for such things as key Pages, top Products, top Blogs, or Services, etc.

Select from a Series of Premade Footers. Then drag and drop on to your page to customise and make it your own.


WHAT IS AN ACTION SECTION?

One of the most important features that you might consider on your MOBLE website is an 'Action Section'. This is used for a prominent Call-to-Action in your Header. You might call the Action Button something enticing like 'Quick Quote', 'Subscribe', 'Donate', 'Sign Up', 'Join Today' etc.

If you would like to link your Action Section to your Header, ensure that you add the 'Action Button' to your Header. This will automatically link to the 'Action Section' for you. More on this in Series 2, Episode 2.

When a user clicks the Action Button the Section slides down from the top of the page. Since this call-to-action button is in the Header it is only ever one click away from your users, no matter where they are on your website, and therefore it is a powerful tool to encourage online enquiries.

Many Action Section Layouts have been made for you. You can create your Action Section as follows:

  • Go to 'Styles', via the Main Menu
  • Click the 'Sections' Tab and 'Edit' the 'Action' tab*
  • When you click 'Edit' the Page Editor will open. Notice that the Layouts Drawer will automatically be open with a selection of pre-made Action Sections for you to choose from.
  • You can come back to these Layouts, by opening the Layouts Drawer at any time. Simply open the 'Base Layouts', then 'Sections', then 'Action'.

The Action Button is a prominent call-to-action in your Header. On click it slides down the Action Section.

DirtyFeet Quick Form

A selection of draggable Action Sections out of the box with all MOBLE websites.


WHAT ELSE ARE SECTIONS USED FOR?

A common use of Sections is when you would like to include website pages in a Gallery or Slide Show. This might be a slider for Testimonials or a Presentation that is built with the flexibility of the Visual Page Editor.

Jump right ahead to Series 4 Episode 4 to a Slide Show being built. Series 4 covers in detail how Tags and Widgets can be used to power huge volumes of content with feeds and animations.