How to Build a Personal Website (Using Zyro)

Article written by: Timothy Shim
  • Website Design
  • Updated: Oct 13, 2020

When creating a personal website, top website builders like Zyro serve a very important purpose in this day and age. They offer those who aren’t technically inclined an easy way of establishing a web presence.

Zyro is an easy-to-use website builder offered by Hostinger. Even as it enters what is becoming a crowded industry niche, Zyro comes with its own unique selling points. It’s clean, easily manageable even by website builder standards, and starts at hard to beat prices.

Why Build a Personal Website

Zyro homepage
Create your stunning personal website with Zyro.

Zyro is a kind of ideal for those who want to setup a personal site. In these times, your personal site can act as a point of professional reference that is easily accessible.

Aside from showcasing some of your skills, you can use the site to build a stronger profile. For example, adding some projects you've worked on along with your resume.

Using Zyro for something like this is great because it combines a ton of free tools and decent hosting for a very reasonable price. Free hosting doesn't get you very far is in many cases, the reliability of the hosting is suspected.

There are other platforms you can use such as WordPress and Weebly, but in both cases, Zyro still comes up trumps in terms of the learning curve.

Read our Zyro review in details here.


Step-by-Step Guide to Build A Personal Website Using Zyro

Still, having been a newbie at a point in my life, I understand how making a transition to digital can be intimidating.

In this article, I’m going to go over the basics of building a personal site with Zyro. This starts from a plan selection all the way to some basic tips to improve your site.

Step #1. Register Your Zyro Account

The first thing you need to do is get registered with Zyro. For them this is as simple as clicking the ‘Join Zyro’ button on the home page. To sign up you will need a valid email address.

Enter the email address you wish to use and a password to go along with it. Once you’ve done this you will be brought to a welcome screen. Yes, it’s as simple as that.

Click here > To start creating a personal website with Zyro for FREE.


Step #2. Choose a Template

Zyro templates - Zyro offers two categories of templates for Regular Websites and Online Stores.
Zyro offers two categories of templates – Regular Website and Online Store.

At the welcome screen the most obvious choice is to hit the ‘Get Started’ button on the screen. There is an option to close this screen and head to the dashboard directly, but I suggest you go with the recommended flow.

Zyro offers two categories of templates, for regular websites and for online stores. Regular templates will be those offering a mix of information and images. Online store templates will generally have more of a brochure-like feel.

For this guide we’re going to be building a simple, personal website. Browse through the selection of roughly 38 templates to see what you like. Hovering over a template will allow you to either preview it or start working with that template.

When you know which one you want, hover your mouse over that template then click ‘Start Building’. This will bring you to the Zyro editor.

Click here > See more Zyro templates.


Step #3. Modify Your Template

Zyro works on a system of building blocks. These blocks are called ‘Elements’ and can be added, deleted, and modified. Imagine a set of plain building blocks which you can shuffle around and use to create something.

a. Adding Elements

adding elements to Zyro template
Click on the top menu bar to add elements to a Zyro template.

On the top menu bar there is an option to add elements. Zyro comes pre-configured to offer a specific set of elements which are commonly used to create personal websites. This includes text (which actually places a resizable box you can add text to), images, and more.

To add an element on your template, click the ‘Add elements’ option, decide which type you want. Next, left click on it and while holding your mouse button down, drag it over onto your template. It is now that you’ll notice the grid system.

b. Following the Grid System

The grid system serve as the basic guidelines when editing the template.
The grid system serve as the basic guidelines when editing the template.

The grid system appears as you’re dragging elements on to your template (or moving existing elements around). These blocks serve as basic guidelines to let you see the permissible spots where you can place your elements.

Any placements or resizing of elements need to follow the basic sizes of each square in the grid system. Consider it a sort of ‘minimum size or resize guideline.

c. Editing Elements

editing elements on Zyro is easy.
To edit on an element, just click the element to move, resize or change it. You can view the result while editing.

If there are existing elements on your page you don’t like or want to move, this can easily be fixed. Clicking on the element in question will highlight it with a blue outline. From there you can either drag to move, resize, or choose to edit it.

For example, highlighting a text box will display an option to ‘edit text’. You will see changes being made immediately as you’re doing them. It’s exactly the same as you would expect when using a text editing program.

d. Working With Sections

Adding Sections to Zyro website
Adding Sections to Zyro templates helps personalized your website.

At the bottom of your main page, you may notice an option to ‘add section’. Sections are what separate your pages in Zyro. Having websites made up of one terribly long page isn’t very user friendly.

Using sections helps improve the user experience and allows you to call their attention to different parts of your website via the navigation menu. For example, for a personal resume site, you might like to have separate sections such as ‘Skills’ and ‘Portfolio’.

Similar to templates, Zyro has pre-built sections you can choose from when you click ‘add section’. These will match your current template. There is also the option to use a blank section which you can customize on your own.


