Cyber Week Sale: Up to 86 % OFF

04

:

04

:

30

:

56

Zyro blog

All Categories
Business ideas Design eCommerce blog Inspiration Marketing Small business heroes Small business tips Web essentials Zyro insights Zyro news

How To Make a Website Using Zyro’s Website Builder in 2021: A Step By Step Guide

If you’ve ever found yourself wondering how to make a website, you must have also wondered whether it’s worth it in the first place. 

After all, doesn’t it take some serious coding skills and other web design magic tricks to just build a website? 

That used to be the case back in the day – but nowadays, anyone can build a website that looks great and works great too. 

If you’re ready to create a website that:

  • Looks good on mobile devices
  • Makes it easy for customers to pay online for their orders
  • Is easy to edit and manage

– you’re in the right place. We’ll guide you through how to create a website that you’ll be proud of with Zyro website builder.  

Why build a website? 

Having a website opens up a lot of possibilities for you, whether you’re looking at creating a business website or a personal website with a blog page. 

Your website is the place where people find you online. It opens up doors to reach a truly global audience. 

But I already have a big following on social media, we hear you say – what’s the point of a website? 

On social media, you’re at the mercy of the algorithms, and standing out from the competition can be difficult. After all, all Instagram profiles do look somewhat similar, and it’s not always a given that LinkedIn decides to show your newest post to all of your followers.

But with a website, you’re able to create a space online that reflects your brand and personality just the way you want it to. 

On top of being able to fully customize your entire website, with the right search engine optimization tactics, you can make sure your website is shown at the top of the search results on all the search engines. 

What do you need in order to create a website?

We’ll let you in on a secret – with Zyro, you don’t need anything else to create a website that truly stands out from the rest. 

You just need to understand what type of website you want to build, and you’re good to go.

Zyro’s website plans are divided into two main categories: plans for individuals and small business websites, and eCommerce plans meant for businesses who want to sell online. 

With Zyro, you won’t have to worry about knowing how to install WordPress or choosing between the best web hosting provider. 

Instead, you get web hosting and an SSL certificate as a standard with every plan – as well as unlimited access to the website builder itself. 

If you opt for annual billing, in some cases you’ll score a free domain name for your website, too. 

Once you’ve signed up for the plan that suits your needs the best, it’s time to start with the website design and web development. 

Step 1. Choose the type of website you want to build

Zyro templates landing page

By now, you should have a clear idea of why you’re creating a website in the first place. Maybe it’s for your portfolio, or maybe you want to try out selling online with an online store.  

Similar to other website builders, Zyro has plenty of ready-made website templates that you can choose from organized by category: 

  • eCommerce. These templates have been purpose-built with online stores in mind, and come with an integrated fully functioning online storefront.  
  • Services. If you’re looking to have a business website, these templates are a great fit for your company.
  • Photography. You wouldn’t want your website to overshadow your photography – these templates have been built to bring the best sides out of your photos. 
  • Restaurants. These templates already have a dedicated page for your menu, so you have one less thing to worry about.
  • Portfolio. If you want your own website to be a place to showcase your skills and talents, these templates are for you.
  • Resume. Make it easy for both clients and employers to see your professional history in one place.
  • Events. Planning a wedding, or a birthday party? Zyro has the perfect templates for every occasion. 
  • Landing pages. If you just need a landing page to drive website traffic, these SEO optimized templates have got you covered.
  • Blog. Dreaming of becoming the next big blogging phenomenon? Zyro blog templates have both options for static pages and a dynamic blog page. 

If you have a clear vision of what your small business website will look like, you can also use the empty template and start from scratch. 

Step 2. Choose a domain name that reflects your business

Zyro domain name generator landing page

Once you have settled on a website template, you should take some time to determine what your domain name should be. 

Use your company or brand name as your custom domain name. Your website will be easier to remember and instantly look more professional. 

You should also think about the type of top-level domain extension (TLD) you go with. While there are almost limitless options, you can rarely go wrong with a .com TLD. Other great TLDs for online businesses include .online, .store, .tech, and country-specific TLDs (like .co.uk, or .de). 

Your domain name should also not be too long. Think about it – would you remember a web address that consists of multiple words? Play it safe and stick to a domain name that’s 1-2 words long. 

Once you’ve jotted down some ideas, it’s time to check whether your potential domain names are available with a domain name generator.

Tip 💡 – If you see your dream domain name available, get it sooner rather than later, or someone else might grab it instead. 

Step 3. Create your main home page

Zyro editor preview

Now it’s time to focus on the homepage of your new website. 

