A 'Guide to Creating and Managing Pages' on MOBLE CMS.

MOBLE CMS provides extensive features and functionality to be enjoyed by both new and advanced users. Here you can quickly discover three features to help you along your way.

Pages Pages Area Guide Video
Adding a '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.

Pages Video
Adding a 'Footer'.

Rarely do we see websites without a footer, MOBLE has designed several footers for you to choose from. Pick a footer that is close to what you want and tweak it.

Pages Video
A 'Guide to Global Settings' on MOBLE CMS.

Update your company information, logo and favicon, login details and get key information to help put your website live.

Settings Global Settings Guide Video
How to 'Add a Logo' to your website on MOBLE CMS.

Well, perhaps it's safe to say that every site needs a logo and here you find out where to go to upload yours. Here are two quick tips to help you on your way.

Settings Global Settings Guide Video
'Going Live'. How to manage your domain name.

You can manage your domain name and make your website live via the Global Settings area. This is found in the main menu (top left) and clicking 'Settings'. If you are unsure about how to set u…

Settings Global Settings Guide Video
What is the 'Primary Domain' in the Global Settings area?

The Primary Domain on MOBLE CMS is the website address that users will see in the address bar of the browser. E.g. www.moble.com.au . Please note that there is no need to type the http://

Settings Global Settings Guide
What is the 'Customer Email' in the Global Settings area?

Customer Email is the email address that is used to send system notifications to your customers. The customer email notifications could include: Thank you message, that is emailed to your cus…

Settings Global Settings Guide
What is the 'Admin Email' in the Global Settings Area?

Admin Email is the default 'From' email addresses that is used to receive form enquiries from your customers.

Settings Global Settings Guide
What is the 'Additional Admin Email' in the Global Settings Area?

Additional Admin Emails are the additional default 'From' email addresses that is used to receive form enquiries from your customers. Email address should be separated with a comma and no spaces.

Settings Global Settings Guide
How to 'Add a New Page' on MOBLE CMS.

You can quickly create a new page on MOBLE CMS simply by clicking the Add Page button in the top right of the Pages area. Learn more and watch a video to understand about Page Status and Page Types.

Pages Pages Area Add Page Guide Video
'Page Types' and efficient house keeping.

Group your pages by 'Page Type' for orderly house keeping. This simple action also allows you to have more flexibility when later assigning your pages to widgets.

Pages Pages Area Add Page Video
What is 'Page Status'? Learn how to use Live, Draft, and Hidden page modes.

MOBLE CMS allows for advanced levels of publishing. Assign your pages to Live, Draft or Hidden, then add additional levels of protection for CMS users and members. 

Pages Pages Area Add Page Video
How to use the 'Navigation' function in the Pages Search tool.

You can filter pages based upon the 'Menus' that they are assigned to. Please note that pages are assigned to Menus in the Navigation section.

Pages Pages Area Pages Search Tool
What are 'Page Types' and how they help to search your pages in MOBLE CMS.

You can filter your page search by 'Page Type'. Simply, highlight a 'Page Type', then click 'Search'.  You can also select more than one-page type at a time.

Pages Pages Area Pages Search Tool
'Keywords' can be used to search pages in the MOBLE CMS backend.

You can search for all types of words within a page, such as; Page Titles, Meta Titles, Meta Descriptions, Headings, Links, Body Copy and Widget Summaries.

Pages Pages Area Pages Search Tool
'Tags' can be used to search pages in the MOBLE CMS backend.

Tags are an amazing way to search for pages in your website. Simply select 'Tags' that you would like to edit, then click 'Search'. Only pages with these tags will now appear in your list.

Pages Pages Area Pages Search Tool
Get to know 'Tag Combos' to assist filtering your pages for easier management.

Option 1, Can match any:  Will show any items that are tagged with either 'Slider' or 'Featured'. Option 2.  Must match all: Will only show items that are tagged with both  'Slider' and '…

Pages Pages Area Pages Search Tool
Page 'Status' is an essential part in moving your pages from Draft to Live.

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 can not be seen by non-logged in visitors, nor by the…

Pages Pages Area Pages Search Tool
Consider using 'Sort' to order your pages for speedy and proficient content management.

Latest: Displays pages with the latest created at the top of the list.  Oldest:  Displays pages with the oldest created at the top of the list. Read More...

Pages Pages Area Pages Search Tool
A Guide to the 'Pages List' area.

Pages List is the part of the Pages Area that lists all of your website pages. Regardless of how small or large your website, you can Manage, Tag, Sort, Delete your MOBLE CMS pages with ease f…

Pages Pages Area Pages List Guide
What is 'Page Icon' in the Pages List, where is it used on the front-end website?

'Page Icon' is edited in the 'Page Settings' area of each page.  The 'Page Icon' is also used as the feature image within widgets.

Pages Pages Area Pages List
What is 'Page Name' and where is it edited?

Every page can be given a name. The name is edited in the 'Page Settings' area. The Page Name appears within in the CMS backend to identify the page. It is also seen on the front end as the pa…

Pages Pages Area Pages List
What is 'Pages List Type' in the Pages List, can I update the page type from within the list?

Change the 'Page Type' by simply clicking on the 'Page Type' button. You can update the page from within the Page List.

Pages Pages Area Pages List
'Pages List Status' allows you to quickly flip pages between Live Draft and Hidden right from in the Page List.

You can simply change the 'Page Status' by clicking on the 'Page Status' button. Types of page include Live, Draft and Hidden.

Pages Pages Area Pages List
What is 'Pages List Tags' in the Pages List. Tags can be edited directly right within the list.

Tags are an amazing way to group pages on your website. In any Widget (e.g. Event or Blog) you can choose which tags you want to show. 

