New Exclusive Deal:

Up To 75% OFF a New Website

05

:

05

:

59

:

29

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 in 2022

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.  

How to make a website: video tutorial

If you prefer visual learning, why not start by watching this easy tutorial on how to make a website with Zyro?

Why build a website in the first place? 

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.

And don’t get us started on the ins and outs of managing your own Facebook page for your business, it would warrant its own in-depth guide. 

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. 

And since you’re in charge, you can change things up whenever you feel your branding needs a facelift – no need to wait for someone else to review your content, simply update your website and get on with your day. 

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. 

Plus, you don’t need to have plenty of technical knowledge anymore and pick between web hosting companies. 

Website builders do the heavy lifting for you and make it much faster to create your dream website – no need to install WordPress or navigate web developers’ lingo. 

Pros of using a website builder 

We’re big advocates of website builders for a few reasons. 

More often than not, a website builder is a lot easier to learn and manage than a traditional content management system like WordPress. 

Regardless of whether you want to create a business website or run an empire of multinational eCommerce websites, there are a few things that speak for the humble website builder.  

No need for web hosting

If you don’t know what a web host is, we don’t blame you – it’s usually something a web designer or a web developer takes care of. 

Traditionally, when you’re building a website with content management systems, you need to have the technical knowledge of how websites work, including knowing which hosting company to choose and what kind of hosting plan to pick. 

With a website builder like Zyro, all of the complicated business is taken care of as part of the service. 

You simply build a website, publish it, and go on about your day. There’s no need to point nameservers or create cron jobs.

Unlike a WordPress website, there are no hidden costs

When you’re making a WordPress site, chances are that you want to use various plug-ins and themes to make your WordPress website look the part. 

But you might not realize that many WordPress themes, plug-ins, and add-ons can rank up the overall cost of your website fast. 

Modern website builders, on the other hand, won’t charge you extra just because you like a particular website theme or want a particular functionality for your eCommerce website. 

All in one place

With a modern drag-and-drop builder, you can manage everything from contact form submissions to your domain name from one place. 

It’s also easy to run a fully-fledged eCommerce store on a website builder since your website and store scale automatically to meet the technical needs of your website. 

That means that you’re not needing to navigate through various third-party platforms just to adjust your bandwidth with your hosting provider for a holiday sale. 

Proper customer support 

Since website builders are geared towards beginners and web developer novices, you’re guaranteed to get through to an actual human being when you need help. 

Unlike WordPress (platform known for relying on a huge online community and forums to serve those in need), a website builder usually has real customer service readily available for all paying customers. 

Zyro, for example, vows to help its customers online no matter what time, meaning you’re likely to reach a real human to help you out around the clock. The same can’t be said for most WordPress sites.  

What do you need in order to create a website?

Many ‘how to make a website’ guides may sound complicated with notions of web hosting, domains, and plug-ins. 

Thankfully, that’s not the case with modern website builders. 

We’ll let you in on a secret – with a website builder like 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 have a proper eCommerce site and sell online. 

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

Instead, the drag-and-drop website builder has things like web hosting and an SSL certificate as a standard with every plan – as well as unlimited access to the website builder itself, including the use of different website templates, AI tools, and more. 

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 and WordPress themes, Zyro has plenty of ready-made website templates that you can choose from:  

  • 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, Zyro’s SEO-optimized, responsive landing page 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 or resume website will look like, you can also use the empty template and start from scratch. 

You can also look for inspiration around the internet, or browse other websites made with Zyro. There’s no shame in stealing ideas you like and making them your own – just don’t be a plain copycat, nobody likes that. 

The best thing is that all templates are free to use with any Zyro plan, meaning that you’re not going to pay extra for premium templates like you tend to have to do when building a WordPress website. 

Editor’s note – We love how fast it is to make a website with a website builder: no need to look for a web host that offers WordPress hosting. You simply pick your template and get on with your life 🚀

Step 2. 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). 