If you’re creating your first website, there are a few things you should know about home pages. 

They are usually the first thing visitors see when they land on your website, so you want to make an outstanding first impression. Because if potential customers don’t like what they see, or your page takes too long to load, they won’t be sticking around for anything else. 

A great home page should not only introduce visitors to your brand or business but also give them a reason to stay and take a desired action. This could be visiting your online shop, booking an appointment with your team, placing an order, or signing up for your newsletter. 

In order to get users to do all these things, you need to look at the layout of your landing page and place various calls to action strategically. That could mean including limited-time offers at the top of your page and buttons prompting visitors to make a purchase. 

Many landing pages have a hero section at the top of the page, that consists of an image, a headline, a little bit of body copy, and a call-to-action button. 

It could look something like this: 

Zyro editor hero section closeup

In this example, the headline clearly states what the charity is aiming to do – provide education to children in Haiti.

The body copy underneath the headline gives some more details about how the organization aims to do this, and the call-to-action button prompts an action (asking for the visitor to make a donation). 

Read more about web design: 

Step 4. Add more pages and sections to your website

Zyro editor pages and navigation menu

After you’re satisfied with your home page, it’s time to think about what other pages your website should have. 

Most of the time, websites have at least a contact page and a page detailing available services and products if you’re a small business. You could also have a blog section for your website if you’re planning on blogging from the get-go. 

If you’re not sure what pages you should have on your website, start by visiting your competitors’ websites, and sites that you like in general. 

Pay attention to things like: 

  • Which pages are most often featured and linked to?
  • Is there a clear page hierarchy? 
  • Are there any visible trends that are shared among your favorite websites? 

Remember to use the available SEO tools to optimize each page’s URL, meta title, and meta description, too. This way, each page will rank higher in Google’s search results, and you have better chances of getting organic (and essentially free) traffic to your website. 

With all your pages ready, it’s time to look at your website’s header and footer, and pay attention to other smaller details. 

Header

Zyro editor header

The header is the prime real estate of your website – without one, your visitors will have a hard time getting around.  

Ideally, your header should include the logo and name of your website, and a menu bar with links to the most important pages. 

Start by determining which pages are most important to your visitors and these ones should be included in your main menu or the navigational bar at the top of your website. 

If you’re struggling to narrow the number of pages down to a handful, think about creating dropdown menus to save space. 

Zyro editor footer

Your footer should include your main contact information, as well as any mention of copyright. 

You can also use the footer as a place for links to more text-heavy pages (privacy policy, terms and conditions, refund policy) . 

It’s also a great place to include links to external websites, like your social media accounts. 

Most websites opt for a neutral background color for their footers (think white, grey, or black), since a footer is a static website element and signifies the user has reached the bottom of the page. 

Logo and favicon

Every website should have a logo and a favicon. 

When using Zyro to build your website, your logo is automatically added to your header once uploaded. 

What’s more, Zyro offers free tools to help you create your own custom professional logo with our AI Logo Maker.

Zyro editor header logo settings

For the best and most professional results, you should use your company logo. Remember that a transparent version of your logo will look good against any background. 

A favicon, on the other hand, adds an instant flare of professionalism and trustworthiness to your website. 

These little icons visually represent both your website and your brand. Since they are visible next to your page titles, they can have a surprisingly big impact on your overall SEO. 

With Zyro website builder, favicons​ can be easily uploaded and previewed in your website’s settings.

Zyro website settings favicon

Step 6. Add images, videos, and additional elements

Your website shouldn’t just be all text and no fun. 

Since Zyro has a drag-and-drop editor, similar to the Wix website builder, it’s easy to add multimedia to your pages.

Zyro editor add elements GIF

Select the element you want to have on your page, drag it to the desired location on the page and you’re done. You can toggle settings by clicking on the element once it’s on the page. 

You can choose from elements like image and text blocks – Zyro also has other fun elements, such as social media icons, maps, galleries, and slide shows, and an integrated Instagram feed. 

Different website elements add depth and style to your website, but also ensure that your website looks like it’s from this day and age, not the 90s. 

Images

Zyro editor image settings

Once you’ve added an image element to your website, you can either upload your own picture or select one from Zyro’s free-to-use stock image library with over 1 million pictures. 

You can add links and other actions to your images and access the SEO tools by double-clicking on the image. 

In order to improve your website’s SEO, pay attention to the size of the images you’re using, as well as the alt texts. These texts are shown instead if the pictures don’t load for any reason. Make sure they describe what’s in your picture – they affect your SEO ranking in part, too. 

Video

