How To Make A Website With Wix: Wix Tutorial For Beginners

You are viewing: How to Make a Website With Wix: Wix Tutorial for Beginners At HTTLEN: Share Good Articles

If you’re ready to learn how to build a website with Wix, then we’ve got the Wix tutorial you need!

We’ll walk you through every step of using Wix until you’re ready to build. a website in the space of a single afternoon. You do not believe me? Then check it out.

With a range of innovative tools with a complete set of out-of-the-box features, you can use Wix technology to create a complete website with just a few clicks. In this article, we’ll walk you through each and every step of the Wix experience to answer all of your questions about how Wix works and how easy it is to use Wix to create a website.

📚 Table of Contents: How to Create a Website with Wix:

Create an account with Wix 👌
Set up your website with Wix 🤖
Create a website with Wix ADI 🏗️
Use the Wix editor to create a website 🖼️
Create a blog on Wix ✍️
Preview and save your site 🧾
Publish your Wix website to live 🌎

Wix FAQ

“Wix Is it free to build a website?”

Wix has a free option, but your site will be branded “Wix Ads”. It will also be published under a subdomain like this: https://USERNAME.wixsite.com/SITE-NAME

“Do I have to worry about hosting and security?”

Because Wix is a fully hosted solution, web hosting, security, and maintenance of your website are taken care of by you.

“Does Wix own my domain? name?”

No. When you sign up with Wix, you buy the domain name from them. Depending on your subscription, you may get a year free, but ownership of the domain is transferred to you. Wix is only there to negotiate a transaction and register your name in the domain registry on your behalf.

“Does Wix own my content?”

No. When you create a website with Wix, you still own your content. However, if you plan to move from Wix, you’ll need to manually copy all of your content and rebuild the site with a new tool. Unfortunately, Wix does not offer an easy way to export your content.

“I’m not a developer, can I create a professional website in Wix?”

Definitely. Wix comes with over 800 professionally designed templates to help you make something amazing. All you need to do is add your content and publish your site. Still not convinced? Check out our collection of real Wix website examples.

“Can I create an online store in Wix?”

Yes, Wix has great Options for Creating an Online Store You can add a store by specifying that you want a store in the welcome steps or by installing the Wix Stores app. Wix has specific eCommerce plans built for stores of all kinds. Prices are higher than for standard plans, but Wix does not charge additional transaction fees.

“Is Wix bad for SEO?”

No, Wix sites can and do rank well in Google search results. However, it is true that Wix had a bad SEO reputation for a while. Fast forward to today, Wix has made up a lot of ground and significantly improved its SEO options over the years. Not only have they improved, but they continue to do so, Wix has recently added several new SEO tools, which could help put an end to this myth. Read our detailed Wix review and decide if this is the best option for you.

Create an account with Wix

If you haven’t already done so, go to the Wix website, and click the Get Started button. This is your first step in learning how to build a website with Wix.

You can register using all standard methods. If you’ve used Wix before, you can still log in with that account. In fact, you can create multiple Wix websites in one account, but Wix pricing does not support multiple websites, so you will be charged the full price for each site.

How to Create a Website with Wix

After creating a Wix account, you will answer a few setup questions to launch your site. For example, you can choose the type of website you plan to create.

Before we jump in and start using Wix, we need a website name. You can skip ahead, but tweaking your Wix website is much easier if you have a name in place. If you don’t have the perfect name, take a minute to come up with a name that’s in the ballpark.

It might not even take a minute if you use something like DomainWheel. With DomainWheel, you will be able to generate names and immediately buy the domain. So, let’s pause this Wix tutorial while you generate a name.

It’s also important to specify the goals you have for the website. Wix automatically adds relevant features based on your responses.So you could say you’d like to sell products, then Wix will eventually ask you to add an online store.

The next step makes adding features a one-click process. Just scroll through the list and select the features you want on your Wix home page.

These are some of your options:

Reservations
Online store
Chat
Blog
Events
Portfolio
Pricing Plans
Forms
Instagram Feed
Video
Music
Online Programs

After clicking Next, Wix asks you to Go to control panel.

Once inside your dashboard, we recommend that you click the Customize Site button to begin designing your Wix website.

