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
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 '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
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
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
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
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 are 'Form Tags' and why are the useful?

Form Tags are used for admin purposes in grouping and organising your forms. This is useful since you can have as many forms as you like. You might wish to group form  variants to assist in…

Forms List
'Form Created' shows the date that your form was created

This simply displays the date that your form was created.

Forms List
'Form Updated' shows the date that your form was last updated

This simply displays the date that your form was last updated.

Forms List
What are the 'Form Field Types' available when building your own forms

MOBLE allows you to build your own forms. Here will look at the Types of fields you can add from a basic Text Field to creating Price Fields for online payments.

Forms Form Fields
What is the 'Form Field Label' when creating form fields on MOBLE?

Label is the name that appears next the the field to explain to your user what the field is.

Forms Form Fields
What 'Form Field Label Positions' can you chose from when designing your forms.

Label Position is the name that appears next to the field to explain, to your user what the field is.

Forms Form Fields
What is the 'Placeholder Text' used for when creating Forms

Your users see the Placeholder Text inside the field before adding their values. Placeholder text is used to describe what the users should include and is typically either an example, or short…

Forms Form Fields
What is the 'Mandatory Form Field' and must it be completed?

You can elect to make any field 'Mandatory', meaning that a user must complete this field in order to submit a form. If the user attempts to complete a form without completing a mandatory fie…

Forms Form Fields
'Max Characters' is the maximum numbers of characters that can be added

'Max Characters' is the maximum numbers of characters (including spaces) that a user can input to a field. It's a good idea to state the maximum number of characters in the Placeholder Text to…

Forms Form Fields
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.

Global Settings Guide
'Form Name' is the name of your form and is important to identify your forms in the Page Editor.

'Form Name' is essential to help you identify your forms. Form Name can only be seen by CMS users and is never shown on the front of your website. 

Forms Form Settings
'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…

Global Settings Going Live
It's important to choose a 'Label Colour' that is clearly legible on top of your backgrounds.

'Form Label Colour' is extremely important on MOBLE since you can add forms on any background colour or image, anywhere on your page. Therefore it's important to choose a Label Colour that is …

Forms Form Settings
A 'Thank You Page' is the page that your visitors are taken to once that have completed a form.

A 'Thank You Page' is the page that your visitors are taken to once that have completed a form. You may select from a list of the Pages on your website.

Forms Form Settings
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://

Global Settings Going Live
Form 'Submission Limit' determines the number of times a user is allowed to submit a form.

'Form Name' is essential to help you identify your forms. Form Name can only be seen by CMS users and is never shown on the front of your website. 

Forms Form Settings
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…

Global Settings Notifications
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.

Global Settings Notifications
What is the 'Maximum Number of Entries' when creating a Form?

'Form Name' is essential to help you identify your forms. Form Name can only be seen by CMS users and is never shown on the front of your website. 

Forms Form Settings
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.

Global Settings Notifications
What is the 'Maximum Number of Entries Thank You Page' when creating a Form?

'The Maximum Number of Entries' is a special option to inform those people that submit a form after that maximum has been reached... most likely to inform them that they have missed out of the…

Forms Form Settings
Form 'Button Label' allows you to control the text that sits inside the submit button of your forms.

Form 'Button Label' allows you to control the text that sits inside the submit button of your forms. Button Labels can influence the conversion rate of a form so it's important to understand …

Forms Form Settings Buttons
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.

Global Settings Icons
Form 'Button Colour' allows you select from the Primary and Accent Colours that you set up for your brand in the styles area.

Your Forms on MOBLE sit in a frame allowing you to change the Background Colour of you forms in moments. Therefore, it can be a good idea to create form variations with different colours allow…

Forms Form Settings Buttons
Your Favicon is the small icon that is often seen in the browsers address bar or next to the list of bookmarks.

Size your image dimensions before uploading. Your favicon should be a square, ideally, aim for either 16px or 32px though MOBLE will automatically optimise the file size for you.

Global Settings Icons
Do you need to add a seperate 'Mobile Logo' and Desktop Logo

Given that mobile screens are quite different from desktop and tablet screens, you might wish to have a different version of your logo for mobile devices. Perhaps a square icon, or perhaps ev…

Global Settings Icons
Form 'Button Style' offers different looks for your Form Submit Button to enhance your design and help them stand out.

Ghost : 'Ghost' button applies a border around the button with a transparent fill, rather than a full colour fill.Inline : Selecting 'Inline' will contain the button to the size of the w…

Forms Form Settings Buttons
Form 'Confidence Text' allows you add confidence builder text directly above your submit button. 

It's a good idea, reflect honesty about your intentions in your own voice, in a way that will resonate with your audience. Here we look at some common types of confidence builders that you mi…

Forms Form Settings Buttons
What is an 'Email Logo' and where is it used?

When your users complete a form and you elect to send them an automatic email notification, a logo will display in the body of your email. This is your 'Email Logo' and you upload it here.

Global Settings Icons
What is an 'Apple Touch Icon' and where is it used?

Often you might like to save your website Home page, or perhaps your Enquiries page to your mobile phone home screen. The 'Apple Touch Icon' is the icon is the icon that will appear on your i…

