Be the designer every business loves. Make beautiful drag and drop layouts for your clients to enjoy with an all-in-one Web Design toolkit.
Power websites, little or large, in moments with a dynamic Visual Editor, purposely designed to make business beautiful.
Accrue passive income with each design or referral. Manage your clients & share Designs Layouts with your Team.
HOME ORDERING WEBSITE
ECOMMERCE & SUBSCRIPTION WEBSITE
CUSTOM WEBSITE DESIGN
HOW TO MAKE A WEBSITE LIKE A PRO
Web School is an end-to-end, easy to follow series, aimed at both beginners and web design pros.
2020 EVENTS ANNOUNCING SOON
Spend the day at MOBLE offices in Surry Hills and build your own website with the help from our team.
FEATURE BY FEATURE GLOSSARY
Learn MOBLE as you go with this comprehensive glossary of features and FAQ.
Have you tried our Web Design Pro Course?
Did you know? There are hundreds of icons in the backend of MOBLE CMS, for exact help when and where you need it.
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.
Your Form Name displays here. To change the Name of your Form visit the Settings area for the form.
MOBLE CMS allows an unlimited amount of menus to be created on your website. Uhm, what do you need all of these menus for I here you ask? Well, let's find out...
'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…
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.
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.
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.
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.
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…
This simply displays the date that your form was created.
This simply displays the date that your form was last updated.
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.
Label is the name that appears next the the field to explain to your user what the field is.
Label Position is the name that appears next to the field to explain, to your user what the field is.
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…
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…
'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…
Update your company information, logo and favicon, login details and get key information to help put your website live.
'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.
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…
'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 …
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.
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://
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…
Admin Email is the default 'From' email addresses that is used to receive form enquiries from your customers.
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.
'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…
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 …
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.
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…
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.
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…
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…
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…
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.
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…
To send an email notification, simply select 'Yes' to send, and continue to complete the other notification settings.
You can add multiple email addresses by separating each email address with a comma E.g. firstname.lastname@example.org,email@example.com.
You can add multiple email addresses by separating each email address with a comma E.g. firstname.lastname@example.org,email@example.com.
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.
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…
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
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.
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.
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.
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…
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.
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…
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…
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.
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.
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…
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 …
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.
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.
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.
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 '…
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…
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 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…
'Page Icon' is edited in the 'Page Settings' area of each page. The 'Page Icon' is also used as the feature image within widgets.
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…
Change the 'Page Type' by simply clicking on the 'Page Type' button. You can update the page from within 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.
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.
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.
Edit: Opens the Page Editor. Settings: Opens the Page Settings. Duplicate: Duplicates or Clones the Page. Delete: Deletes the pages
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…
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…
'Page Name' is the name that you give to you page. It is used as the primary method to identify your page.
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.
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.
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…
'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…
'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.
'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…
'Hide Footer' can be used in situations where it is advantageous to remove your website footer. The most frequent scenario is for 'Landing Pages', that focus on Conversion Rate Optimisation (CRO).
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.
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 .
Your Meta Description can improve your click through rate (CTR) from the search engines, be accurate, concise and entice searchers to click.
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…
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…
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.
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.
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…
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.
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 …
MOBLE CMS allows an unlimited amount of menus to be created on your website. You can quickly and new menus and completely reorganise existing ones.
Creating a new menu on MOBLE CMS can be done by clicking [+ MENU] button in the top right in the Navigation area. Once a menu is created you can drop it anywhere any page, here we learn how.
The Navigation area includes links to Edit the Home Page and the Footer Section. This is purely for your convenience so that you can click to edit key content from the Navigation area.
The Site Map Menu is the menu that is used on mobile devices. You can also include all of your pages in your Site Map Menu and show this as a Hamburger menu on your desktop view.
The Header Navigation Menu is the menu that sits in your header. This menu can have multi-level drop-down menus. Also, read on to see how to put the header navigation menu into your header.
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.
Layouts are premade designs that are stored and accessed easily when editing any Page. Layouts can be dragged on to your pages offering rapid design flexibility for each and every web Page. Yo…
Set a 'Background Colour' to any part of your web page.
Apply a 'Background Gradient' in three clicks.
'Background Overlay' can be used for text legibility and a branded design element.
Add a 'Background Video' to your web pages
7 Quick Tips for adding a 'Background Image'
Control your 'Background Image Position' on both mobile and desktop.
Use 'Background Image Fit' to make your images responsive.
Set 'Background Image Repeat' to repeat images and make a tile effect.
Use 'Background Image Fixed' to create a striking scroll effect.
Learn how to set up a Layout from scratch, and where to apply Padding to each Frame for consistent responsive design across all devices.
'Fixed Width'. Set a Fixed Width to make your Layout a little easier on the eye.
'Frame Width' is used to change the percentage with of a Frame
Width Alignment aligns the components within a Frame to Left, Centre, or Right.
'Minimum Height' allows you to control the minimum height of any frame.
Child Height allows you to move the height of a Child Frame with a Parent Frame.
Fixed Height allows you to fix the exact height of your frame.
Fixed Height Devices lets your fixed height show on 'All Devices' or on Desktop Only.
Child Height Devices lets your Child Frames show on 'All Devices' or on Desktop Only.
Use 'Maximum Height' to make columns equal height.
Position allows you to control the position and behaviour of Frames.
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 …
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.
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.
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…
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.
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.
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…
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…
'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 …
'Max Height' can be used to make your image a either a maximum % height of the frame, or a maximum pixel height.
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…
Link List can be used to link an image to any existing page, or document, on your website. Link List will display a list of Live, Hidden and Draft pages. Link List will also display Draft pag…
The Image Anchor List allows you to link an image to any frame on the same page.
You may elect to link the image to an external page, i.e. a page outside of your website. Paste the URL that you are linking to (including http://) in to this field.
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'.
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.
Class List is a tool for advanced users to browse through available CSS classes and then apply them to your image.
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 …
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.
Feature-by-feature help for styling your buttons, determining their destination and their behaviour.
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.
Link List can be used to link a Button to any page on your website. Link List will display a list of Live and Hidden pages. Link List will also display Draft pages.
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...
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 …
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.
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.
The following styles can be applied to buttons: Ghost, Inline, Mini.
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…
Icon allows you to select an icon font to sit along side your button Label.
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.
Class List is a tool for advanced users to browse through available CSS classes and then apply them to a button.
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…
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.
The rel attribute can be used by advanced users to specify the relationship of the button link and the destination link/document.
How to use the 'Widget Component' to set up dynamic content
Learn how to create an anchor link from a Button, Image or Text Link.
The 'Devices' feature enables you to determine 'show' and 'hide' across each device; Mobile, Tablet, and Desktop.
Column Reverse let you reverse the order of which blocks stack on Mobile.
Device stack lets you decide how to stack columns on Mobile devices.
You can apply a border to any frame and have control of Border Side, Border Thickness, Border Colour, and Border Radius.
Choose to between 3 beautiful and contemporary drop shadows to lift your Frames off the page.
Style your Sliders with Navigation Arrows or Dots. Change the speed of your slider, when Autoplay is on.
Use a 'Scroll Down Arrow' as a scroll indication when a users first arrives on a page.
'Dynamic Text Colour' is used to override the text colour on Dynamic Widgets and Menus.
'Overflow' allows you to control the behaviour of content that overflows a frame.
Class displays the classes that have been applied to the frame.
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.
Play with 'On Scroll' effects to bring animation to your page
What is the 'Reveal on Scroll' effect and how is it used?
What is the 'Shift' Effect and how is it used?
What is the 'Parallax' Effect and how is it used?
What is the 'Rotate' Frame and how is it used?
What are the 'Filter' Effects and how are they used?
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.
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…
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.
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…
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…
'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…
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…
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…
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…
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…
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.
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.
You can search for all types of words within a file, such as: File Name, Title, Alt Tag, Image Summary, Destination URL, Image Dimensions
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.
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'.
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'.
'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…
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.
'File Type' can be updated in the 'File Settings' area.
'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…
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…
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…
Edit: Opens the Files Editor. Duplicate: Duplicates or Clones the Page. Delete: Deletes the pages
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.
Tags are used to group similar content together. Bring you website to life and pull tagged content into animated streams, that we call Widgets.
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…
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…
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.
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 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.
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.
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
Click on the Icon Preview to pop-up a Lightbox preview of the File Icon. All Types of content can be given an Icon.
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,…
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 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.
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.
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…
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…
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 …
Pages Tagged displays the number of pages tagged.
Images Tagged displays the number of images tagged.
Documents tagged displays the number of documents tagged.
Audio Tagged displays the number of audio files tagged.
Video Files Tagged displays the number of video files tagged.
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…
Edit: Opens the Page Editor. Delete: Deletes the Tag
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.
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.
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.
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.
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.
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, …
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,…
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.
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…
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.
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.
'Number of Items' determines the number of items (Pages & Files), that you would like to display in your 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…
Colum Variation determines the number of columns that you would like to display in your 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…
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…
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…
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.
You can filter your widget search by 'Widget Type'. Simply, select a 'Widget Type', then click 'Search'.
You can search for all types of words within associated with a Widget, such as: Widget Type, Widget Name, Tags, Pages.
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.
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.
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.
Widget Types Include: GALLERY, GRID, PORTFOLIO, MASONRY, MIX, SLIDER, MULTI-SLIDER.
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
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 ', …
You can click on the 'Page' link to edit the page where the widget resides.
Edit: Opens the Page Editor for the page where this widget resides. Delete: Deletes the Widget
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.
You can apply Tags to your page. Once you assign Tags to your page, the page can be used in Widgets.
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.
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.
'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…
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.
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 …
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.
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.
How to embed Menus to any page with the 'Menu 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…
Social Icons can be added to any location on any page by pasting Embed code from programs like AddThis or ShareThis. Here will take a look at the role of the Social Component in adding Social …
A Google Map can be added to any location on any page, simply by writing an address in the Map Component.
Use the 'Code Component' to write HTHL, make an iFrame, or Embed code from your Favourite Apps.
01 / 10
Build pages like a Developer without a single line of code. Design Pages, Stores, Events, Directories, Galleries, Sliders and more. Make reusable Layouts for an effortless handover to your content team, knowing they'll always stay true to brand.
02 / 10
Many Designers like to build from scratch then save their custom Layouts for their content team to use. Though, if you're new, or in need of inspiration, browse over 5,000 Layouts, drag and drop them on to your page, watch as they instantly style in to your Brand.
03 / 10
MOBLE's CSS Panel means you can build and redesign websites in moments, all from a granular control panel for colours, fonts and effects. Select from over one hundred headers, or even code your own.
04 / 10
You can add as many Pages as you like and organise them with a vast range of menu and navigation options. MOBLE is not just static pages, you can custom design dynamically driven pages for stores, checkouts, blogs, events, media libraries, and much more.
05 / 10
Upload images, documents, audio and video individually or in bulk, and organise them with Tags. Let MOBLE's compression engine optimise your images, and learn how to compress your own.
07 / 10
Tag your pages, products, images, videos, even Tag your members in to groups. Keep you content organised as you go, to unlock the power of Widgets and serve content right around your website.
06 / 10
Widgets are dynamic feeds of content. Master feeds for Shop Products, Galleries, Sliders, Grids, Videos, Portfolios, Events. With this simple tool you can build huge sites in moments, without any plugins.
08 / 10
Create your own forms with an easy to use drag and drop form builder. Set up form notifications and thank you pages. Track your conversions and even take payments online.
09 / 10
Even though MOBLE is a 'No Code' platform, that doesn't mean we don't let you under the hood. Give your developers access to HTML, CSS, JS and API's so you'll have full access to build and integrate anything, without ever feeling locked in.
10 / 10
Learn about your master control settings, from settings up integrations to going live. Set up Team Members and Manage your Billing and Notifications.