The area Personalization Tool presents your first tough decision when building a Wix website: choose between a custom site tool (using artificial intelligence; also known as Wix ADI) or choose a theme and customize it yourself with the Wix editor.

Which is better between a custom site or choosing a theme and customizing it yourself? In all honesty, it all comes down to how much work you want to do.

A custom site (using Wix ADI, or the AI builder) is best when you’re looking for a fully functional website that needs a little tweaking here and there.
The Wix editor and dashboard are better for anyone interested in building their site from scratch (well, at least using a template).

Not sure yet which option is the best? Answer these questions:

If you’re worried about losing your mind, keep in mind that the Wix custom site creation method simply adds a few questions at the beginning of your design process; both methods use the same dashboard and designer. So, let’s start this Wix tutorial with a custom Wix site (jump to the Wix Editor here).

Make a custom website with Wix ADI

The First What You Should Know about the Wix Artificial Design Intelligence (ADI) tool (the technology that powers Wix custom websites) is that it is impressive. You can create a unique website tailored to your needs in about 5 minutes. How does Wix solve this? ADI uses a database to filter and combine billions of layouts, text, images, and layouts to deliver a personalized website.

And it all starts with choosing that you want a custom site.

This method guides you through a series of questions to automatically create the perfect Wix site for your brand. To get started, you can review and add a logo, email address, physical business address, phone number, fax number, and social accounts.

Don’t worry, you can create basic logos and logos with little effort and no money with Themeisle Logo Maker. Just select a few fonts, pick a layout, choose colors, and then download a whole pack of logos to use on websites, social media, and as favicons.

Now that we have a website with an identity, let’s get to the exciting stuff: building it.

The first step is to choose a suitable color scheme and font style. Wix ADI will present several options with predefined color palettes. Pick one you like and let Wix do the rest.

Depending on the type of business and color options, Wix will present several unique all-inclusive website designs. Seriously, everything. You will have:

Featured Images
Product Groups
Meaningful Headers
Buttons
And more .

Hover over each design for a quick tour and an idea of what they look like.

Once you select the Wix home page that speaks to you, Wix generates a few essential pages. Be sure to check the pages you want to add to your site, then click Edit Site to continue.

Adjusting Your Custom Site in the Wix Editor

That’s all there is to the process of creating custom websites with Wix ADI! Your uniquely designed site is now included in the Wix Standard Editor. Wix Custom Sites are technically ready to publish, but we still recommend going through the editor to make adjustments and make sure everything looks right.

In the editor, you will see an editable preview of your custom Wix site. Just click design elements, such as images or buttons, to customize them. Anything you click brings up a menu bar with a variety of options that, depending on the element, allows you to change things like images, titles, and more.

For example, clicking on a gallery slider for products displays settings to change the layout, text and overall layout of the slider gallery; you can also manage and add products.

By clicking the Layout button, you can change detailed settings such as margins, display styles, and alignments.

While you start with a good variety of pages, your site may require something different.You can browse the catalog of Wix pre-made pages by clicking the Change Page dropdown menu. There is a nice mix of pages with multiple layouts including:

About
Contact
Products
Services
Resources
Buy
Book online
Much more

You can also go to Manage Page → Add Page to create a completely new page.

Perhaps you would like to experiment with other themes, fonts, and colors. Don’t worry, you can change any of these things via the Site Design menu tab. There are several areas for adjusting global colors, fonts, backgrounds, and page transitions.

For additional features and site management tools, click Add Applications to see your options.

Apps are for adding additional features like social media icons, email marketing forms, user feedback, member areas, and more.

We also recommend checking out the Ascend Business Tools tab (usually added to the main menu by default, or you can install it as an app), which is a free service for analytics, marketing options, and other business management essentials. websites.

Once you are satisfied with your site, skip to the publishing section of your site. However, if you’re curious about how to use the Wix editor from scratch (or with a theme), continue with this Wix tutorial as we learn how to use Wix without the Wix ADI custom design process.

How to Use the Wix Editor

This is what’s covered in this section:

Wix Editor 101
Adding Elements to Your Wix Website
Work with menus and pages
Use the theme manager
Add pre-designed sections
Install apps
Add media

