Easy Website Builder - Mobirise Beginner Guide

* Mobirise tutorial from our customer *

Creating your own website for you or for your company can be pain. Just searching online for a web designer will bring you hundreds of websites with portfolio that asks payment to design your site even if it is a single webpage. I tried to design a website in the year 2011. I code something clever, but every browser ignores it. When I heard about running mobile friendly site by google, I agitated to make a responsive website. Coding well is the fundamental need for all kind of responsive website .It’s not easier one for me to create a responsive site.

My blog, "tnpsc English" is especially designed for students. I am providing state government exam materials. I just need a single page with no plugins. Here comes the mobirise which i got finally to design my "tnpsc English" webpage. My webpage http://www.techinfoweb.com/tnpsc-english created by mobirise software only.

Related Topics

• Facebook extension in Mobirse is not working
• Encoding issue in easy website builder free
• Create a link on my free easy website builder site to a PDF file
• Why doesnt my easy free website builder project run?
• What’s new in Mobirise Easy Website Builder 2.14 and how to get even more from this magnificent software

Bonus:

Can websites created at mobirise website builder be used for commercial purposes? The answer is "Yes" .You can use mobirise without having to ask permission.

And this article is written specially for a newbies who want to understand each and every options of the software. If you are an expert, kindly share this content to the newbies who don’t know about this. I gave special unique tutorial on how to integrate your feedburner with subscription box. And it is working 100% fine.

Why should you try Mobirise?

If you are looking for a free and easy website builder, the mobirise is the best software to work with. These are the key aspects which come in with mobirise website builder software:

Mobirise is available for almost all important desktop and smartphone OS. Another thing I like from mobirise is size of the software in PC. Yes it is nearly 28MB only! You can connect them through social media channels like Google plus, Facebook , YouTube and twitter.

Initial Mobirise dashboard

How to create a new site:

Creating a new site is easier one. Go to, Sites >> Create a new site. Like this you can create more sites.

Learn how to add blocks & button to your new site

Whenever you click create a new site it shows a symbols to start with rounded plus button which bottom most right corner.

Features of red + button:

The red + button has various blocks. They are

• Menu bar
• Beautiful header with beautiful images [also slider can be added , YouTube can be embedded ]
• Contents can be placed in columns beautifully + separate articles block available at mobirise.
• Nice Buttons [You can customize the colors]
• Social media buttons
• Stunning pricing tables
• Awesome forms
• Google Maps and footers can be added.

Some other features are parallax effect and animation effects. You can run a video on background without any extra time.

How to add more menus at mobirise easy website builder?

Click anyone menu .You will see tool-tip more options. In that click “+” icon. A new responsive menu will be added.If you want to rearrange the menus click the left arrow icon.

List of block features available in mobirise website builder?

Just place mouse cursor on a block it shows drag, parameters, delete a blog like below. Nice edit-inline-content so it’s easy to change the content with beautiful font types.

Drag is used to change the positions of the blog by up or down. Just use your mouse and drag up or down.

Parameter is the main part which helps to switch header on/off. Like header it is possible to switch on/off for images , titles ,captions, buttons. Also Parameter is the place to set background image, video background, color for a block.

Delete button can be easily identified with the trash icon which you can delete the block.

Gorgeous Pricing tables with full customization:

Pricing tables comes with fixed five columns. More than 5+ columns will also spoil the neatness of the tables. But you can increase or decrease between 5 columns. When you choose the block parameter you have the option for each table to set the color of table or to hide the table.

How to add more pages in mobirise software?

Click the four line icon off-screen menu (i.e hidden navigation bootstrap menu)

Next, Click on the “Pages” on the left hand side .Then click Create new page. Like this, you can create more new pages for your mobile friendly website as you want.

Learn how to edit text in mobirise software?

Mobirise software is packed with unique fonts. Mobirise is having one of the best WYSIWYG editing environment so you don’t need to worry text edit. Locate the cursor on the text which you want to edit. That’s all.

How to embed a YouTube video at mobirise software?

First, Go ahead to your YouTube account choose your uploaded video and get the embed code which can be found just below the video. Copy the embed code and in mobirise software click the red+ button and go to the media section then choose the video embed block. Choose the video icon

And then you need to paste the copied embed code in the video url field. Some other extra options are you can set two aspect ratios 16:9 or 4:3 .Autoplay and loop option is also available.

How to switch images in the slider at mobirise software?

With Mobirise bootstrap slider, creating responsive sliders become easy. In mobirise software click the red+ button and locate the Sliders block and click it. Click block parameters and you can see image thumbnails. Another thing you can switch these images anywhere between first to last.

You can change the image by selecting one like above and immediately the selected image will be loaded below. Choose the image, now browse image options will popup. That’s all choose your desired image.

To remove an image in the slider just choose the required image you want to remove then you can see the red color remove button. Click it that’s all.