Pages Pages Area Pages List
'Pages List Sort Order'. A simple solution to order your pages in widgets and feeds.

Sort Order allows you to prioritise your pages in the order of which you would like them to appear in Widgets. Lowest is sorted at the top.

Pages Pages Area Pages List
'Pages List Action Buttons' are action tools to Edit, Delete and clone Pages.

Edit:  Opens the Page Editor.  Settings: Opens the Page Settings.  Duplicate:  Duplicates or Clones the Page.  Delete:  Deletes the pages 

Pages Pages Area Pages List
'Pages List Bulk Actions' mainly allows you to delete Pages in bulk.

Bulk actions allows you to delete pages in bulk. Use the check boxes on the left hand side to select the pages that you would like to delete.Then, click the 'Bulk Actions' button and selec…

Pages Pages Area Pages List
What is the 'Page Settings' area on MOBLE CMS?

The Page Settings controls key page functions such as Title, URL, Protection, SEO and the information that appears in a Widget feed. You can access the Page Settings area when editing any page…

Pages Page Settings Guide
What is 'Page Name' in the Page Settings area?

'Page Name' is the name that you give to you page. It is used as the primary method to identify your page.

Pages Page Settings Page Settings General
What is the 'Page URL'?

Page URL is your website address. In this field simply enter the final part our your website address. You do not need to enter your domain name or the forward slash. 

Pages Page Settings Page Settings General
What is 'Page Status' in the Page Settings area?

A page on MOBLE CMS can either be 'Live', in 'Draft' or Hidden. Here we look at each page status and how it works and who can see the page under each setting.

Pages Page Settings Page Settings General
What are 'Protected Pages' in the the Page Settings area?

Protected pages are pages that can only be viewed by logged-in members. If you are using this feature your website will need a password protected members area. You can create members in the 'U…

Pages Page Settings Page Settings General
What is 'Publish Date' in the Page Settings area?

'Publish Date' enables you to create pages in advance and set them live at a designated date in the future. Put simply, 'Publish Date' automatically turns your 'Draft' pages to 'Live' on a s…

Pages Page Settings Page Settings General
What is 'Take Down Date' in the Page Settings area?

'Take Down Date' enables you to remove pages at a designated date in the future. Put simply, 'Take Down Date' automatically turns your 'Live' pages to 'Draft' on a set date.

Pages Page Settings Page Settings General
What is 'Hide Header' in the Page Settings area?

'Hide Header' can be used in situations where it is advantageous to remove your main website menu navigation.  The most frequent scenario is for 'Landing Pages', that focus on Conversion Rat…

Pages Page Settings Page Settings General
How to optimise your search engine performance with 'SEO' page settings.

A significant gain in your Search Engine Optimisation (SEO) can be made by taking the time to manage your SEO page settings on MOBLE CMS.

Pages Page Settings Page Settings SEO Guide
You can use up to 70 characters for your 'Title Tag' on Google.

The Title Tag is not just used on Google, therefore it is best to write concise information about the article in the first 15 characters .

Pages Page Settings Page Settings SEO
Use your 'Meta Descriptions' to entice people to click from Google.

Your Meta Description can improve your click through rate (CTR) from the search engines, be accurate, concise and entice searchers to click.

Pages Page Settings Page Settings SEO
Should you still use 'Meta Keywords'?

MOBLE does not recommend using meta keywords.  Google does not use meta keywords, however, Bing may use keywords as a factor within their search engine results page. Meta Descriptions can giv…

Pages Page Settings Page Settings SEO
A 'Guide to Styles'. The easy way to design a website in minutes.

To manage your website Styles on MOBLE CMS requires only the most basic of technical skills. The MOBLE CMS Styles tools are built in a way to give new users and content managers control of you…

Styles Guide Video
How to update your 'Website Colours' to create a design that fit your brand.

Learn how to update your main website colours. With MOBLE CMS it really is as simple as point and click! Before you get started watch the two video below and you'll be up and running in moments.

Styles Colours Video
How to use 'ColorZilla' to help pick your exact colours.

ColorZilla is a neat tool that enables you to pick any colour from a website. It can be used as a quick replacement for design tools such as Photoshop, Sketch, Pixelmator, MS Paint.

Styles Colours External Tools
How to update your 'Website Fonts'.

Fonts are an essential part of any design, but on a website, your fonts can really bring your site to life, while also conforming to your brand guidelines. MOBLE CMS integrates with the best…

Styles Fonts Video
How to update your 'Website Header'. Choose from pre-designed header or create your own.

Your website header is perhaps the most important part of your website. It is used to control your main navigation menu, or page links, your call to action buttons and often search.

Styles Header
How to save your 'Page Layouts' and use them again for rapid content management.

MOBLE CMS includes hundreds or pre-designed layouts that you can drag onto any page at any time. In addition to this, on MOBLE CMS you can modify and save your own layouts for future use, to …

Guide Styles Layouts
'Content Overflow' allows you to control the behaviour of content that overflows a frame.

When you are using a Fixed Height on your Frame, sometimes you might create more content the the height of the Frame.

Page Editor Frame Tools Frame Structure
MOBLE CMS 'Editor Tour'.

Take a tour through the MOBLE CMS editor. MOBLE CMS page editor is a leading Australian and global CMS, pushing the boundaries of content management.

Page Editor Guide
What is the difference between 'Content, Row, Block & Advanced' in the Page Editor?

In the Header Bar in the Page Editor of MOBLE CMS are 4 distinct way to view and edit your content. Here we look at how the MOBLE CMS User Interface offers great flexibility at all depths of …

Page Editor Guide
How to use the 'Build Sidebar' to add Pages, Designs, Wireframes, Blocks & Frames.

