كيفية انشاء موقع ويب أو تصميم موقع
Web Design

How to Make Your Wuilt Website

Congratulations! You’ve chosen to make your website with Wuilt. You’ve ditched the drag-and-drops, said no to the complicated codes, and didn’t look twice at hiring an overpriced freelancer.
 
Now you’re here: the place where everything is already made for you.
 
Still, we know that the website building process can be tricky, and you might have some questions about how our builder works. We’ve broken everything down from designing to publishing to get you live as quickly and simply as possible.

What is Wuilt?

Wuilt is a website builder that reduces the website building process to three simple steps.
Everything your website needs has been prepped and prepared, so all you have to do decide how you want it to look. 
 
Wuilt is a platform that lets you enter in your information and have a website. Just like that. 
 
Our slogan is “Watch Your Website Build Itself,” and our entire business rests on the idea of letting you sit back, type in some information, flip through some design options, and then be able to publish you website in minutes. 
 
It’s all about simplicity. We’re the only website builder that emphasizes this process of automation, and we aim to include that in every feature and step available within our builder. 

How To Get Started 

Once you make an account, the first thing you’ll need to do is complete three wizard steps to fill out your business’ information.
 
First, you’ll type in your main business information. 
 
This includes the name, industry, and any background information that will be used to create the Home and About Us pages.
 
Don’t worry, you can always go back and edit this information later.
 
 
Next you will add your services. Here you can add the service name as well as any relevant descriptive information. Some companies choose to use this section to showcase their products.
 
 
Finally, you’ll add your contact information and your location if it’s relevant.
 
 
Once you do that, you will automatically have your very own website.
Emma's Bakery
 
You’ll see that the three wizard steps were used to make the four main pages of your website (Home, About Us, Services and Contact). You’ll also notice that the industry that was put in (Bakery) has been used to automatically insert images onto your website.
 
If you want, you can leave your website at just that. However, you now have the option of adding more pages and subpages, as well as changing the photos, colors, fonts, and adding different sections, forms, icons and links.
 
We’ll show you how to do all of these things below.
 
Let’s get started. 

Inside the Editor 

Sections

Sections are the strips of content that make up all pages. Think of them as the building blocks of your website. Some section examples include galleries, testimonials, call to actions and content.  
 
 
You might have a pages with only one section, and another with dozens of different sections. That’s your call. You’ll find, however, that all sections have already been pre-designed for your convenience. You can mix and match between different designs, and customize the interior content as you please.
 
To add a section, simply press on the “Add Section” icon that appears inside of a previous section. From there, you can browse the section designs by clicking on the “Next” and “Previous” arrows until you settle on your favorite.

Content Blocks

Content blocks are the pieces of information that make up a section. Here, they’re the individual blocks that say “SEM Marketing,” “Content Marketing,” and “Social Media Marketing.”
 
 
Content blocks offer a lot flexibility. You can add as many or as little of them as you want and change the text, images and icons inside of them. You can use them to highlight your services, photos, projects or more. To add more content blocks, all you have to do is press on the plus sign that appears at the top of a content block. This will duplicate it. You can move content blocks around with the arrows, and delete them with the trash can icon.

Font Pairings

A font is the overall design of a word’s letters. Different fonts have different styles, which all grant your website a distinct look and feel.
 
Most website builders give you the freedom to use as many font styles as you want. You can highlight your headlines with Helvetica, separate your subtext with Seravek, or carve your captions out with Comic Sans. However, as a general design rule, you should only use about two fonts, and should make sure that their styles are always in harmony.                                                                                                              
This is why we created our font-pairing system. We’ve sorted through hundreds of different fonts to match them together in the best possible way. You’ll have one font for all your headlines, and another for the rest of your content. 
 
To select your font combination, look for the font icon in the Action Bar. You can try out dozens of different designs until you find your favorite.                   

Color Palettes

The best websites work off of a few colors that are evenly distributed them throughout their pages. To help you achieve visual synchronization, we’ve handpicked a range of beautiful color palettes for you to choose from. This saves you the time and hassle of having to do it yourself.
 
Depending on the theme of your business, you can use colors to set a mood, trigger a response, or fuel an emotion. All you have to do is click on the color palette icon and choose your favorite scheme. We automatically update your site with the colors, arranging them accordingly.    
 
 
After you’ve selected your palette, you can then decide how pigmented you want your colors to appear. You can opt for muted shades, or go the bolder route. No matter the case, know that they’re guaranteed to make your business look its best.  
 

Languages

At Wuilt, we have two options for your website’s interface: English or Arabic.
This can initially be decided in the beginning of the website creation process, or you can change it later from inside the editor. 
 