Global Settings Icons
Form 'Send Notification' allows you decide if you would like to send an email notification to your users once the submit a form

To send an email notification, simply select 'Yes' to send, and continue to complete the other notification settings.

Forms Form Settings Notifications
Form 'Customer Notification Email' is the email address that your customer sees when they receive an email notification after completing a form.

You can add multiple email addresses by separating each email address with a comma E.g. team@moble.com,info@moble.com.

Forms Form Settings Notifications
Form 'Admin Notification Email' is your preferred email address for receiving email notifications after a customer completes a form.

You can add multiple email addresses by separating each email address with a comma E.g. team@moble.com,admin@moble.com.

Forms Form Settings Notifications
'Email Subject Line' allows you to control the subject line of your Form Notification Emails. 

MOBLE will automatically send you a copy of the form that your customer submitted. All your form submissions are stored in the 'Contacts' area, under the 'Enquiries Tab', found via the top left menu.

Forms Form Settings Notifications
'Email Title' is the main title of your email Customer Notification Email. This sits above the body of your email and is seen by your customer when they open your email.

You do not have to complete this field. You might decide to create your own title when you create your Thank You Email. Thank You Pages should be created as "Hidden", "Sections" and can be fou…

Forms Form Settings Notifications
'Email Body Content' is the main body of content of your email Customer Notification Email. This is seen by your customer when they open your Form Notification Emails.

There are standard Layouts for Thank You Pages and Thank You Emails that you can drag and drop on to your page. In the Page Editor, simply open 'Layouts'> Sections> Notifications

Forms Form Settings Notifications
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
A 'Payment Gateway' is software that allows you to securely take payments over the internet, and sits between your website and your bank. Here we look at the Payment Gateway options on MOBLE. 

Stripe is MOBLE's default Payment Gateway. It has favorable rates, is advancing rapidly and is arguably the leading platform on the planet and is prominent in many counties across the Globe.

Forms Form Settings Payments
'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
To connect your 'Payment Gateway' to your MOBLE form you simply need to add the API Key of your Payment Gateway to you MOBLE Form.

Once you have signed up to your Payment Gateway you can log in to your Payment Gateway account, copy your API Key and then head back to your MOBLE Form and paste it into the API Key field. Onc…

Forms Form Settings Payments
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
'Payment Type' allows you to take either "One Time Payments" or "Recurring Payments" via your MOBLE forms. In the article, we take a look at both.

MOBLE Forms can be used to take payments online via your forms. The first step is to add price fields to your forms by selecting form option fields. If you haven't done so already, consider r…

Forms Form Settings Payments
'Payment Type' allows you to take either "One Time Payments" or "Recurring Payments" via your MOBLE forms. In the article, we take a look at both.

Appending credit card fields as a next step is popular on MOBLE since having Steps condenses your form on the page, which often makes for a nicer design. It is also proven to enhance conversio…

Forms Form Settings Payments
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
MOBLE Forms have an 'Autopilot List Integration' so that when a user completes your form on MOBLE, they will be automatically assigned to your preferred Autopilot List when they subscribe.

MOBLE and Autopilot are seamlessly integrated so that as soon as new Lists are created in Autopilot they will automatically be available in the dropdown list.

Forms Form Settings Integrations
MOBLE Forms have a 'MailChimp List Integration' so that when a user completes your form on MOBLE, they will be automatically assigned to your preferred MailChimp List when they subscribe. 

Here we show you where to find your MailChimp List ID and where to find your MailChimp API Key in your MailChimp account and where to paste them in MOBLE to integrate your MOBLE website with M…

Forms Form Settings Integrations
MOBLE Forms have an 'ActiveCampaign Tags Integration' so that when a user completes your form on MOBLE, they will be automatically assigned to your preferred ActiveCampaign List when they subscribe.

When you create a Tag in ActiveCampaign it will automatically appear in here in MOBLE. Lists and tags are the main methods to group your contacts on ActiveCampaign and can be used together to …

Forms Form Settings Integrations
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
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
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
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
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
'Background Colour'

Set a 'Background Colour' to any part of your web page.

Page Editor Tools Drawer Background Tools
'Background Gradient'

Apply a 'Background Gradient' in three clicks.

Page Editor Tools Drawer Background Tools
'Background Overlay'

'Background Overlay' can be used for text legibility and a branded design element.

Page Editor Tools Drawer Background Tools
'Background Video'

Add a 'Background Video' to your web pages

Page Editor Tools Drawer Background Tools
'Background Image'

7 Quick Tips for adding a 'Background Image'

Page Editor Tools Drawer Background Tools
'Background Image Position'

Control your 'Background Image Position' on both mobile and desktop.

Page Editor Tools Drawer Background Tools
'Background Image Fit'

Use 'Background Image Fit' to make your images responsive.

Page Editor Tools Drawer Background Tools
'Background Image Repeat'

Set 'Background Image Repeat' to repeat images and make a tile effect.

Page Editor Tools Drawer Background Tools
'Background Image Fixed'

Use 'Background Image Fixed' to create a striking scroll effect.

Page Editor Tools Drawer Background Tools
'Frame Padding'