The Build Sidebar houses all of the layouts, components and can also be used to build new layouts from scratch. Effectively, you can build anything with these tools simply by dragging any elem…

Page Editor Guide Layouts
How to save your 'Page Layouts' and use them again for rapid content management.

MOBLE CMS includes hundreds or pre-designed layouts that you can drag onto any page at any time. In addition to this, on MOBLE CMS you can modify and save your own layouts for future use, to …

Page Editor Guide Layouts
How to use the 'Frame Tools Icons' to quickly create customised pages.

The Frame Tools are a series of Icons that sit on the top left of every Frame. Here we describe the function of each tool.

Page Editor Frame Tools
How to add a 'Background Image' to Rows and Blocks on my website pages.

MOBLE CMS allows you extensive control over your background images, from making them responsive, to using fixed background and even adding background videos.

Page Editor Frame Tools Frame Background Video
How to control the 'Background Image Position' on both mobile and desktop.

Background Image Position allows you to chose the focus point of an image. This is particularly important when considering how your background image might render across all devices.

Page Editor Frame Tools Frame Background
What is 'Background Image Fit' and what are the nuances of being a content master.

Background Image Fit lets you control how your background image fits across all screen sizes. Learn the difference between 'Cover' and 'Contain'.

Page Editor Frame Tools Frame Background
What is 'Background Image Repeat' when would I use this?

Background Image Repeat lets you repeat your image either horizontally across the 'X' axis, or vertically across the 'Y' access. For 'Background Image Repeat' to work effectively, in most case…

Page Editor Frame Tools Frame Background
'Background Image Fixed' can make you a seriously great website designer, with ease.

You can choose to fix an image in the background. When you scroll, the background image position will remain still, the foreground text, plus the neighbouring rows, will scroll over the back…

Page Editor Frame Tools Frame Background
Set the 'Background Colour' of any part of your website pages.

At various locations within MOBLE CMS your are presented with a consistent background colour palette (as selected in you Styles area), plus a colour picker, should you need to choose new addit…

Page Editor Frame Tools Frame Background
'Background Overlay' is a superb feature, allowing text to be read on top of your images.

Background Overlay is a super tool that enables you to place a transparent layer between your background and your text. While this feature can dramatically enhance your website aesthetics, it…

Page Editor Frame Tools Frame Background
How to use 'Background Height' for background images and backgroud colour.

Background Height is used to stretch the height of the background colour or image so that it is full height. Background Height is also used to align blocks that sit adjacently to each oth…

Page Editor Frame Tools Frame Background
How to add a 'Background Video' to your website pages.

MOBLE integrates with Vimeo for background videos. Background videos should be high definition and play at a good speed. Therefore, Vimeo is the perfect solution for your background videos.

Page Editor Frame Tools Frame Background
An understanding of 'Frame Padding' will significantly enhance the look of your website content.

Padding is a large amount of padding that sits around the inside of a frame. By default Padding on your website is set to 64px, unless changed by your designer in CSS. For a smaller amount …

Page Editor Frame Tools Frame Structure
'Fixed Width' can set any frame to 960px, to make reading content a little easier on the eye.

Fixed Width is most commonly used if you would like to contain your text on desktop devices (e.g. screens over 1280px wide). This offers polite consideration to your desktop users, so that th…

Page Editor Frame Tools Frame Structure
'Minimum Height' allows you to control the minimum height of any frame.

Minimum Height allows you to fix the minimum height of your frame, regardless of how little content is within the frame. If more content is placed inside a frame than the Minimum Height, the…

Page Editor Frame Tools Frame Structure
'Frame Height' allows you to fix the height that your frame will display. If no Height is selected, the height adjusts to suit the amount of content.

You will only require this web design feature if there is a situation where the height must be fixed. Otherwise, there is no need to fix the height of a frame. 

Page Editor Frame Tools Frame Structure
'Content Alignment' can be useful to align all of the content that sits within in the frame.

If you align text in the Text Editor, plus align text in with the Content Alignment feature, the Text Editor will take precedence. I.e. an inside setting will override an outer setting.

Page Editor Frame Tools Frame Structure
What is 'Border' in the Frame Tools

You can apply a border to any frame. You may select borders to the top, bottom, left and or right using this feature.

Page Editor Frame Tools Frame Advanced
What is 'Border Colour' in the frame tools

You can select the colour of your border. You can choose from your Primary, Secondary, Light and Dark colours, as well as your full Accent colours.

Page Editor Frame Tools Frame Advanced Border
What is 'Border Thickness' in the Frame Tools

You can choose the thickness of your Border. You have options for 1px, 2px, 4px, 4px, 8px, 16p, and 32px.

Page Editor Frame Tools Frame Advanced
How to determine which content displays on which 'Devices'.

The 'Devices' feature enables you to determine the devices that will be able to view a particular frame. This feature is naturally set to 'Show on all Devices', meaning that the Frame will s…

Page Editor Frame Tools Frame Advanced
What is 'Class' in the Frame Tools Component?

Class displays the classes that have been applied to the frame. Did you know? A class is used in code to hook a particular style to an object. There is only ever one instance of a particular …

Page Editor Frame Tools Frame Advanced
What is 'Class List' in the Frame Tools Component?

Class List is a tool for advanced users to browse through available CSS classes and then apply them to a frame.

Page Editor Frame Tools Frame Advanced
What is 'ID Anchor' in the Frame Component, how is it used to create anchor links?

There are situations when you may wish to give your Frame an ID. The most frequent use case is when you wish to anchor a link, a button, or an image to your Frame. Learn how to create an anch…

Page Editor Frame Tools Frame Advanced
A definitive list of 'Content Components' on MOBLE CMS.