You can also add multiple language translations.
 
Once you add a new language, you can decide whether you want it to be enabled or disabled.
 
To enable a language, simply click on the “Enable” Button. That language will then appear as a translated option on your website.
 
If you change your mind, you can always go back and press “Disable” to remove that language from your website.
 
To make a new language a default language (meaning that’s the main language that will appear when someone goes onto your website) you just have to press “Make Default.”  

Responsiveness

When we talk about responsiveness, we’re talking about the quality that makes your website look good on all devices, whether it’s desktops, tablets or cellphones.
 
If you’ve ever made the window of a browser smaller or opened a website on your cell phone and noticed that it looked completely different, that means that website isn’t responsive. 
 
At Wuilt, however, our websites are automatically made responsive, so that you don’t have to design three different versions of your website.
 
To view what your website will look like on a different device, simply click on one of these icons:
 
 
If you click on the mobile devices icon, for example, you’ll see that your website will look like this:
 
Mobile view

Shutterstock

Shutterstock is the platform where Wuilt websites get their pictures from. All our websites automatically come with Shutterstock images based on the content initially entered in the wizard.
 
Shutterstock is the most popular stock agency in the market, with over 226 million stock images available.
 
You’ll notice that all Shutterstock photos initially have watermarks, which is the light text on top of a photo that says Shutterstock.
 
 
Free users can’t remove this watermark, but premium users get two free photos. To remove your watermark, click on the image you want to purchase and press “Remove Watermark.” You can do this for up to two images, and then purchase as many additional extra images as you want.
 

Images

If you want to upload any of your own images, hover over any image and click on the “Edit Image” icon that appears.
 
Bakery
 
From there, you can click on the “Upload” button at the top and choose any image from your desktop.
 
Upload

Assets

Assets is the place where all your images are stored.
 
This includes any images you may have uploaded to your website, or any images that you purchased from Shutterstock.
 

Pages

Pages are what divide the main content of your website.
 
You can make a page for just about anything – services, team members, projects and more. These are what will show up at the navigation bar at the top of a website.
Pages

Subpages

You can further divide any pages you want into subpages. An example of this is the services page. When you initially type in your different services, they’re automatically made into different subpages.
 
This is what they would look like on the homepage: 
 
The top four words are the pages, while the three words that appear below the arrow are the subpages.
 
To add a subpage, simply press the add subpage icon in in the tab for any page.
 
Subpages

Editing Icons

Icons are small images and symbols that are meant to be a representation of something. They are really simple and can communicate almost anything.
 
Icons appear in a few section designs throughout your website. 
 
One section they appear in is the “Services” section design, such as this one:
 
 
To edit an icon, hover over any icon and then click on the “Edit” button. You can then search through hundreds of different options here:
 

Linking

Linking is the tool that lets you place links within your website. It means a user can click a button that will take them somewhere else. 
 
To edit a link, click on the Icon that appears next to Visit Link.
 
 
Once you click on that, you will have the option of adding four different types of links: website pages, website URLs, phone numbers, and email addresses. 
 
When you link a website page, you will be choosing any of the pages you already made, such as “About Us.” That means that when a user clicks a button above, they will automatically be redirected to your About Us page.
 
 
If you want to link an email, a pop-up with your email will automatically appear. The same thing applies to adding a phone number. 
 
 
To paste a URL, simply copy and paste any external URL. When someone clicks on the button, they will be taken to a new website. That website can come up as a new tab in their browser, or take over the tab that your current website is on.
 

Social Links

If you want to add a social media link to your website, simply hover over any social media icon and click “Edit.”
 
 
This will take you to Social Links section, where you can connect Facebook, LinkedIn, Instagram, Twitter and YouTube.
 
To do so, simply copy and paste a link.

Editing Contact Forms

Forms are the areas of your website where visitors can ask you questions or leave you any feedback. They show up in the contact form page and look like this:
 
Contact
 
You have full control of what the subject fields say, as well as how many content blocks you want inside. For example, you can only keep the “Name” and “Phone” option if you’d like, or add something completely different.
 
To control where the message written goes to and edit your automatic response, click on “Edit Form Action,” which appears when you hover over the send button.
 
 
This is where you enter in the email that a user’s message will be sent to. You can also write a thank you message that will appear once a user has submitted their form.

Call to Action Section

A Call to Action is the part of your website that is pushing people to act. It’s the quote that’s meant to encourage an immediate response or sale. 
 
On Wuilt, it looks like this: 
 
 
This section can be added to any page (and it’s good to actually put it in multiple pages), but it is not recommended to be its own page. You can modify the content inside each Call to Action.

