Home / How-to / How to Build a Personal Website (Using Zyro)
How to Build a Personal Website (Using Zyro)
By Timothy Shim . Last Updated on June 4, 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 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 options you can use such as WordPress and Weebly, but in both cases, Zyro still comes up trumps in terms of the learning curve.
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.
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
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 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
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
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
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.
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.
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.
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.
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.
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
Messenger Live Chat
Accept online payments
Number of Products
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.
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.
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.
Successful websites aren't just about web hosting and fantastic designs. BuildThis.io is focused on the building blocks that people need in the process - a combination of tools, process, and of course shared experience.
WebRevenue Sdn Bhd (1359896-W) 2 Jalan SCI 6/3 Sunway City Ipoh 31150 Perak Malaysia