To bypass the custom site creation process, you must click Start with a template when prompted in the setup wizard. That gives you a head start with a pre-built template, or you can click Go to panel to create a website from scratch. For this tutorial, we’ll start with a template.

Wix has over 800 templates that can be filtered by category or search. Once you’ve found a template that suits your project, scroll down and click Edit.

Wix Editor 101

Unlike Custom Site (Wix ADI) method, building with a template (or from scratch) does not use an automated process to create a unique website. You will use the Wix editor manually to build and customize your site. This means:

Create headlines and body text from scratch.
Find and upload images, including featured images, product images, and more.
Manually adjust the color scheme to match your brand.
Select and create the pages you want on your Wix website.
Find Features additional in App Marketplace not included in the template.

Adding Elements to Your Wix Website

To add website elements that are not included in the template, click Add Elements (“+” symbol). button.

Everything you need for a website will be here, including:

Galleries and images
Interactive slideshows
Videos and Music
Buttons
Forms
Text
Menus and Anchors
Code Inserts
Social Media Elements
Blogging

For example, in this mini Wix tutorial, let’s look at how to add a search bar in Wix. Click Add “+” elements → Menu and anchor → Site search. You can drag any search bar onto the page or use the pre-built Wix Site Search app for a more powerful search experience.

Like other Wix editing options, website elements come in a variety of styles and layouts.

Working with menus and pages

For changes in the structure of your site, it is easier to add Wix pages through the Pages and menu option. (the icon looks like a green document).Once selected, it gives you an overview of your menus, pages, and their visibility in the main menu.

When you’re ready to add a Wix page, click Add Page to open the page selection menu.

If you followed the previous steps in this Wix tutorial, then the page selection menu will look familiar to you. It has a long list of additional pages with different layouts and styles. Simply hover over the layout you want and click Add Page.

Once the page appears in the main menu, you can manage basic SEO settings, add images to share on social networks or change the title. .

Finally, you can also delete the page from the menu, rename it or duplicate it.

Using the theme manager

Theme manager is for changing schemes color and font options. Let’s look at them individually.

Color

When learning how to build a Wix website, color palettes present the biggest challenge. Fortunately, Wix provides some “designer-approved” palettes to make the process easier for you.

Click on Site Design (orange icon with the letter A + droplet) → Customize (Under Theme Color & Text).

This reveals your current color scheme, along with other colors recommended by Wix. Clicking on each palette will preview it.

If you like the new color scheme, click the Save button. Otherwise, select the original scheme to go back.

To edit the colors, click Colors under any theme, then use any color drop to open the color picker.

For minor adjustments, click the small colored squares to open the Adjust Hue box.

Once again, you will see a preview of the changes. If you are satisfied, click Apply to make the change. Otherwise, close the box to cancel any changes.

Text

To adjust Wix fonts, go to Site Design → Customize → Text.

Click the current text theme to change it to one of the many pre-selected text themes that align well with your overall design. Choosing a new text theme automatically generates a global change to your site preview. Feel free to revert to the original text if you are not satisfied with the results.

The Customize Text Theme section also provides an area to Edit your theme text Styles , which is a fancy way of saying that you can edit your global header sources.

For example, Heading 1 is the main heading for all pages. If you change this font, you will change all the H1s on your site.

To scroll through the fonts available in Wix, click the little pencil → down arrow to open the Wix list. of fonts.

All the best Wix fonts are here, but if you want to add more fonts to Wix, click the Upload Fonts button. You can add TTF, OTF, WOFF, and WOFF2 fonts to Wix in seconds.

Adding Pre-Designed Sections to a Wix Site

No Wix tutorial is complete without considering the section options. Wix has a wide selection of free pre-built sections that can be placed on your website with just a few clicks. This way, you won’t be designing large parts of each page from scratch.

To familiarize yourself with sections, click Add Section (purple icon with a large bar flanked by two smaller bars) ).

Among the options, you will find sections for:

Welcome Banners
About Information
Member Details
Contact Forms
Promotions
Services
Subscription Forms
Customers
And More

When you find a suitable section, click and drag it to any of the purple areas in the Wix Editor. They say: “Choose a section and drop it anywhere on the page.”

Installing Apps