Testimonials Section

Testimonials are quotes from customers where they share their experience with your business. You can add a testimonials section to any page of your website, or make a separate page just for testimonials. 
 

Logos Section

Your logos section is your place to establish your credibility by listing some examples of the companies who have used your services. You can upload their logos and choose to write a description about their experience with you, or leave that part blank.
 
Logos

Publishing Your Website

Once you’re satisfied with your website, it’s time to let your prospective clients start seeing it.
 
To publish your website, click on the “Publish” icon in the top right-hand corner. From there, you can either choose to use a Wuilt subdomain (available for all free Wuilt users) or upgrade to get your own free domain or connect a preexisting one.
 
Publish
 
Before we go any further, let’s quickly break down the difference between a subdomain and a domain.

Domain vs. Subdomain

A domain is a website’s unique identifying name. It’s the part of the URL that comes after https:// that people write into their browsers to search for a website.
 
With a domain, you have the freedom to choose any name for your website (as long as it’s not already taken by somebody else).
 
A traditional domain has only your selected name:
Yoursitename.com
 
A subdomain, on the other hand, makes you add content before your domain name:
Sitename.wuiltsite.com
 
That means it’s essentially a smaller domain that’s part of a larger domain. 
 

What are the benefits of having a domain?

The main benefit of having a domain is that it makes your website look professional.
 
It gives a website a unique online identity. Something short that a user can easily type into their search bar without having to Google your name. It puts the spotlight on you.
 
Having your own domain makes your website memorable. 

What is the harm in having a subdomain?

First off, your website is going to automatically look cheap. Subdomains weakens a users’ trust in you because they assume you don’t have the proper resources to buy your own domain name. 
 
If your competitors have a domain while you’re sporting a subdomain, visitors will assume your competition is more established than you are.
 
Plus, since subdomains are usually so long, they’re hard to remember, making it hard for your business to stand out.

Purchasing a domain with Wuilt

To purchase a domain with Wuilt, you must first upgrade to a premium plan.
 
There are two ways to purchase a domain within Wuilt. 
 
Option 1:
 
If you’re a free user, you can purchase a domain by hitting “Publish” and then choosing the upgrade option.
 
Publish Now
 
Once you go through the process of paying for a premium plan, you can go back to the editor and hit “Publish” again. This time, you’ll have more choices, and can choose the Purchase a new domain option. 
 
 
You’ll have to make sure your desired domain is not already taken. Try to make your domain a play on your business’ name, and try to avoid adding any symbols inside of it.
 
 
Emmasbakery.com, for example, was taken by another website, so we had to add to make some changes to it. There are also suggested domain names that appear below. 
 
Once you do that, you will officially have your own domain! 
 
Option 2:
 
Another option for purchasing a domain is to go to My Websites, and click on Domain Settings.
 
 
You’ll then be taken through the same process featured above. 

Connecting your own domain 

If you have already have a domain and want to use that, you can easily connect it to your new website.
 
First, make sure you’re a premium user. You can easily upgrade using the “Upgrade” icon on the top right-hand side corner.
 
After you’ve upgraded to premium, you have two options.
 
You can click on the “Publish” button, and then choose on the second option – “Use a Domain You Already Own.”
 
 
Then, you’ll type your domain name here.
 
You’ll then have to configure it. This means you’ll log into your service provider. Once there, you’ll have to change your CNAME record, which is what connects one domain name to another. You can change it to connect to your Wuilt website.
 
 
The second option you have is to go on Domain Settings in the “My Websites” page and select “Connect Existing Domain.” This will then take you through the same process mention above.

Using a Free Wuilt Subdomain

If you’re a free user, you can still publish with a subdomain.
 
Just type in the domain of your choice once you click on “Publish.”
 
 
Your website will then appear as subdomain.wuiltsite.com.
 
Once you choose your subdomain, you cannot go back and change it. – is this true?

Upgrading to Premium

Upgrading to premium is the best way to market yourself to potential clients.
 
One of the biggest benefits premium users get is the option to purchase or connect a custom domain.
 
Beyond that, you’ll get two free Shutterstock photos, which are some of the highest quality images on the internet.
 
You’ll get many additional features such as unlimited bandwidth, storage space, and pages, and the ability to remove Wuilt ads.

A Final Note

While we hope we’ve clarified everything here, you may still have some additional questions.
 
That’s okay – we’re here for you.
 
We have a passionate Customer Support team that’s available 24/7 on live chat or email. You can reach them for any concern, and they’ll walk you through it.
 

1083 Readers

Leave a Reply