Another feature at sliders you can toggle on /off the autoplay.

How to check responsive in mobirise easiest website builder?

On the top most side, responsive check can be made for smartphone, tablet, desktop option immediately and it is easy to switch.

Learn how to Preview and publish site from mobirise software:

On top right side of mobirise you can see preview and publish button.

You can upload your site with inbuilt FTP capabilities at mobirise without switching to any other software. However i recommend to save site files in local drive and then upload by going to the webhost control panel .Because it’s easy and simple one.

Add Google maps to website within mobirise easy free website builder

Google is the most effective mapping service provider in the world. At mobirise use the google map block simply type the address and within seconds your location will be added. People can use this google maps to find your company location.

How to save the file in local drive?

Just click the publish button click browse and locate a folder in your system and finally hit Publish Button. Note that is asks a folder so create a new folder and choose that new folder.

And finally you will get like below,

Why a new techies can try mobirise?

There’s no need to write any code to create a responsive site. Based on bootstrap resources the mobirise software was built. So there is no problem, whether it’s a desktop or any other type of devices.

What is bootstrap?

Bootstrap is the asset for mobirise bootstrap maker. Bootstrap was created by twitter [Mark Otto, Jackob Thornton were main team members] in mid 2010. Bootstrap[open source] is a framework originally released at 2011 for website creation which was the created in the mind of mobile first basis. Bootstrap comes equipped with high quality system. And it helped many front-end developers to create a fast website.

As a new techie, bootstrap will also be a very tough code, thus there is a need of mobirise. Fantastic website Do it yourself [DIY] builder without touching the bootstrap codes.

Hours needed for a designer to create complete single webpage from scratch is at least half an hour. Making it responsive needs another half hour. Anyone can build a 3-page website in 30 minutes or less with mobirise.

There are lot of websites available which provides 100% responsive free templates, but when you need a small change in that template you need to spend some amount. But here at mobirise there is no problem like this.

How to upload site in webhost control panel and make live online?

First login to your webhost control panel. Be sure you have any other site files. And if you have a site already be sure to take backup the files. When you finish this, Click file manager.

Be sure you have checked the hidden files and click go.

Click +File button and upload the files one by one such as Assets, index and mobirise. Assets is the main role here, because it has bootstrap sources .Without assets site will have no designs, animation effects and sliders. By default the permission code will be 644. If not you should set this like below.

You have to finish the files one by one like below. If you are a computer geek, then you know it’s a piece of cake site file->zip it->Upload->extract. That’s all. Below is for beginner-techies. Whenever they started to doing this type of work they were not non-techies. They were beginner techies. If you meet any problems don’t think code is not written well, it just due to wrong folder path problems or wrong place of index.html files. And still you find any problems call customer of webhosting company they will provide a solution to you.

Be sure your uploaded file should be under /public_html

Finally it should be like this under public_html,

That’s all friends .Your site is alive

I have also created a webpage for education related. You can check at http://www.techinfoweb.com/tnpsc-english

And friends you can also create like this in a easier way.

How to link feedburner account to subscription form at mobirise?

It’s very easy. I used long method even though mobirise gave easy method action option in subscription form. But don’t worry my method is easy and verified 100% subscription form is one of the best way to get in touch with your customers/subscribers and there is no doubt it can double your product sales. Feedburner is 100% free so it is perfect way to get customer emails with zero investments whenever you big email marketing tools like aweber, mailchimp, getresponse or lead pages it is very much easier to export from feedburner .

First you have to open your feedburner account to find the uri. If you have lot of feeds choose your particular feed. Then click email-subscription

In the preview subscription link, you can find the what is your uri

Now open your index.html with notepad++ or wordpad because notepad is not having good look at codes.

Initial code will be like this,

<form class="mbr-form" action="https://mobirise.com/" method="post">
<div class="mbr-form__left">
<input type="email" class="form-control" name="email" required="" placeholder="Enter Your Email Address...">

Now change like this,

<form class="mbr-form" action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Techinfoweblab&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input type="hidden" value="Techinfoweblab" name="uri"/>
    <div class="mbr-form__left">

Note: There are 2 techinfoweblab in the above code. Replace techinfoweblab with your uri.

That’s all friends

Now If a user want to subscribe, he/she can fill the email at the input field of subscribe form like below.

A popup will appear and asks captcha to verify whether you are human.

When you successfully finished captcha you user will get a notification mail.

At the user mail,

That’s all friend you got one subscriber.

You can also check how many subscribers you have.

In the Email subscription you can find the subscription management. Click view subscriber details.

Wow!!! You got a new subscriber.

With a complete well-designed interface, if you spend your day working in mobirise, you will love it! It's the easiest website builder I've ever seen.

* Mobirise Beginner Guide from our customer Pazhi Y.*