If you’re one of our regular readers, you may have seen our recent 8b Website Builder review. Well, we were so impressed by how quick and easy 8b makes the process of creating impressive websites that we’ve decided to follow it up with a more in-depth look at how the software can be used. So, without further ado, here is our tutorial on how to create impressive web pages with 8b Website Builder.
What exactly is 8b Website Builder and what are its key features?
For those that didn’t read our review or haven’t come across 8b before, 8b Mobile Website Builder is a free to use browser-based website creator that boasts an extensive feature set and is particularly noted for being easy to use. 8b uses Google’s AMP (Accelerated Mobile Pages) framework which is geared towards making fast and responsive web pages that are viewable on all devices.
8b includes an extensive selection of templates and web sections that make adding features and functions to pages a breeze through an easy-to-use drag-and-drop interface.
As mentioned in our review, 8b Mobile Website Builder is powerful enough to create most standard website projects and is particularly geared towards mobile sites that look great no matter how you view them.
One of the best features of 8b is it includes a free domain and SSL encryption. This makes it easy for novices to get started and takes the hassle out of having to source one of your own. The software even allows you to specify keywords and submit pages to Google for easy ranking, something you would normally only find in software that comes with a hefty price tag.
Okay, I’m sold but where’s the tutorial?
Calm down. It’s coming.
YouTube Embed: https://www.youtube.com/watch?v=lo7N_OjLZDU
If you’ve already signed up to 8b Website Builder, creating a webpage is as easy and 1 2 3.
- Choose a template
- Edit the website using the easy-to-use drag-and-drop interface and pre-built web sections.
- Publish your website.
If you haven’t signed up yet, then that’s where you need to start.
Sign up for 8b Website Builder
Signing up to use 8b Mobile Website Builder is easy and can be done by clicking the large create website button in the upper right corner of the software’s main screen.
8b has all the usual sign up options and you can use your Google or Facebook account to make the process even easier. If you don’t have either of these, then there is the option to use an email address to register. Once registration is complete, you will be taken to the template selection screen.
Choose a template
8b offers an impressive selection of beautiful templates arranged into popular topics. Choosing one is made incredibly simple by the software’s clean interface. If your website is a gaming website, then have a look at the template named gaming. Looking for a news website? Then have a gander at the templates labelled news. Once a template is selected, you’ll be asked to name it. Type in your killer tag and click confirm.
Edit your website
Once a template and name have been selected, you’ll be presented with your website homepage in all its glory. The template will auto populate graphics, text, and sections, all of which can be edited by clicking on whatever it is you want to change. For example, if you want to edit the title just click on it and edit away. If you want to change the main body of text, again just click in the text and start typing. It’s as easy as that.
If you want to add more sections to the page, click on the plus sign. This will present you with a menu that shows the section that can be added. Choose the one you want and drag and drop it into place. Once added, text, titles, etc can be edited just like the pre-populated sections. The list of extra sections is impressive and includes things like headers, footers, contacts, menus, pricing tables, testimonials, articles lists, images, archives, and videos. Each section has multiple pre-set variations that allow you to customize how they look.
Once the section is in place, there are a variety of ways to customize the section further. To do this, you need to click on the customize section icon next to the content. This opens a menu with a variety of options that changes the layout of the section. Things like titles, subtitles, text, buttons, colours, overlay, opacity, paddings, background, alignment and so on can be manipulated to allow you to get the exact look you want for your content.
Once you’ve added text, changed titles, altered colour schemes, and placed extra sections, you’ll be ready to let other people see your hard work by publishing your site to the Internet.
Publishing your website
Like everything else you do with 8b Website Builder, publishing your website is both quick and easy. The first thing you need to do is click on the hamburger menu icon on the main screen and choose the Settings option. In the menu that pops up you can set things like the site name, favicon, and the site’s domain. If you have your own domain, you can enter it here. If you have chosen a free 8b one this can be also be added.
Once done, close the settings down and click the hamburger menu again. Click the Publish button and that’s it. Your site is published to the domain you have specified. It really is that simple.
Final Thoughts
As you can probably tell, we like 8b Mobile Website Builder. For a free web-based program it offers an impressive feature set and is incredibly easy to use. Why not follow our 8b Website Builder tutorial today and see for yourself?