An Indepth Guide to Using MotoCMS HTML

06.15.2017 3 comments

Included in this introductory post to MotoCMS HTML, is a new collection of articles that are dedicated to our powerful website builder, that was made for developing HTML sites. Below, we will be highlighting all functions and features of the system.


  • Overall functionality
  • Widgets
  • Preferences
  • Mobile editor

Overall functionality

The admin panel functionality of the MotoCMS offers its users the ability to manage their sites without the need for any coding skills or any programming expertise. Any one can literally tweak the system – be it a novice or an expert.

1. Drag and drop system:

This is the easiest way to set up a website. The users can just modify their projects, just by replacing objects on the stage and adding any content items. This is as simple as it can get.

2. Page settings and SEO:

As a first thing that one has to do when you start using the admin panel is set the page size for your website. You can use the arrow buttons for that. With these functions you can optimize your site for the search engines like a breeze.


The admin panel of MotoCMS has many widgets for an effective website development.

Contact forms:


The widget serves for strengthening the owner of the site’s professionalism in the eyes of the visitor. The owners must appear that they are serious about your profession and hence they must allow the visitor to express himself through a proper channel. Thankfully the MotoCMS has a Contact form widget. It enables you to edit text format, buttons style and items style. There is provision to add new items to the contact form. To make an online presence, a contact form is required.



The developers are allowed embed galleries to the HTML templates. The appearance of the site is enhanced. This is what is expected out of fashion industry themes, web studio themes, etc. Let us examine each gallery in detail.


Background slider:

This sort of gallery is the most impressive. The tool bar allows the users to pick the manual mode or automatic mode for the slideshow.


Carousel gallery:

The carousel gives the users access to various images all at the same time. You can specify the scrolling speed, if choose the option (move automatically), and then click on the (enable) button and set the duration time.


Grid gallery:

This allows us to make quick acquaintances with the various images. There is no necessity to flip through all the pictures. Through this grid gallery they are shown, on one page in a small size. Here you can choose the way the pictures can be enlarged – in the background or lightbox/


Reflection gallery:

This is a fresh way to showcase images. This is due to the fact that all of them have a superb reflection effect. The central picture can be bigger than the rest, however each reflected image is the same as its original.



This is the most famous gallery widget in web design. Use the panel for setting general settings.


Slider with thumbnails:

This slider has 2 sections – the 1st shows a big size image and the 2nd is a sliding vertical or horizontal ribbon with thumbs.


Sliding click Action gallery:

This gallery gives us an opportunity to display images in a convenient manner. They scroll vertically or horizontally.


Sliding gallery:

This and the above have some similarities and some differences. When the pictures are displayed through sliding gallery, they can be seen in in full size either in Lightbox or background.



This category has widgets like Vimeo Video, Rich Content, Paypal Donate, PayPal Buy NOw, HTML and Button. Given below there is an overview of the list of tools that we have discussed now.


Button widget:

This widget permits users to place buttons anywhere in the webpage. You can invent the design of the button all by yourself.

HTML Widget:

Just by pasting the HTML code in a specific section, the HTML widget enables users to launch any customer app.


PayPal Buy Now Widget:

This is a must have tool for the online stores because online purchases are made possible with this widget. This widget has a wide range of properties.

PayPal Donate Widget:

This tool is mainly used for donations – which is why it is demand for charity organizations. This is the same as the PayPal Buy Now widget exception the price option is changed into the contribution amount.

Rich content widget:

This particular widget allows the users to embed information to their projects, because of its scroll bars and the ability to combine various items into a single block.

Vimeo Video widget:

If you want to embed vimeo video to the site, this tool comes handy. In the video URL, it is mandatory to copy and paste the direct URL to the video file.



The MotoCMS customers can integrate a Google map to the site and hence increase the findability. After adding a widget double click on it in order to indicate your exact location.


Menus: Vertical and horizontal:


With this tool one can create an easy and friendly navigation through your site. The vertical and horizontal menus have almost identical features except the orientation.


This particular widget has many properties in the panel:

  • • General settings
  • • Main Menu style
  • • Submenu style

Then there is a style section that enables stroke and padding, background image, etc.


Here the options for the website and its admin panel can be changed. We can get access to the fonts manager and media library.


Website preferences:

Here there are website settings, SEO & Analytics, under construction and Password Protect. Below, each of these functions are dealt in detail.


Website settings:

Here you can type the title of your web page in the field website title. It acts as a prefix for your pages’ titles. If you do not like it then leave it blank. The Website height, width, preloader, page loader, background style and Favicon are there on this panel.

• SEO and analytics:

From this function one can activate the Google Apps like Google webmaster tools and Google analytics. Generate your sitemap with an appropriate button on the panel.

• Under construction:

If you want to hide the site appeal from visitors when modifying it, then this function is the best.


• Password Protect:

In order to limit the access to your site input a password. Activate the function in the toolbar and set a password.


-> Control panel preferences:

In this section we learn to adjust settings for the admin panel. There are advanced settings, password and Backup & updates.

• Advanced settings:

The admin panel is there in fifteen languages and it is a breeze to select a needed one. The users can get a welcome screen and check for updates function. And it is possible to set the preview parameters.

• Password:

Exactly here one can change the password for entering the admin panel.


• Backup & Updates:

This section is meant for creating backups and searching updates. This panel provides all the instructions so there is nothing difficult here.


Media Library:

This is genuinely multifunction. For example: there is a function to create folders to group the media files. There is a filter for choosing one type of file. To add videos and images from your system click on add media.


Plus the image editor is included in this section of preferences.


On the left there are buttons and on the right there are the functions listed. The navigator is for choosing an image scale. Colors can be adjusted and even the contrast and effects can be modified.


Fonts manager:

This section deals with the fonts, that you can deactivate and activate. The add font button adds new fonts to control panel.


Mobile editor:

This is the best supplement for all existing MotoCMS features. Your website will be transformed into mobile friendly by this tool. In the control panel select the Switch to mobile editor function. The editor has the same features which the website editor does.


Finally, MotoCms HTML is a powerful website builder that was developed to create eye-catching and stunning HTML sites.

Written by:

Karthik is working for White Ranking Technologies, a startup Digital Marketing company. He has a total of 6.8 years of experience in software out of which Karthik has three years of experience in Content writing. He has worked in development projects in using C and Linux and also in configuration (using clear case) and also worked in testing. Karthik always wants to learn new technologies and update himself.


Your comment was successfully sent and awaits moderation.

Server is not replying. Please try later.

You already have this product in your basket

Please delete it before you add a new copy.

You added this product in your basket.

Thank you for Your choice.