HOW TO BUILD A WEBSITE

You are 3 simple steps away from a website you are dreaming of!

Since a few years, website development is no uphill task anymore. Anyone with literally no experience in HTML/CSS can create a website that overtops many manually made ones. There are lots of CMS and website builders trying to offer the easiest web design solutions on the market. Mobirise is one of these tools billed as the easiest offline website builder. Here is a quick and easy tutorial on how to build a website using Mobirise!

Get started

First things you need to do are download and install Mobirise as well as choose a theme you want to use for your future website.

Download Mobirise

Go to Mobirise.com or click the button below to see the download options. Choose one of the buttons for your OS and you will get the .exe file downloaded in seconds. Click on it and proceed to the installation. As soon as the installation is completed, launch the app.

how to create a website for free
how to build a website from scratch

Choose a theme

Mobirise grants you access to lots of themes and templates that relate to any type of business: there are website templates for medical centers, creative agencies, music bands, legal agencies, car services, online schools, e-shops, hotels, and much more. Each theme has its unique layout you can easily design to your liking. Open Mobirise, go into the bashboard to your left, click on "Sites" and choose "Create New Site" to choose a theme you like.

Design Your Page

The most engaging part is creating your own web page. Don't hire any web developers to handle it as you can learn in no time how to build a website: the web design process is that easy and fun so you will surely enjoy working on your website on your own! Here are tools you will use while building your stunning website!

Block Parameters

Block Parameters help you change layouts of your blocks you choose. All you need is to hover over the block you'd like to edit and click on the gear-like button in the upper right corner. Here you can show/hide texts, icons, buttons, change backgrounds, edit colors, define the number of the elements in your block and much more!

how to create a website using html
creating a website for your business

Inline Editor

This tool allows you to edit your web pages as you see. Click on any text and you will see a tooltip allowing you to change the text type, text color and text align. If you click on images, you will be able to change their ratio or replace them completely with some photo of yours or a picture from a free online image library.

Page Settings

It's really convenient to manage web pages of your site: go to the dashboard into the "Pages" section and you will see the options to add new pages, clone pages as well as edit your pages' titles, descriptions and URLs.

how to create a website free of cost
how to design a website

Site Styles

By hitting on the blue brush button in the lower right corner, you will see your site settings which enable you to change the color scheme of your site, font types and sizes, and also add effects like rounded buttons, animation on scroll and scroll to top button.

Code Editor

This tool is of help if you need some advanced editing: you can add external code, change HTML/CSS or your site directly and a lot more!

Switch Blocks

If you use one theme, but you also like a block from the other one, you can save it and use on your own just like that. This feature widens up your design opportunities.

Popup Builder

Would you like to have a nice popup window to appear by clicking on buttons of your website or some time after a person visits your site? Here you go!

Form Editor

With the Form Editor, there are no boundaries in editing your contact form! Change fields, add new elements and make it look the way you want!

WOW Slider

Image sliders can really make your website look more dynamic. This is why you can use the WOW Slider extension that offers many slider designs.

e-Commerce

Mobirise allows you to develop a straightforward yet effective e-commerce website using lots of shop blocks available and the Shopping Cart extension!

Best themes

There's a lot of themes Mobirise offers to you!
Don't hesitate to check them out!

website builder kit

Publish Your Site

Once your site is done and you know how to build a website, it's time to make it public. There are several ways of how to publish your site and you can choose one that suits you best.

Mobirise Publishing

This method allows uploading your website to Mobirise hosting and making it available under *.mobirisesite.com.

Download locally

Save your website's file on the local drive in order to subsequently upload it to whatever hosting server you want!

Github Pages

This option makes your website available on Github Pages which is actually a free hosting for development purposes.

FTP

Transfer your website to your hosting server directly using FTP.

Mobirise

Video Tutorial

Watch the video tutorial and learn how to create a website for free in no time!

Website Builder Kit

Get access to all 80+ Mobirise themes and extensions
which include 3500+ awesome blocks!

Comments

User: Hi Mobirise,
Firstly, great product – been using it for about a month now and it’s super awesome!! I learned easily how to build a website! Thank you!
Then a question on “forms”….. Do I need to do any other database work once my site if life or not?
Also, I have a subscribe button that doesn’t seem to work do I need any extra coding on that or how does that work?
Thanks so much
Kind Regards

Mobirise team: Hi,
The forms are run on Formoid servers, so you don't have to create any backend and databases.
You can also use the Code Editor extension to add external code in case you want to manage the contact and subscription forms manually.

User: how can i make the block have less blank space to each side ?
i think have a header block which i have added a bold title and some text to
however there i a huge amount of space either side of the text which i would like to reduce - how can i do this ?
it would be great if you introduced aliders like you have for top & bottom spacing

Mobirise team: Such a feature is not supported.
You can try to implement it through a manual code editing of the locally published site files but we can't guarantee that it will work.
Sorry, but we don't provide support about custom coding.

User: Hello,
i have a website that i built via your platform and its really been great so far.
yesterday though i tried publishing some changes i made but it doesnt seem to be working.
i have tried multiple browsers, i have deleted cache memory but the new version isnt shown.
thank you in advance for your help

Mobirise team: Try to re-upload your website on the hosting and make sure that you didn't miss some of the site files in a process of uploading.
Please check your FTP data, also you can try to publish your site with the unchecked option Publish changes only.
Try to publish your site to a local folder, and upload it to your hosting using FileZilla, check if you have issues with it.
Could you please make sure that Mobirise is able to connect to the Internet directly. Your proxy/antivirus/firewall may prevent it.
Also please try to log out and log in again into the Mobirise app (open the Account tab to find the Logout button).

User: Thanks for your help with this great product.
1. Jsut and FYI, when prompted to upgrade the software, you're sent to the regular Mobirise page, with no easy instructions on how to download the new version.
2. I have a Form on my webpage, and get tons of Spam. Are you able to add a question before a Form is submitted, like 'what is 1 + 2'? This can stop many bots from spamming via Forms.
Thanks

Mobirise team: We'll provide your suggestion to our developers.
Thank you for your feedback! It can help us make Mobirise better, so don't hesitate to share your ideas with us - any feedback is always appreciated.

User: hello again, i checked the problem on second computer, it doesnt work either.
publishing on ftp or even locally is susoending on "preparing". please help as i cannot work for my clients with updating the websites. pleasseeeee ;)

Mobirise team: Hi,
Try to re-add the favicon image to your project, if it won't help then turn off the Lazy load.
Another workaround we recommend you to try:
Try this:
1 - if you published the site earlier - download its files to some folder on your PC as a backup, then remove the site from the hosting
2 - open the project of this site in Mobirise, add the problem blocks to user blocks (as a backup, too) and remove it then
3 - start a new project with the same theme, build the same block with product cards there, add all links ("add to cart" or "buy now"), in a preview mode they should functioning ok
4 - transfer this re-created block to the required project with a User block feature
5 - upload site to the hosting and check the results
Notice, please - AMP themes aren't compatible with Bootstrap themes.
Bootstrap 4 themes won't work with Bootstrap 3 themes as well.

© Copyright 2020 Mobirise - All Rights Reserved