Learn how to set up a Layout from scratch, and where to apply Padding to each Frame for consistent responsive design across all devices.

Page Editor Tools Drawer Frame Tools
'Max Width'

'Max Width'. Set a Fixed Width to make your Layout a little easier on the eye.

Page Editor Tools Drawer Frame Tools
'Frame Width %'

'Frame Width' is used to change the percentage with of a Frame

Page Editor Tools Drawer Frame Tools
'Width Alignment'

Width Alignment aligns the components within a Frame to Left, Centre, or Right.

Page Editor Tools Drawer Frame Tools
'Minimum Height'

'Minimum Height' allows you to control the minimum height of any frame.

Page Editor Tools Drawer Frame Tools
'Child Height'

Child Height allows you to move the height of a Child Frame with a Parent Frame.

Page Editor Tools Drawer Frame Tools
'Fixed Height'

Fixed Height allows you to fix the exact height of your frame.

Page Editor Tools Drawer Frame Tools
'Fixed Height Devices'

Fixed Height Devices lets your fixed height show on 'All Devices' or on Desktop Only.

Page Editor Tools Drawer Frame Tools
'Child Height Devices'

Child Height Devices lets your Child Frames show on 'All Devices' or on Desktop Only.

Page Editor Tools Drawer Frame Tools
'Maximum Height'

Use 'Maximum Height' to make columns equal height.

Page Editor Tools Drawer Frame Tools
'Position'

Position allows you to control the position and behaviour of Frames.

Page Editor Tools Drawer Frame Tools
Content Components - Full List

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
'Text Component'

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
'Image Component'

Embed an image on your page. Upload a new one, select an existing one. Choose the size of the image and determine how it behaves on different devices. Link, Anchor and decide how it opens a new page.

Page Editor Components
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
'Button Component'

Feature-by-feature help for styling your buttons, determining their destination and their behaviour.

Page Editor Components
The text inside the button is called the 'Button 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
'Widget Component'

How to use the 'Widget Component' to set up dynamic content

Page Editor Components
'ID Anchor' Anchor Links/Buttons

Learn how to create an anchor link from a Button, Image or Text Link.

Page Editor Tools Drawer Advanced Tools
Show and Hide on 'Devices'

The 'Devices' feature enables you to determine 'show' and 'hide' across each device; Mobile, Tablet, and Desktop.

Page Editor Tools Drawer Advanced Tools
'Column Reverse'

Column Reverse let you reverse the order of which blocks stack on Mobile.

Page Editor Tools Drawer Advanced Tools
'Device Stack'

Device stack lets you decide how to stack columns on Mobile devices.

Page Editor Tools Drawer Advanced Tools
'Borders'

You can apply a border to any frame and have control of Border Side, Border Thickness, Border Colour, and Border Radius.

Page Editor Tools Drawer Advanced Tools
'Shadows'

Choose to between 3 beautiful and contemporary drop shadows to lift your Frames off the page.

Page Editor Tools Drawer Advanced Tools
'Slider Navigation Arrows'

Style your Sliders with Navigation Arrows or Dots. Change the speed of your slider, when Autoplay is on.

Page Editor Tools Drawer Advanced Tools
'Scroll Down Arrow'

Use a 'Scroll Down Arrow' as a scroll indication when a users first arrives on a page.

Tools Drawer Advanced Tools Page Editor
'Dynamic Text Colour'

'Dynamic Text Colour' is used to override the text colour on Dynamic Widgets and Menus.

Page Editor Tools Drawer Advanced Tools
'Overflow'

'Overflow' allows you to control the behaviour of content that overflows a frame.

Page Editor Tools Drawer Advanced Tools Frame Tools
'Classes'

Class displays the classes that have been applied to the frame.

Page Editor Tools Drawer Advanced Tools
'Class List'

The Class List is a collection of Classes that are in Beta development. Advanced users may play with these tools before they are officially introduced to the MOBLE UI. 

Page Editor Tools Drawer Advanced Tools
'On Scroll' Effect

Play with 'On Scroll' effects to bring animation to your page

Page Editor Tools Drawer Effects Tools
'Reveal on Scroll' Effect

What is the 'Reveal on Scroll' effect and how is it used?

Page Editor Tools Drawer Effects Tools
'Shift' Effect

What is the 'Shift' Effect and how is it used? 

Page Editor Tools Drawer Effects Tools
'Parallax' Effect

What is the 'Parallax' Effect and how is it used?

Page Editor Tools Drawer Effects Tools
'Rotate' Frame Effect

What is the 'Rotate' Frame and how is it used?

Page Editor Tools Drawer Effects Tools
'Filter' Effects

What are the 'Filter' Effects and how are they used? 

Page Editor Tools Drawer Effects Tools
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
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
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
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
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
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 Types' and how do 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
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
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
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
'Form Component'

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
'Video Component'

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
'Map Component'

A Google Map can be added to any location on any page, simply by writing an address in the Map Component.

Page Editor Components
'Code Component'

Use the 'Code Component' to write HTHL, make an iFrame, or Embed code from your Favourite Apps.

Page Editor Components
Shortcuts

Shortcuts