Limited Time Only - Save up to 67 %

+ FREE Domain for 1 year

Deal ends in:

01 :

07 :

56 :

41

Zyro blog

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

How to Use Zyro’s Website Builder to Get an Online Presence

It takes some serious coding skills and web design magic tricks to build a website, right? 

Well, that definitely used to be the case, but nowadays anyone can get themselves a website that looks great and works a treat.

If you’re ready to own 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. Here’s how to create a website that you’ll be proud of, using  Zyro website builder.  

What do you need in order to create a website?

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

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 use annual billing, in some cases you’ll score a free domain name for your website, too. 

Once you’ve signed up, it’s time to start building.

Step 1. Choose a website type

Zyro templates landing page

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

  • eCommerce – Built for online stores, these templates include an integrated storefront.  
  • Services – Ideal for business websites.
  • Photography – These templates are designed to bring out the best in your photos. 
  • Restaurants – Make use of a dedicated page for your menu.
  • Portfolio – Showcase your unique skills and talents.
  • Resume – Make it easy for clients and employers to see your professional history.
  • Events – Perfect for that wedding or charity race you’re planning.
  • Landing pages – For driving website traffic..
  • Blog – Find options for static and dynamic blog pages. 

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. Find a domain name

Zyro domain name generator landing page

Take some time to determine what your domain name should be. Use your company or brand name to instantly look more professional. 

You should also think about the type of top-level domain extension (TLD) you want. While there are almost limitless options, you can rarely go wrong with a .com TLD.

Once you have some ideas, check whether they’re  available with a domain name generator.

Step 3. Create a home page

Zyro editor preview

Home pages are usually the first thing visitors see when they land on your website, so you want to make an outstanding first impression. 

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.

To get users to do all these things, look at the layout and place calls to action strategically. 

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

Step 4. Add pages and sections

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

Most of the time, websites have at least a contact page and a page detailing available services. 

If you’re not sure what you should have, visit your competitors’ websites, and sites that you like in general. 

Remember to use SEO tools to optimize each page’s URL, meta title, and meta description.

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. 

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. 

Zyro editor footer

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

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

Logo and favicon

With Zyro, your logo is automatically added to your header once uploaded. You can also access free tools to create a custom professional logo with our AI Logo Maker.

Zyro editor header logo settings

A favicon adds professionalism to your website. Since they’re 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 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, it’s easy to add multimedia to your pages.

Zyro editor add elements GIF

Select the element you want for your page, drag it to the desired location and you’re done. 

You can choose elements like image and text blocks, as well as social media icons, maps, galleries, slide shows, and an integrated Instagram feed. 

Images

Zyro editor image settings

Upload your own pictures, or select from Zyro’s free-to-use stock image library. 

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

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 and you’re good to go. 

You can make videos play automatically or loop them to play indefinitely. Plus, it’s easy to hide the video control icons.

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, feel free to skip this step.

After you have the main elements of your existing website, 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 one dashboard. 

Start by adding products to your store and creating listings for customers to see. 

Ensure your photos are high-quality and pay attention to product descriptions – it’s easier for customers to find you if they’re search optimized.

Learn more about eCommerce

Zyro editor Stripe Checkout

If you don’t want a full-blown eCommerce site, use the Stripe Checkout button instead. It’lll save you money if you plan on only selling a couple of items every now and then.

You can customize the Stripe Checkout integration to match the look and feel of your brand and give customers get a seamless experience.

Step 8. Add contact forms 

Zyro editor contact form

If you haven’t already, think about where users would be most likely to look for a contact form.

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. 

Step 9. Save and publish your website

All of your changes are saved automatically as you edit your website, so you can pick up where you left off.. 

In order to publish your website and make it visible, you need to connect your domain name to your creation.

Zyro publish website choose domain screen

If you’ve already bought or received your domain name, simply connect it when prompted. Zyro users can also buy and register domains directly from their dashboards.

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

Zyro editor update website view

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. 

Written by

Author avatar

Olivia

Olivia is a writer for Zyro and an eCommerce know-it-all. Having spent many years as a retail buyer, she loves writing about trend forecasting, brand building, and teaching others how to optimize online stores for success. She lives in London and spends a lot of time exploring the city’s parks with her whippet.

Join the conversation

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