Content Components are the modules that control different types of content on a website page. You can add content Components to your page either by dragging them in from the Build Sidebar, or …

Page Editor Components
How to use the 'Text Component' in the Page Editor.

Text Component provides you with a range of tools to style the text on your page. Moving from left to right we define each tool of the Text Component.

Page Editor Components Text Component
How to use the 'Image Component' in the Page Editor.

The Image Component enables you to control your image with a high degree of functionality. MOBLE CMS automatically considers responsive design and how your images behave across all devices.

Page Editor Components Image Component
How to use 'Select Image' in the Image Component.

You can add images to your website either by either uploading from your computer, by browsing images that you have already uploaded, or by adding an image URL to link the image from an extern…

Page Editor Image Component
How is the image 'Title Attribute' (or Title Tag) used?

The title attribute displays when you hover over an image, this appears in a tooltip. In considering SEO, try not to be spammy. Aim for under 50 characters, though no more than 70 characters.

Page Editor Image Component
What is the 'Alternative Text' (Alt Tag). Is it important for SEO?

The Alternative Text is used to describe the image when the image is not displayed, e.g. in slow internet connections, to visually impaired and also by search engines to understand the image. 

Page Editor Image Component
How to control the 'Image Width' when adding an image to a page

You may decide if you what to display your image to actual pixel width or a percentage width of the frame. Width (%) is a critically important tool for responsive design as it allows you to de…

Page Editor Image Component
How to control the 'Image Height' when adding an image to a page.

You may decide if you what to display your image to actual pixel height or a percentage height of the frame. Height (%) will render your image to be a % of the frame. If you use a % width a…

Page Editor Image Component
What is 'Max Width' when adding an image to a page?

'Max Width' provides additional functionality that can enhance the look of your images. You can set 'Max Width' if you wish to control the maximum width of an image, even if on a particular …

Page Editor Image Component
What is 'Max Height' when adding an image to a page?

'Max Height' can be used to make your image a either a maximum % height of the frame, or a maximum pixel height. 

Page Editor Image Component
What is image 'Alignment' when adding an image to a page?

You may set an alignment for your images. By default, your image will be left aligned. Please note that you may also align your content (e.g. text, images and buttons) within the frame of whic…

Page Editor Image Component
How to use the 'Anchor List' to anchor images to another part of the same page?

The Image Anchor List allows you to link an image to any frame on the same page.

Page Editor Image Component
What is 'Behaviour' when deciding the action of linking an image to a destination.

When linking an image you can 'Open in a New Window', or if it is an anchor link, you can link to another location on the same page by clicking 'Scroll To'.

Page Editor Image Component
How to use 'Hover Effect' to add animation to you website images

Hover Effect offers amazing functionality to your visitors. You may add a hover effect to an image and an effect will appear when a website visitor hovers over the image.

Page Editor Image Component
How to use the 'Class List' for extra functionality that is not in the User Interface.

Class List is a tool for advanced users to browse through available CSS classes and then apply them to your image.

Page Editor Image Component
What is 'Class' when adding an image to a page?

Class displays the classes that have been applied to the image.Did you know? A class is used in code to hook a particular style to an object. There is only ever one instance of a particular …

Page Editor Image Component
What is the image 'ID' and how is it used for anchor links?

There are situations when you may wish to give your image an ID. The most frequent use case is when you wish to anchor a link, a button, or another image to your image.

Page Editor Image Component
How to use the 'Button Component' in the Page Editor.

The Button Component enables you to control your button with a high degree of functionality. MOBLE CMS considers conversion rate optimisation and it can be important to enable you to chose dif…

Page Editor Components Button Component Guide
The words contained inside the button is called the 'Label'.

Add the words that you would like to appear in the Button in the label field. The button field is case sensitive so considered making your words UPPERCASE, is preferred in your design.

Page Editor Button Component
How to use 'Anchor List' to link a button to any location on your page.

Anchor List allows you to link a button to any frame or image on your page. This can be set up as follows: Give the destination frame or image that you would like to anchor to an ID. Read more...

Page Editor Button Component
'Button Link' is used to display the url of the content that your button links to.

The Button Link serves two functions: To display the URL of objects on your website that your button links to. Objects include Pages, Documents and Images. To allow you to paste and display …

Page Editor Button Component
'Button Behaviour' determines the action after you click on a button.

Scroll To: Ensure scroll to is on for an anchor link to be effective. Open New Window: Use open in a new window, if your Destination URL is linking to an external page.

Page Editor Button Component
How to change the 'Colour' of your buttons.

On MOBLE CMS you can choose from a range of colours for your Buttons. The colour of your Buttons use the accent colours that you set within your website Theme.

Page Editor Button Component
What options do you have to change the 'Style' of your buttons?

The following styles can be applied to buttons: Ghost, Inline, Mini.

Page Editor Button Component
Button 'Alignment' can be used to determine the position of your button on the page.

You may set an alignment for your buttons. By default, your button will be left aligned. Please note that you may also align your content (e.g. text, images and buttons) within the frame of w…

Page Editor Button Component
How to add 'Button Icon' to your button.

Icon allows you to select an icon font to sit along side your button Label.

Page Editor Button Component
'Icon Position' allows you to determine the position of your button icon.

Icon Position allows you to select the position that your icon sits alongside your button label. It may be positioned to either the left or right.

Page Editor Button Component
What is button 'Class List'. How is it used?

Class List is a tool for advanced users to browse through available CSS classes and then apply them to a button.

Page Editor Button Component
What is button 'Class'? How to use it

Class displays the classes that have been applied to the button. Did you know? A class is used in code to hook a particular style to an object. There is only ever one instance of a particular…

Page Editor Button Component
What is 'ID Anchor' so important for Buttons?