Zyro editor video settings

Video is a great media format that helps you showcase your skills or demonstrate your business’s unique selling points. 

The easiest way to have videos on your Zyro website is to first upload them onto a video platform like Youtube or Vimeo. After that, you only need the URL of your video and you’re good to go. 

You’re also able to make your videos play automatically when a visitor loads your page. Or, if you want to loop your video so it plays indefinitely, you can do that too. 

Sometimes you might also want to have control over when the visitors can see the video controls. You might not want the play, pause, and volume buttons to distract visitors on your home page. 

Step 7. Add a storefront or set up a Stripe Checkout button

Note – This step is for small business owners who are interested in setting up an online store. If you’re building a personal website, a resume, or a portfolio, feel free to skip this step.

After you have the main elements of your existing website together, it’s time to set up your online storefront or the Stripe Checkout button. 

Zyro editor store example

Zyro’s eCommerce plans give you access to the extensive store backend, making it easy to manage everything from product listings to shipping, orders, and email reminders from one dashboard. 

If your goal is to have your own online store, start by adding all of your products to your store and creating listings for customers to see. 

Make sure your product photos are high quality and showcase your products both in the studio as well as in action. It’s also important to pay attention to your product descriptions – the better you optimize them for search engines, the easier it will be for new customers to find you. 

Learn more about eCommerce

Zyro editor Stripe Checkout

If you’re aiming to create a website that’s not a full-blown eCommerce site, you can use the Stripe Checkout button instead. It will you save money – if you’re planning on only selling a couple of items every now and then, you won’t have to set up a whole online store to manage your side gig. 

The best part about the Stripe Checkout integration is that you can still customize it to match the look and feel of your brand. Customers get a seamless experience, and you can sell without having to invest a lot of money upfront. 

Step 8. Add contact forms 

Zyro editor contact form

Contact forms are not just reserved for a contact page. 

In fact, with some simple copy changes, you can use a contact form to set up appointments, collect feedback and take bookings. 

If you haven’t already, check your website design over and think about where users would be most likely to look for a contact form.

You could include a simple newsletter subscription form in your footer, or add a contact form to a bookings page.  

The AI Heatmap tool is useful for understanding where visitors are spending most of their time on your website.

Zyro editor heatmap

It shows you the hot and cold areas of your page, indicating which sections visitors pay more and less attention to. 

If you’re unsure where to place a contact form on your website, it’s worth creating a heatmap of your page and analyzing the layout in detail. 

Step 9. Save and publish your website

When it comes to saving your work, Zyro does that for you – all of your changes are saved automatically as you edit your website. Meaning you have one less thing to worry about, and can pick up where you left off easily. 

In order to publish your website, you need to connect your domain name to your creation. Otherwise, nobody can find your website. 

Zyro publish website choose domain screen

If you’ve already bought your domain name, or received a free domain name as part of an annual website plan, you can simply connect your domain when prompted and your website will be live in no time.

If, on the other hand, you haven’t purchased a domain yet, it’s time to do some shopping around. 

Zyro users can also buy and register their domains directly from their dashboards. This way, you’ll save time and probably money, too. 

Have your own website, and build your web presence your way 

You’ve built your website and published it for the whole world to see – congratulations! 

Editing your Zyro website is just as easy. Simply enter the website editor, change things around and click on the Update website button. 

Zyro editor update website view

Learn more about editing your Zyro website

In order to start driving traffic to your website, you should think about the best digital marketing strategy for your needs. 

You might want to build a big email database and use newsletters to get people to visit your website. Or, you might know your way around social media and use those channels to reach your target audience. 

A good way to improve your search engine rankings is to regularly update your website’s content and getting other websites to link back to yours. 

If you’re running an online store, and have a bit of a budget to play with, think about using paid search engine ads to drive even more traffic to your store. 

With all these different strategies, the key is to understand what your target audience is looking for

If you’re selling ladies sandals, you’re going to have better luck reaching buyers on sites like Instagram and Facebook – and vice versa, if you’re looking for a job, creating researched blog content on your resume website and sharing it on LinkedIn might be just the right thing to do. 

Written by

Author avatar

Matleena

Matleena is a seasoned eCommerce writer, with a particular interest in emerging digital marketing trends, dropshipping, and growth hacking. She’s addicted to coming up with new eCommerce business ideas and making them a reality; she deserves her nickname of ‘print on demand business mogul.' In her free time, she enjoys cups of good coffee, tends to her balcony garden, and studies Japanese.

Join the conversation

Your email address will not be published. All fields are required.

Ready to create your website?