Since Zyro has a drag-and-drop interface, it’s easy to try different layouts for your home page and move things around. Want to see how a text section looks against a different background? Simply drag and drop and you’re good to go.  

Read more about web design: 

Step 3. 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? 

Put yourself in the shoes of your ideal customer, and think about the information they would want and need in order to make a purchase, send you a message, or subscribe to your newsletter. 

If you feel you’re getting blind to your own work, it’s wise to ask friends and family to look at your website with fresh eyes. The external review helps you spot places where the navigation logic is flawed or overly complicated. 

If you want to include many pages in the main navigation menu, consider using drop-down menus to save space. This way, you’ll keep your header organized and avoid overwhelming users with too many pages. 

Remember that you don’t need to link every single page on your website to your menu. Some pages, like your privacy policy and terms and conditions, can be included as simple text links in your footer only. 

Some landing pages for particular marketing campaigns can also be hidden from your navigational menu and visited from social media posts and newsletters, instead.

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

Your site’s header and footer often include important information for website visitors, and a favicon and a logo add those finishing touches even to a simple website.

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, favicons​ can be easily uploaded and previewed in your website’s settings.

Zyro website settings favicon

Step 5. Make your website search engine friendly

With all your pages ready, it’s time to look at how to optimize your website for search engines by paying attention to your website’s meta titles and page descriptions. 

The chances are that you want people to find your website on Google, right? 

Meta titles and URLs

It’s not enough to give your web page a title that’s visible on the page itself – you also need to make sure the metadata reflects the page contents. 

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

Your meta title shouldn’t be too long (think around 60 characters) and should include the keywords that sum up the purpose of your web page. Remember, too-long titles get cut off in search results. 

A quick way to improve the user experience of your website is to optimize all page URLs to reflect the meta title of the page. As a result, you’ll make your website easier to navigate and page addresses easier to remember. 

Page descriptions 

When it comes to the meta descriptions of your web pages, there are a few golden rules to follow. 

The description length should be between 120 and 150 characters – any longer than that, and you risk search engines not displaying it correctly. 

Your meta description should, in line with the meta title, include the correct keywords used in the meta title and on the page itself. 

Remember, the meta description is essentially the only place in the search results to make a case for your web page and site overall. So make sure that you’re giving people a reason to want to read more. 

More articles on SEO

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, 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. 

And the best part is that Zyro adds new features and page elements based on what users need. Got an idea? Don’t keep it to yourself – let the team know.

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.

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. 

Maps

On the other hand, embedding a map element on your “about us” or “service” page will instantly make it easier for potential customers to visualize where you are in the world. 

As Zyro’s map element is powered by Google Maps, you’ll be able to offer customers an easy way to plan their visit to your warehouse or brick-and-mortar location. 

Simply drag the map element to the right spot on your page, define the address, and you’re done. 

Slideshow

If you have too many photographs or graphics to display on a single page, using a slideshow to cycle through them not only looks pretty but also saves you valuable space on your site.  

You can set the element to autoplay and loop, or allow users to manually browse through the different images.

A slideshow is a wonderful way to display testimonials, or for online stores to showcase their products in use. 

Gallery 

Similar to a slideshow, the gallery element is another visual element to help you make sense of your images. 

Define the images you want to display in the gallery, the kind of layout you want, and the element does the rest. 

Tip – The gallery element, like all Zyro elements, are fully mobile-responsive, meaning that your images will scale and look good no matter the screen size. 

Blog

Having a blog can serve many purposes depending on the type of website you’re building. 

For an online business, sharing more detailed information about the available products and services can be useful for SEO purposes, while an individual with a portfolio website might want to add blog posts to show behind-the-scenes material from different projects. 

Zyro’s blog page feature comes with publishing and scheduling tools, as well as fully customizable individual blog post pages. Unlike a WordPress website, your creative vision for each and every blog post has no restrictions with Zyro.  

Step 7. Add eCommerce functionality

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. 

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:

Step 8. Choose a domain name that reflects your business