There are situations when you may wish to give your button an ID. The most frequent use case is when you wish to anchor a link, an image, or even another button to your button. 

Page Editor Button Component
What is 'Rel' in the Button Component?

The rel attribute can be used by advanced users to specify the relationship of the button link and the destination link/document.

Page Editor Button Component
How to 'Upload a File' (Image or Document) to MOBLE CMS.

When adding a file, you may upload files with the following extensions: jpg, jpeg, png, tiff, pdf, doc,docx, xls,xlsx, ppt, pptx, txt, rtf, pages, numbers, key, mp4, mov, qt, wmv, avi. 

Files Add File
How to 'Resize Images in Bulk' and save huge amounts of time.

To save laborious manual work, it is essential for web designers to size images in bulk. Here we show you how web designers save time when resizing and uploading images by introducing three to…

Files Add File
TOOLS WE USE. How to use 'iResize' to batch resize images.

iResize is a free resizing tool that is available on Mac and PC. It is a go to free tool as you can resize large batches of images in one go.

Files Add File FREE PC MAC External Tools
An 'Overview Guide to Files' on MOBLE CMS

MOBLE CMS makes light work of uploading images to your website. Here you can discover some essential tips that you should know to help you along your way by ensuring that your web pages look…

Files Add File Guide Video
What is 'File Icon', where is it used on my website?

'File Icon' is edited in the 'File Settings' area for each File. The 'File Icon' is also used as the a the feature image within widgets.

Files Add File
What are the different 'File Types' that can be uploaded?

It is important to tag your file with the appropriate 'Type'. Once a 'Type' is assigned you can filter by the file type in various locations are the CMS.

Files Add File
It is important to give your files a 'Title'. The file name may be seen in Widget feeds.

It is important to give your image a title. The title is simply a name that you may give to your file. The name helps you identify your files for effective content management, though it also p…

Files Add File
What is the benefit of using 'Tags' when uploading files?

Tags are an amazing way to group files on your website. In any files Widget (e.g. Gallery or Documents) you can choose which tags you want to show. Simply add the 'Tags' that you require f…

Files Add File
Why is 'Display Date' important when uploading a new File?

'Display Date' is an important attribute that lets your website visitors know the relevant date of a particular file. 'Display Date' does not necessarily have to be the date that the file wa…

Files Add File
How is 'Sort Order' used for my files. Can this save me time?

Sort Order allows you to prioritise your files in the order of which you would like them to appear in Widgets. Lowest is sorted at the top. In the CMS Files area you can also sort your files…

Files Add File
Does adding an 'Alt Tag' to my Files help my search engine performance?

The Alternative Text is often referred to as the 'Alt Tag', even though it is not actually a tag. The Alternative Text is used to describe the image when the image is not displayed, e.g. in…

Files Add File
When is the 'Sub Heading' used to describe my images. Should I use it?

Typically, Sub Heading would be used when your Widget has been customised by your web developer, to add an extra text element to your widgets. This is often a Sub Heading or category of some d…

Files Add File
When is the 'Summary' used to describe my images. Should I use it?

In widget feeds such as Galleries and Documents, you can also display a text summary of the file. This lets users know a little bit more about the page before they click to view the full file…

Files Add File
When is 'Destination URL' used for images? Should I add when uploading images?

File Destination URL links your file to a page. This will be the default link when the user clicks on your file, unless it is overridden in the pages area or by a widget.

Files Add File
How to use 'File Types' when searching for your images in the CMS

You can filter your files search by 'File Type'. Simply, highlight a 'File Type', then click 'Search'.  You can also select more than one file type at a time.

Files Files Search Tool
How to use 'Keywords' when searching for your images in the CMS.

You can search for all types of words within a file, such as: File Name, Title, Alt Tag, Image Summary, Destination URL, Image Dimensions

Files Files Search Tool
How to use 'Tags' when searching for your images in the CMS.

Tags are an amazing way to search for files in your website. Simply select 'Tags' that you would like to edit, then click 'Search'. Only files with these tags will now appear in your list.

Files Files Search Tool
How to use 'Tag Combos' when searching for your images in the CMS.

Can match any: Will show any items that are tagged with either 'Slider' or 'Featured'. Must match all: Will only show items that are tagged with both 'Slider' and 'Featured'.

Files Files Search Tool
How to use 'Sort Order' when searching for your images in the CMS.

File Sort allows you to organise the order by which your 'Page List' will appear. You can also select the number of file that you wish to appear in the 'File List'.

Files Files Search Tool
What is 'File Icon'? How does it get populated to the Files List?

'File Icon' is automatically populated based on the file that you upload.  We will automatically size your images to fit many locations around your website. Therefore if you are uncertain, it…

Files Files List
What is 'File Name'? Where do I edit it?

Every file can be given a name. The name is edited in the 'Page Settings' area.  The File Name appears within website widgets such as Photo Galleries.

Files Files List
What is 'File Type'? Where do I edit it?

'File Type' can be updated in the 'File Settings' area.

Files Files List
Why is 'File Size' important? Does it effect my page load time?

'File Size' shows you the size of the file in kilobytes (kb).  TIP : Your website pages will load faster if your file sizes are smaller. Search engines like Google favour websites that load f…

Files Files List
Can I update 'Tags' in the Files List?

Tags are an amazing way to group files on your website. In any Widget (e.g. Photo Gallery or Slider) you can choose which tags you want to show.Simply add the 'Tags' that you require for e…

Files Files List
Can I update the 'Sort Order' of my files in bulk from the Files List?

Sort Order allows you to prioritise your files in the order of which you would like them to appear in Widgets. Lowest is sorted at the top. You can upload the sort order in bulk for many File…

Files Files List
What are the 'Action Buttons' in the Files List?