Now for the exciting part of this Wix tutorial: add more features with apps and integrations. With over 250 free and paid apps, the Wix App Market is an easy way to enhance your website. Go to the App Market by clicking Add Apps (a pink icon with four squares).

Finding an app couldn’t be easier. Search by role or browse popular options and categories.

For example:

For data collection and analysis, there are applications such as Visitor Analytics.
You can configure Google advertising with Get google ads.
You’ll even find apps like Wix File Share if you need to know how to add a downloadable file to Wix.

There are also general categories to guide your search, such as:

Analyze traffic
Interact with visitors
Marketing
Selling Online
Media and Content
Design Elements
Communication

While you may be impressed with the number and variety of apps, wait until you see how easy they are to install and use. You don’t really need to have a Wix tutorial, just click Add to Site. Wix takes care of the rest.

Adding Media

No matter what kind of website you’re building, you’ll rely on media elements to grab attention and keep people engaged. Managing these items, making adjustments, and storing them is done through the Wix Media Center.

Click Media (orange image icon) to browse free images Wix, edit videos and images, and upload media from your computer, Facebook, Google Drive, and more.

Whether you upload a photo or select one from your Wix site, it’s always possible to click the Photo Studio button to crop, resize, enhance, overlay, and edit almost every aspect. from the photo.

Create a Wix Blog

If you’re interested in content marketing, this is the part of the Wix tutorial you’ve been waiting for. We are going to add a blog to our Wix website. To do so, go to Add “+” Elements → Blog → Add to Site strong >. This installs the Wix Blog app.

With the app installed, you can now access your Wix Blog section by going to the My Business menu option (dark blue icon with two squares and a gear).

From there, create and manage an entire archive of posts. Let’s add a blog post now.

Creating a Blog Post with Wix

In the Wix Blog section of My Business > section, click Write Post or Create Post; both send you to the same place.

The text editor looks like any other text editor on the planet. Everything you need to format text, such as bold, colors, lists, and alignment, can be found at the top of the screen.

On the left, you have options to manage your posts with settings, SEO, categories and tags. The “+” button within the content allows you to quickly add design elements such as images, galleries, lists, and buttons.

If you need to make changes to the cover image, author, or publication date, open the Settings options. There are also tabs for monetizing and translating your Wix blog on the left side menu.

The final step is to click the Publish button to share your content with the world.

Manage Your Wix Blog Posts

Click Manage Blog to open the Posts section of the Wix main panel . This is the place to control blog settings for categories, tags, SEO, and reader notifications.

You can even hire a writer from this screen or import posts from other platforms. Once you have a content archive published, you’ll also find detailed analytics through this dashboard.

Preview and Save Your Site

There are a couple of other important features of the Wix Editor that you can find in the top menu bar.

Page – Quickly switch between the pages of your site and your blog.
Desktop/Mobile – Switch between desktop and mobile mode to edit your site for both types of devices.
Settings – Access global settings for your website, add a favicon, view analytics, and much more.
Development Mode – An advanced development area for adding code, connecting external APIs, and using development tools. internal and external development.
Save/Preview/Publish: Although Wix automatically saves your changes, it is still important to save your website as you go. You can also preview your site in the interface and publish it when you are ready.

Publishing your Wix website

To make your website accessible public, you must publish

To do so, click Publish in the top menu. By default, Wix publishes your site to the Wix subdomain.

For various reasons, this is not ideal. Unless you’re experimenting, you should connect a custom domain name.

For this, you’ll need to upgrade to a paid plan. Every Wix plan comes with one year of free registration and a free SSL certificate along with a well-organized knowledge base and 24-hour help from their customer support team. As for the differences and pricing, check out the tables below:

This is how you make a website with Wix!

See how Wix compares to WordPress and if after you decide to create it. If you want to unpublish your Wix site in favor of using WordPress, you can do that too.We love WordPress, so we had to at least do a release, right?

Did you have any problems when trying to create a website with Wix? Ask in the comments and we’ll try to help!

*This post contains affiliate links, which means that if you click on one of the product links and then purchase the product, you will receive an commission. Don’t worry though, you’ll still pay the standard amount, so there’s no additional cost on your part.

Everything else

How to Make a Website With Wix: Wix Tutorial for Beginners