Until recently it would cost several thousand dollars to get a professional to build your site. But with today’s easy to use DIY website builders like Weebly you can now have a professional quality small business website up in under an hour.
Weebly remains one of the leading website builders out there – boasting over 40 million websites to date. Weebly is a great solution for small business owners who are looking to build a website quickly, easily, and at an affordable price. Keep reading to learn how to up your website using the Weebly website builder in 7 simple steps.
Step 1: Sign Up for Your Weebly Website
The first step, is to go to Weebly.com. Once there, you need to click on the “Sign Up” or the “Get Started” button on the page.
Next, you will be routed to a sign-up screen. Put in your full name, email, and a password to get started. After you click the “Sign up” button, you will be taken to a page that asks you whether you want to sell online or not. Don’t worry if you’re not selling online yet but are open to doing so in the future. You can add an online store to your website at any time. So if you are going to be using your Weebly website solely for blogging, you can select “Not Now”.
Step 2: Pick a Theme
The next step is to figure out what kind of theme (or design) you want to use. Weebly offers a wide selection of fresh, modern themes that can work for a variety of purposes. Certain themes will probably make more sense for your business than others.
Several important things to keep in mind when picking a theme:
- You can change themes at any time – The Weebly website builder, unlike competitor Wix, allows you to change themes at any time. When you change a theme, all of the info you have created is automatically imported into the new theme, so you don’t lose anything. So, it really is not that big of a deal which theme you start out with.
- Weebly has industry-specific themes – Although any theme can be tailored to fit any industry, most are pre-designed for a certain kind of business. If you want as little work as possible, pick a theme that is already set up for your industry. Then, really all you have to do is just change the pictures, page titles, and text.
- Always ask, “What am I trying to accomplish?” – Some sites are better at accomplishing certain goals than others. For example, if your main goal is to get leads using an action button, then a theme like the one below is ideal. Instead of having a variety of places to click, it just provides one option, “Plan Your Adventure,” and makes that the central focus.
If you are looking for more of an informational site, then you probably want a theme like the one below. It has clear tabs at the top where your visitors can navigate to various parts of your Weebly website to learn more about your business. It also has a several links to other pages on the site as you scroll down the homepage, which will help visitors to click around and see what you are about.
You can preview any theme you are interested in by simply clicking on the theme image. Once you’ve decided on a theme, just click “Start Editing” at the top right hand corner of the Theme Preview page.
Step 3: Choose Your Domain Option
The next thing you’ll see is the domain option page. It looks like this:
If you want a free Weebly website, your only option is to use the subdomain of Weebly.com. Your domain won’t be as unique, but you won’t have to pay anything.
If you want your own unique domain, you have 3 options:
- Get one through Weebly – It is free for the first year with a paid plan and then around $20/year after that.
- Buy one through a third-party provider and connect it – We recommend Namesilo. Check out why in our domain name registrar buyer’s guide.
- Connect one you already own – If you already have a unique domain, you can connect it to your Weebly website. It is a little complicated, but many domain providers can do this for you if you ask. If you want to do it yourself, here is a guide.
Keep in mind, if you end up using your own custom domain, you will have to purchase a Weebly website premium plan. Step 7 has a breakdown of the plan options and features they include. All paid plans allow you to get a unique domain.
For tips on how to choose a domain name, check out our guide.
Step 4: Build Your Weebly Website
Once you have picked your domain name, you will be taken to the Weebly website builder screen, which is where you will actually do all the major constructing of your website. Here’s what it looks like.
Here’s a breakdown of the Weebly website builder:
- Element Bar – The element bar is on the far left-hand side of the builder, as shown by the red box above. “Elements” are just all the components you will use to build your site. To add an element to a page, simply click on an element (and hold) and then drag-and-drop it where you want it on the page to the right.
- Site Tabs – Like most builders, the Weebly website builder has a navigation tab (yellow box) along the top of the page. The tabs are, “Build,” “Pages,” “Theme,” “Store,” “Apps,” and “Settings.” To change the larger components of your site, simply click on the corresponding navigation tab to edit settings.
- Site Preview – The blue box is around the site preview area which shows the actual elements on your site. This middle area of the builder is basically an editable preview of what your site will actually look like.
Adding & Editing Pages
To add, delete, or edit your page settings, just click on the “Pages” tab at the top of your Weebly website builder screen. You will then be taken to the pages screen.
When you first start, you will probably only have a few active pages. In this theme, you start out with a “Home,” “About,” “Services,” and “Contact” page, as shown below.
To add a page, simply click on the white + sign near the top left of the page (highlighted by a red box in the image below). If you want to edit or delete an existing page, click on the small folder icon next to the page title (highlighted by a blue box in the image below).
You can change page order simply by dragging each page title above or below the other titles. There are several important things to note here:
- Your top page is your default homepage – If you look closely, you will see a little house icon (underlined yellow in the image above) next to the “Home” page folder icon above. That designates which of your pages is the “Homepage,” the first page visitors will see on your Weebly website (at least in most cases). Just remember, whichever page you have on top will automatically be assigned as your homepage.
- You can drag-and-drop a page to the right to create a subpage – If you want to create a page that does not show up in your main pages tab, then you will need to create a subpage. To do that, you simply create a page like normal, rearrange it so that the page is under whatever main page you want it to be related to, and then drag it to the right. That will create a subpage. As shown below, a subpage is indicated by an indentation in the tab. In this case, the “About” page is now a subpage of the “Home” page.
- Your main pages in your tabs are also your navigation pages that visitors will see – In the screenshot above, the “Home” and “Contact” pages are main pages and the “About” page is a subpage. This means that only the two main pages will appear on your nav bar. The subpages will appear whenever the related main page is hovered over by a visitor’s mouse.
In the picture below, you only see the “Home” and “Contact” pages in the main bar, but if you hover over the main page (as I did when the screenshot was taken), then the “About” page will appear in a drop-down tab.
The last thing to mention here, is that you can edit the settings on each page by clicking on the little folder icon mentioned earlier. When you do, that will bring up this page, which allows you to make a variety of changes. You can decide whether to hide the page in navigation, change the style of your overall page layout (landing, splash, title, etc), and edit advanced settings as well (page description, meta keywords, etc).
Changing or Editing Text With the Weebly Website Builder
Changing or editing text in the Weebly website builder is as easy as clicking on the text box or title you want to edit. If you are just starting out and have not entered any text yet, then the area will just go blank when you click on it and a text setting bar will pop-up (as seen below). If you are changing text you have already inputted, then you will have to delete it before you add new. As you can see, I started typing the “Thi” in before I took the screenshot.
To edit the text inside a button, it is a little more complicated. You have to click on the button, and then you will see this window pop-up. You want to click on the “Button text” tab.
Then a window will appear where you can just type in your text. Once you have entered your text, you simply click out of the window and the button should reflect your change. Here are the changes after I edited the text.
Adding or Changing an Image
First off, let’s say you just want to take a background image that is already in a theme and just change it to one specific to your business. It’s easy. Simply click on the image and then you’ll be presented with the options to either “Edit Background” or “Replace Header Layout”.
Once you click on the “Edit Background” button, you will be taken to a window where you’ll choose whether to “Replace” or “Edit” the current image. If you wish to replace, you’ll be directed to the Image Editor window, where you can upload an image from your computer or select from other images available on Weebly.
If you are selecting an image that is part of a theme’s page background, as is the case here, then you will get the window below as a popup. You will want to click on the “Upload Image” button.
Then you will get this screen, which will either allow you to pick an image from your computer hard drive to add or you can also drag-and-drop a photo here from your desktop.
In most cases, you will just pick on the “Upload a Photo from your computer” button, find your photo on your computer, and then double click on it. Then, it will show you what the photo will look like on the page and then you’ll need to click “Save” at the top right to make it official. You will also have to pick whether or not you want it saved just to that page or to all pages on your Weebly website when it relates to a header or background.
If there is no image already on a page and you just want to add one, you just drag-and-drop the “Image” element from the Weebly website builder elements tab onto the page, as shown below.
Once you have done that, you just click on the upload image box that appears.
After clicking, you will get the same window shown several slides earlier, with the green button that says “Upload a photo from your computer.” In this situation, all you do is click on that button, find the file on your computer, double click, and it will be automatically updated on your Weebly website, no need to press “save” or anything.
Step 5: Explore Additional Elements & Options
The Weebly website builder gives you lots of different element options. The problem, is that going over each one individually is well beyond the scope of this article.
For example, you can:
- Change your theme at any time
- Add maps to any page
- Set up a contact form
- Add dividers or spacing
- Add a variety of media, including Videos and Audio files
- Add Social Media Icons and Links
- Add a survey
- And much more
Most of these actions are pretty self explanatory once you are familiar with the system. But, if you are having trouble figuring them out, Weebly has great tutorials for all of these actions that can be found at their Help Center. The tutorials are very similar to this article, detailing what you need to do and then showing a screenshot of what that looks like.
Step 6: Publish Your Weebly Website
Once you are finished with all your initial editing, it is time to publish your Weebly website. Remember, you can make changes to it at any time simply by going into the Weebly website builder, so it is not like you have to have it absolutely perfect before you go live.
To publish your Weebly website, simply click on the orange “PUBLISH” button at the top right hand of your editor. As long as you are using the free version, it will show you the domain option window again like it did early on in the process. If you do not want to upgrade, just select the “Use a sub-domain of Weebly.com” option and hit continue.
The last thing you will have to do is put in a code to verify you are a human, and then hit the orange “Ok, Publish my Site!” button.
Step 7: Decide What Kind of Plan You Want To Have Moving Forward
The free plan may be more than enough for your website. However, we don’t recommend the free version if you want a professional site, as you won’t get your own custom domain, and Weebly ads will display on your pages. Plus, if you want more functionality or an online store, you will have to pay for a premium plan.
Here is a breakdown of Weebly’s plans and what features are included with each. Of course, the Weebly website builder is included with every plan.
Free – Unlimited pages, hosting, Weebly Subdomain, Weebly ads, 500MB storage limit, blog, email and chat support.
Starter ($8/month) – Free domain (1 year), hosting, no Weebly ads, unlimited storage limit, sell up to 10 products (3% transaction fee), email and chat support.
Pro ($12/month) – Everything in Starter Plan + phone support, HD Audio and Video Players, in-depth site reporting, sell up to 25 ecommerce products (3% transaction fee), site search, have up to 100 members.
Business ($25/month) – Everything in Pro Plan + unlimited membership, SSL security, unlimited ecommerce products, 0% transaction fee on all sales, integrated shopping cart on your domain, digital goods, inventory management, shipping and tax calculator, coupon codes.
For the average small business owner looking for a website, the Weebly website builder is a great choice. It has lots of solid features, is affordable, and is easy-to-use. With this guide, you can have a professional looking Weebly website up and running in 60 minutes or less, without spending a penny! And, if along the way you decide you want to upgrade, you can do that at any time, making Weebly a great option to scale with your business as well.
Looking for design inspiration for your website? Check out these 10 landing page examples.