Edit:  Opens the Files Editor.  Duplicate:  Duplicates or Clones the Page.  Delete:  Deletes the pages

Files Files List
How to us 'Bulk Actions' in the Files List to save time.

Bulk actions allows you to delete files in bulk. Use the check boxes on the left-hand side to select the files that you would like to delete.

Files Files List
'What are Tags' and how do they work with Widgets?

Tags are used to group similar content together. Bring you website to life and pull tagged content into animated streams, that we call Widgets.

Tags Guide Video
Understanding 'The Art of Tagging'. How to apply granular tags.

Tags are used to group similar content together. Bring you website to life and pull tagged content into animated streams, that we call Widgets.

Tags Guide Video
How to 'Add and Name a Tag'.

Every Tag is given a name when you first create the Tag. The Tag name can not be changed once it has been created. Tags are created in the Tags section by clicking the 'Add Tag' button (top ri…

Tags Tags Manager
What is 'Show What's Tagged' when editing Tags?

The label at the top of the search box indicates the name of the Tag that you are editing. In the example image below we are editing the tag called 'Demo'. Any activity within this page will b…

Tags Tag Editor Items Search Tool
How to use 'Page Types' when Tagging in the Tags area.

You can filter your tag search by 'Page Type'. Simply, highlight a 'Page Type', then click 'Search'.  You can also select more than one page type at a time.

Tags Tag Editor Items Search Tool
How to use 'File Types' when tagging content in the Tags area.

You can filter your files search by 'File Type'. Simply, highlight a 'File Type', then click 'Search'.  You can also select more than one file type at a time.

Tags Tag Editor Items Search Tool
How to use 'Keywords' when tagging content in the Tags area.

To search and refine the content that you would like to tag, you can search for all types of words within a page or file, such as: Page Titles, Meta Titles, Meta Descriptions, Headings, Link…

Tags Tag Editor Items Search Tool
How to use 'Tags' when Tagging in the Tags area.

Tags can be a great way to search for other Tags in your website. Simply select the 'Tags' that you would like to edit, then click 'Search'. Only items with these tags will now appear in your list.

Tags Tag Editor Items Search Tool
How to use 'Tag Combos' when Tagging in the Tags area.

When searching for other Tags, Tag Combos are a simple way to filter exactly what you are looking for. With this feature you can filter by as many tags as you like at once.

Tags Tag Editor Items Search Tool
How to use 'Sort' when Tagging in the Tags area.

Item Sort allows you to organise the order by which items will appear in the list.  You can also select the number of items that you wish to appear in the list

Tags Tag Editor Items Search Tool
How does the 'Icon Preview' assist when Tagging in the Tags area?

Click on the Icon Preview to pop-up a Lightbox preview of the File Icon. All Types of content can be given an Icon.

Tags Tag Editor Items List
How does the 'Item Name' assist when Tagging in the Tags area?

The Name of your Page or File appears here. If your item is an Image, it will also let you know the file size and dimensions. If your item is a Page, it will also let you know the Page Status,…

Tags Tag Editor Items List
How does the 'Item Type' assist when Tagging in the Tags area?

The Item Type displays here in list. In the Tags section you can filter search by all items types, including all Pages, Images and all File types.

Tags Tag Editor Items List
How does the 'Tags List' assist when Tagging in the Tags area?

Tags are an amazing way to group pages and files on your website. In any Widget (e.g. Blog or Gallery) you can choose which tags you want to show.

Tags Tag Editor Items List
How does the 'Sort Order' assist when Tagging in the Tags area?

Sort Order allows you to prioritise your pages and files in the order of which you would like them to appear in Widgets. Lowest is sorted at the top.

Tags Tag Editor Items List
What do the 'Bulk Actions' do when Tagging in the Tags area?

Bulk actions allows you to delete pages and files in bulk. Bulk actions allows you to delete pages and files in bulk. Use the check boxes on the left-hand side to select the items that you wo…

Tags Tag Editor Items List
'Searching Keywords' in the Tags Manager.

Your can search for all types of words within your pages and files, such as: Page Titles, Meta Titles, Meta Descriptions, Headings, Links, Body Copy, Page Summaries, File Name, File Summary, I…

Tags Tags Manager Tags List
Things to know about 'Naming Your Tags'.

Every Tag is given a name when you first create the Tag. The Tag name can not be changed once it has been created.Tags are created in the Tags section by clicking the 'Add Tag' button (top …

Tags Tags Manager Tags List
What does the 'Video Tagged' column show in the Tags Manager?

Video Files Tagged displays the number of video files tagged.

Tags Tags Manager Tags List
When would I use 'Sort Order' in the Tags Manager? Can you even sort Tags?

Sort Order allows you to prioritise your tags in the order of which you would like them to appear in Widgets. The Tags Sort Order is only used in certain special cases, when your website wi…

Tags Tags Manager Tags List
What do the 'Action Buttons' do in the Tags Manager?

Edit:  Opens the Page Editor.  Delete:  Deletes the Tag

Tags Tags Manager Tags List
'What is a Widget'? How to use tags to rapidly pull content into Widgets?

Widgets provide a powerful mechanism to categorise content. Bring pages to life with visual effects and manage large volumes of content quickly. Take a look a different types of Widgets.

Guide Widgets
How do 'Widgets and Tags' work together?

Widgets are a feed or a stream of content. You can elect what Tags the Widget will display and any content that contains that Tag will now display in the Widget feed.

Guide Widgets Video
What are the 'Types' of Widgets on MOBLE CMS?

Widgets are dynamic publishing features such as Photo Galleries, Blogs, News Feeds, Events, Product Catalogues etc. Discover the different types of widgets that are out of the box on MOBLE CMS.

Guide Page Editor Widget Component
What are the 'View Type' and how to they change the view of your widgets

Widgets are dynamic publishing features such as Photo Galleries, Blogs, News Feeds, Events, Product Catalogues etc. Discover the different types of widgets that are out of the box on MOBLE CMS.

Guide Page Editor Widget Component
'Popular Widgets' on MOBLE CMS - Gallery, Grid, Multi-Slider

MOBLE CMS has a range of configurable widgets out of the box. This video runs through Gallery Widget, Grid Widget and Multi-Slider Widget widgets demonstrating how they look and feel.

Guide Widgets Video Version2
How to 'Add a Slider' to your website pages.

A slider is a nice effect for rotating a series of transitioning images, pages or files, on your web pages. There are two main types of Sliders, an Image Slider and a Page Slider.

Guide Widgets Video
How to 'Add a Blog' to your website pages.

A blog can be a key aspect of your website, allowing you, your team and guests to have a voice within your industry and services. MOBLE CMS has a standard blog layout out of the box. However, …

Guide Widgets Video
What 'Content Types' can be dynamically pulled into Widgets?

You may select the type of content that you wish to display in your Widgets. Depending on the widget, you can also consider selecting a combination of different file types. You can pull Pages,…

Page Editor Widget Component
How to add 'Tags' to a Widgets

Tags are the driving force behind Widgets. They are the determining factor by which content displays in your Widget. Learn the process of adding Tags to your Widgets.

Page Editor Widget Component
What are 'Tags Combos' and how can they used in Page Widgets?

Tag Combos are a great way to filter what displays in your widget more precisely. In addition to showing 'all' content containing the tags that you have selected, you can also adjust the con…

Page Editor Widget Component
When editing widgets, what is the 'Display From' field?

In your Widget you can select a date range of content that you wish to show. If you add a 'Display From' date, any content with a Display Date before this date will not show in your widget.

Page Editor Widget Component
What is the 'Display To' field when editing a Page Widget?

In your Widget you can select a date range of content that you wish to show. If you add a Display To' date, any content with a Display Date, after this date will not show in your widget.  

Page Editor Widget Component
What is 'Number of Items' when editing a Widget?

'Number of Items' determines the number of items (Pages & Files), that you would like to display in your widget.

Page Editor Widget Component
What is 'Sort By' when editing a Widget?

'Sort By' allows you to organise the order by which items will appear in your Widget. Therefore, 'Sort By' is an essential feature as it allows you to control the exact priority order that yo…

Page Editor Widget Component
What is 'Column Variation' when editing a Widget?

Colum Variation determines the number of columns that you would like to display in your Widget.

Page Editor Widget Component
What is 'Hover Effect' when editing a Widget?

A Hover Effect is the animation that appears when you hover your mouse over an item in a Widget feed. Typically, a website will have one standard Hover Effect, that is used for a consistent si…

Page Editor Widget Component
What is 'Aspect Ratio' when editing a Widget?

Aspect Ratio determines the dimensions of the image tile within a widget feed. MOBLE CMS will automatically size the original image to the selected Aspect Ratio, you do not have to re-size im…

Page Editor Widget Component
What is 'Gutter' when editing a Widget?

You can significantly change the look and feel of any Widget simply by adding a Gutter. The gutter is a layer of padding that site on the outset of each tile. There of four Gutter options to c…

Page Editor Widget Component
What is 'View Height' when editing a Widget?

View Height quite simply enables you to determine a fixed height for your Widget. Common use cases are to change the dimensions of the widget. Here we cover common use cases.

Page Editor Widget Component
Find your widgets quickly using the 'Widget Type' in the Widget Search Tool.

You can filter your widget search by 'Widget Type'. Simply, select a 'Widget Type', then click 'Search'.

Widgets Search Tool Widgets
Find your widgets quickly using the 'Keyword' tool.

You can search for all types of words within associated with a Widget, such as: Widget Type, Widget Name, Tags, Pages.

Widgets Search Tool Widgets
Find your widgets quickly using the 'Tags' tool.

Tags are perhaps the best way to filter the Widgets in the list. Simply select 'Tags' that you would like to edit, then click 'Search'. Only Widgets with these Tags will now appear in your list.

Widgets Search Tool Widgets
Find your widgets quickly using the 'Tag Combos' tool.

Tag Combos are a great way to filter exactly what you are looking for. With this feature, you can filter by as many tags as you like at once.

Widgets Search Tool Widgets
Sort your widgets quickly using the 'Sort' tool.

Widget Sort allows you to organise the order by which your Widgets appears in the list. You can also select the number of Widgets that you wish to appear in the list.

Widgets Search Tool Widgets
What does the 'Widget Type' column show in the Widgets area?

Widget Types Include: GALLERY, GRID, PORTFOLIO, MASONRY, MIX, SLIDER, MULTI-SLIDER.

Widgets List Widgets
What does the 'Widget Name' column show in the Widgets area?

Every Widget is automatically given a Name. The Name is created by: 1) The Page that the widget was created in. 2) The Type of Widget