Step #4. Check for Mobile Friendliness

check for mobile friendliness
Make sure your website is mobile friendly before hitting the “Publish” button.

When building a website today it is important to realize that many users are now using mobile devices to view web content. This means that your site needs to be properly formatted for those devices.

Zyro does this for you automatically, but you can also check on your own. On the top navigation bar there are icons for a desktop or mobile device. Clicking either of those will toggle the view so you can see if that version of your site looks all right.

When you’re satisfied with how your personal site looks in both desktop and mobile format, simply hit the ‘Publish’ button on the top right-hand corner to start getting visitors.


Bonus: Helpful Extras that Come with Zyro

Aside from the main website builder, Zyro also comes with some other handy tools for personal websites that you can make use of. 

AI Heatmap

Images are usually the most striking parts of a website. However, even within images, there are hotspots that normally call for attention. Use of this can help – for example, if you want to be sure that you’re calling attention to the right focus area in an image, such as your product.

The AI Heatmap does this for you. All you need to do is upload your image and the tool will show you where user focus is drawn to.

AI Writer

This is perhaps conceptually the most exciting part of Zyro. I say ‘conceptually’ because the idea is awesome, but since they’re still new, it might need some kinks worked out of it. The AI Writer basically helps you generate usable text.

If language isn’t your strong point, you can use AI Writer to help you build some basic content for free. There are limited categories of what it can generate at the moment, but I anticipate more to come.

Logo Maker

When I first started building sites, looking for a logo was one of my biggest headaches. Free logo generators aren’t really free in many cases. Zyro offers you the use of their logo maker for free and it’s quite easy to use as well. More than sufficient for starter sites.

Click here > Explore more features to create a personal website you've dreamed of.


Tips on Creating a Stunning Personal Website with Zyro

Setting up a stunning personal website isn’t an easy task, but thanks to tools like Zyro, it has become much easier today. There is a great variance in how great sites can look and behave but remember – your site does not have to be the best.

Many new website builders become overly obsessed with creating the perfect site. In the process, they forget about what matters the most – themselves and their target visitors. Here are some quick tips to keep in mind when building a personal website with Zyro.

Build for Speed

Sometimes, less is more. Having fewer elements on your page can speed up site performance which is great for your visitor’s experience.

Don’t Over-image

Images may look stunning, but it is text that helps the most in capturing visitors from search engines. Try to balance a combination with both.

Define Your Structure

The way a site navigates is important to your user experience. Try to avoid confusing your visitors, especially if you’re building a personal site for professional use. If you’re unsure about this, stick to Zyro’s templates first to begin with.

Use Zyro Resources

You might not use everything in Zyro, but they can still help. For example, you only need one template, but draw inspiration from their other templates to help give you ideas in modifying the one you've chosen.

Tell a Story

The most effective sites have a strong identity. These sites often clearly represent their owners and have clear characteristics. 

Zyro Plans and Pricing

FeaturesFreeBasicUnleashedeCommeComm+
Bandwidth500 MB3 GBUnlimitedUnlimitedUnlimited
Storage500 MB1 GBUnlimitedUnlimitedUnlimited
SSLYesYesYesYesYes
Zyro adsYesNoNoNoNo
Connect domainNoYesYesYesYes
Messenger Live ChatNoNoYesYesYes
Google AnalyticsNoNoYesYesYes
Accept online paymentsNoNoNoYesYes
Number of ProductsNoNoNo100Unlimited
Price$0/mo$1.99/mo$3.49/mo$14.99/mo$21.99/mo

Zyro has two main categories of plans – the first set is for normal websites, while the second set covers eCommerce sites. Which you choose from depends on what type of website you’re looking to build.

If you’re brand new to website building, chances are that you’ll be first looking at establishing a basic digital presence. This means a website where you’re looking to share content such as information and images.

Choosing a plan now doesn’t mean you can’t change it later on, so start small and work your way up. 

Click here > Find out more about Zyro plans and pricing.


Final Thoughts on Building A Personal Website

Using Zyro to create a personal website is definitely a recommended choice. It starts from the most basic concepts, making things easy even for the absolute newest among us in building websites. However, they are also extremely scalable – at strong price points.

For what costs less than what you’d pay for just hosting on many other sites, you can build a complete website in a matter of hours, depending on how highly personalized you want it to be. 

Be like Zyro – start small and aim big. You can scale up your website with them as you grow.

Get Started, Click Here to Signup

Signup with Zyro
Join and create your personal website on Zyro

About Timothy Shim

Timothy Shim is a writer, editor, and tech geek. Starting his career in the field of Information Technology, he rapidly found his way into print and has since worked with International, regional and domestic media titles including ComputerWorld, PC.com, Business Today, and The Asian Banker. His expertise lies in the field of technology from both consumer as well as enterprise points of view.