Once you’re getting ready to share your website with the world, you should take some time to determine what your custom domain name should be. 

Zyro domain name generator landing page

While the world is your oyster when it comes to your own domain name, there are some things that separate a good domain name from a questionable one. 

First things first, it’s wise to 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. 

Just bear in mind that .com top-level domain names are more sought-after than the rest, meaning that you could pay extra for your domain name – that is if it’s available with a .com TLD in the first place. 

Other great TLDs for online businesses include .online, .store, .tech, and country-specific TLDs (like .co.uk, or .de). If you’re stuck for ideas, have a look at what your competitors are doing, or other people in your field. 

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 name is available with a domain name generator

If you’re not eligible for a free domain name, you usually look at paying anywhere between $5-$20 for your own domain name. 

Tip 💡 – If you see your dream domain name available, get it sooner rather than later, or someone else might grab it instead. Thankfully, with Zyro, you don’t have to head to a third-party domain registrar, as you can manage your domains from your Zyro dashboard.

Step 9. Save and publish your website

Good news: 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. 

Before you publish your site, make sure you’ve double-checked the mobile version of your site looks good, too. Sometimes a pesky image or headline might jump up or down the page on the mobile, making the overall user experience poor. 

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. 

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

Step 10. Connect your favorite marketing integrations 

Most popular website builders make it easy for you to connect things like your Google Analytics and Google AdSense accounts seamlessly to your website platform. 

When you build a website with Zyro, you’re automatically given access to a whole Integrations section in your website settings. 

This way, you can manage your website’s performance and even have things like Facebook Messenger and WhatsApp chat available on your pages. 

For most integrations, you’ll usually need a unique tracking number – each integration will specify what information is needed for you to connect the service of your preference to your website. 

Step 11. Start promoting your website 

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

Whether you run a business online or have a simple personal website, there are marketing strategies that will fit your budget and ambition.  

Email marketing

You might want to build a big email database and use newsletters to get people to visit your website. 

Start by adding a newsletter subscription block to strategic positions on your website (think your footer, certain call-to-action sections, and your contact page, among others). 

Tools like Mailchimp Campaign Monitor are easy and free to use, and often feature free email templates to get your newsletter up and running.

Use your newsletter to give subscribers behind-the-scenes access to your production processes, or offer perks like early access to a sale or subscriber-specific discount codes.

Social media

Or, you might know your way around social media and use those channels to reach your target audience. 

Decide on which platforms work best for your audience and customers, and plan a consistent content schedule to get the most out of the algorithms. 

Social media sites are wonderful for direct engagement with your audience, and also cater perfectly for marketing campaigns like giveaways, competitions, and Q&As. 

Search engine optimization (SEO)

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

Start by doing keyword research into your field and determine which keywords would best suit your brand and website. Next, optimize your pages and other content to fit the keywords in a way that’s natural and logical. 

Make sure you’re paying attention to smaller details like page meta titles and descriptions, and alt image texts for maximum effect. 

Use tools like Google Analytics to understand which pages get the most traffic and convert the best, and replicate this success elsewhere on your website. 

Paid ads

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

With search engines, you’re usually targeting particular search terms and pay accordingly to how popular the keywords are. 

Social media platforms, on the other hand, have slightly different pricing models – for example, some charge you for each click your ad gets.

Who’s your ideal customer?

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.

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. 

It’s worth picking one or two strategies that work best for your brand and products, and fully focusing on making them work for your business. You’ll see better results that way, compared to trying to do everything at a mediocre level.

Become a marketing pro

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. 

It’s so simple with website builders, isn’t it? 

Learn more about editing your website with Zyro website builder

Need help building your website?

Download your essential guide to building a modern, professional website with Zyro.

I agree to receive marketing communications from Zyro. Unsubscribe at any time.

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.

Save your name and email in this browser.

Need help building your website?

Download your essential guide to building a modern, professional website with Zyro.

I agree to receive marketing communications from Zyro. Unsubscribe at any time.