Widgets List Widgets
What does the 'Edit Tag' column show in the Widgets area?

You can click on the Tag link to edit the Tags associated with this Widget. Let's imagine that a Widget contains Tags for ' Blue ' and ' Red '. If you want to Tag more items with ' Blue ', …

Widgets List Widgets
What does the 'Edit Page' column show in the Widgets area?

You can click on the 'Page' link to edit the page where the widget resides.

Widgets List Widgets
What does the 'Action Buttons' column show in the Widgets area?

Edit:  Opens the Page Editor for the page where this widget resides.  Delete:  Deletes the Widget

Widgets List Widgets
How to control what page content displays in your 'Widget' feeds?

Every widget can display a range of summary information such as an image, title, text summary etc. You can control the information that appears in the widget from the Settings area of each page.

Pages Page Settings Page Settings Widget Guide
How to assign 'Tags' to your Widgets in the Page Settings area

You can apply Tags to your page. Once you assign Tags to your page, the page can be used in Widgets.

Pages Page Settings Page Settings Widget
How to add a 'Page Icon' to your Widgets from the Page Settings area.

The 'Page Icon' is used as the a the feature image in your widgets feeds. A 'Page Icon' can be applied to each page from the Settings area of each page.

Pages Page Settings Page Settings Widget
How to assign an 'Author' to your page and display the Author in a Widget.

You can assign an Author to a Page. Author is particularly important in blog posts where you wish to display the person that wrote the article.

Pages Page Settings Page Settings Widget
What is the 'Display Date' in the Widgets section of the Page Settings area?

'Display Date' is an important attribute that lets your website visitors know the relevant date of a particular page. 'Display Date' does not necessarily have to be the date that the page was…

Pages Page Settings Page Settings Widget
What is the 'Destination URL' in the Widgets section of the Page Settings area?

On certain occasions, in addition to opening the page, you may wish to link to another website page or file. 'Destination URL' can be used for this.

Pages Page Settings Page Settings Widget
Should I use the 'Widgets Sort Order' in the Page Settings area?

The Widgets Sort Order in the Page Settings area allows you to assign the position that your page will appear in a widget feed; in relation to other pages that are in the same widget. While …

Pages Page Settings Page Settings Widget
How to add a short 'Summary' within your Widgets feed.

In widget feeds such as blogs and news, you can also display a text summary of the page. The widget summary will display 140 characters or less, which is the same size of Tweet.

Pages Page Settings Page Settings Widget
How to use the 'Form Component' in the Page Editor.

Forms can be added to any location on any page. This is managed through the Form Component. Here will take a look at the role of the Form Component in adding Forms to your website pages.

Page Editor Components Form Component
How to use the 'List Component' in the Page Editor.

The List Component enables you to build lists directly into your page. A list might be a simple list of items, though you can also create a list of pages or files and link to them.

Page Editor Components List Component
How to use the 'Video Component' in the Page Editor.

Videos can be added to any location on any page by pasting Embed code from programs like YouTube or Vimeo. This is managed through the Video Component. Here will take a look at the role of the…

Page Editor Components Video Component
How to use the 'Map Component' in the Page Editor.

A Google Map can be added to any location on any page, simply by writing an address in the Map Component. Here will take a look at the role of the Map Component in adding Google maps to your w…

Page Editor Components Map Component
How to use the 'Code Component' in the Page Editor.

The Code Component enables you to add any HTML to any location on any of your web pages. This might be Embed code that you wish to paste from an external website, often this will be in the fo…

Page Editor Components Code Component
Shortcuts

Shortcuts

What are 'Form Conversions' and what are the Key Metrics of MOBLE forms.

Form Conversions simply displays the number of times that a form has been completed. The key metrics for a Form Conversion are Form Name, Number of Form Conversions, Page Url.

Forms List
What is 'Admin Notification Email' and where to update it?

'Admin Notification Email' is the email address that receives notifications when somebody completes a Form on your website.You can update the 'Admin Notification Email' in the Form Settings a…

Forms List
What is 'Form Name' and where to update it?

Your Form Name displays here. To change the Name of your Form visit the Settings area for the form.

Forms List
What is the 'Form Redirect Thank You Page' and how to update it?

The form 'Redirect Thank You Page' is the page that your visitors are redirected to after completing a Form. Learn how to edit the Redirect Thank You page.

Forms List
 PAGES

Learn everything you need to know about adding and editing pages on MOBLE CMS. Discover how to create your website navigation and menus.

Pages
 PAGE EDITOR

Take an in-depth look at MOBLE's visual editor and learn how to create detailed customised pages without knowing a single line of code.

Page Editor
 WIDGETS

Widgets are feeds of content that make your website content dynamic and animated. There are many widgets out of the box on MOBLE CMS. Learn how to design and configure your Widgets to suit your content. You can have unlimited Widgets on MOBLE CMS, you can even customise each widget differently and even select from different animations. Once you master Widgets you will certainly be a MOBLE CMS Pro.

Widgets
 FILES

Files include images, documents, audio and video. Files are essential to bring your website to life, so it's important that you understand the best practice for creating beautiful files that are optimised for search engines and load quickly for your users. Also, discover how to upload and tag your files in bulk and save huge amounts of time.

Files
 LET'S BEGIN

Don't have MOBLE CMS yet? Get start for free, no credit card required.

Let's Begin
 STYLES

On MOBLE CMS you can completely change the look and feel of your website in seconds. Learn how to change your colours and sync your changes across your website. Select from a range of Google Fonts and even customise your website header to enhance your design and conversion rates.

Styles
 TAGS

Tags are at the heart of MOBLE CMS and it is critical for you to understand how they work and why they can save you immense amounts of time in managing your website. Tags have many uses from serving content into animated widgets, to cataloguing content into manageable groups. 

Tags
 GLOBAL SETTINGS

Update your company information, upload your logo and favicon. Change you super-admin login details and get key information to help put your website live.
 

Settings
 CMS PRO COURSE

Learn to be a web design Pro with our MOBLE CMS web designer Pro Course.

BE A PRO
BE A WEB DESIGN PRO

DESIGN
A CUSTOM WEBSITE WITH OUR
MOBLE CMS PRO COURSE.
START THE PRO COURSE

WEBSITES WITH MOBLE | Design Studio: 202, 56 Bowman Street Pyrmont NSW 2009 | © Copyright 2018 MOBLE Pty Ltd | Terms | Privacy