How to Use the Weebly Website Builder to Create Your Site
This article is part of a larger series onSmall Business Websites.
The Weebly website builder offers industry-low pricing for ecommerce businesses and restaurants in an all-in-one site builder. It’s easy to use, and you can create your small business website for free in a few steps. First, create a Weebly account, get a theme, customize your template, and build out your site. When your Weebly website is ready to launch, upgrade to an ad-free paid plan and publish it on a custom business domain.
1. Create an Account to Use the Weebly Website Builder
You can use the Weebly website builder for free to test the site editor, explore its native features and apps, and build a site. If budget is a top concern and you don’t plan to sell online, you can even publish your website for free. Set up your account to follow along with our Weebly tutorial below.
After inputting your contact information, you will be asked a few onboarding questions to help determine the best template for you. First, you’ll need to decide whether to build a personal site or to opt for the Square-powered site builder.
You’ll need the latter if you plan to sell online, take online orders, offer appointment booking or reservations, or want a branded, ad-free website. For most small businesses, Square Online is the best option. Picking the personal website option takes you to the classic Weebly Editor, while choosing Square Online takes you to the Square Online Editor.
Note that the Square Online Editor doesn’t support third-party apps at this time, although its plans are robust all by themselves and offer all the features most small businesses will need. Consider which editor is best for you carefully. Once you choose which route to take, you will be stuck with the corresponding editor unless you start over with a new account. For more details, read our fullWeebly review.
Pro tip:Weebly has a robust third-party app marketplace where you can integrate both free and premium apps to help with things like search engine optimization (SEO). Unfortunately, the Square Editor doesn’t support third-party apps at this time. To see which apps are available with the Classic Editor, visitWeebly’s App Storeor click on the App tab at the top of the page.
2. Create or Choose a Theme
Once you’ve answered all the onboarding questions after choosing the Square Online option, you’ll be directed to a checklist. It makes it easy for beginners to use the Weebly website builder by listing the steps to complete your site. The first item on the checklist is to design your website. Click “Design Now” and head to the Editor, where you’ll see a theme Weebly has picked out for you.
Before giving you access to the site editor, Weebly will suggest website features based on the answers you provided during the onboarding. Select which features to add to your website on the left of the screen or wait and add the features later. Once you’ve selected the features you want, click “Next” at the top right corner of the page.
Based on your input, Weebly’s Square Online site builder will create a template for your site. You can change and customize this template in the next steps, so don’t worry if it’s not exactly what you envisioned at this point.
If you chose to build a personal website using Weebly’s Classic Editor, you don’t get any onboarding questions. Instead, you’ll start by choosing a template from Weebly’s theme selection. While Weebly’s templates are fairly modern, you don’t get a vast amount of options like with other site builders. Choose from 40 different options among a handful of basic categories like Business or Portfolio.
3. Customize Your Template
Weebly has two different yet intuitive editors. On the Classic Editor (for personal websites) is a drag-and-drop page builder you can use to customize and build your Weebly website. Although the Square Online Editor isn’t drag and drop, it still provides many customization options without giving you too much freedom to mess up your site’s design.
For more information about how to use the Weebly website builder to customize your site’s design, expand the sections below:
During the Square Editor’s onboarding, Weebly will ask you to upload a logo from your computer. If you currently don’t have a logo, you can skip the step and upload one later. Don’t neglect this, though—having a logo is important for the branding of a small business. Take time and create yours for free through sites likeCanvaor get a professionally designed logo for as little as $5 onFiverr.
To upload your logo, click on your business name, which should be on your header at the very top of your page. On the Classic Editor, upload your logo by clicking on “Logo.” On the Square Editor, you’ll have to click on “Logo” located on the left-hand menu and select “Image” under Type.
To change your website’s color scheme on the Square Editor, go to the Site Design tab, located at the bottom of the left-side menu. With the Classic Editor, colors come preselected with the theme itself. Change your theme completely by clicking on the Theme menu at the top of your screen and selecting “Change Theme.” This will direct you back to the theme selection page.
4. Add, Delete & Edit Pages
Next, customize the pages your site consists of. Not only will you need to update the pages your Weebly theme came with to transform your website, but you may also want to add or delete pages. If you’re not sure what to include on your website, check out ourwebsite basics checklist.
To add a new page using the Square Editor, head over to the top left and click on the drop-down menu to access the pages you currently have on your website. Add a page by clicking on “+ Add” at the very top of the screen, and choose from Weebly’s templates. You can always edit these pages by editing sections.
Notice that Weebly separates your site’s pages into categories; standard pages, like your homepage or your contact page, are at the top of the list. If you’re running an online store, Weebly has your store’s landing page under Category pages, where you can create different groups for your products.
On the Classic Editor, the Pages menu at the very top of your screen is where you can add any pages you might need. Simply click on the button, then press the “+” sign on top. Like in the Square Editor, you’ll be presented with Weebly’s premade page templates. You can always go with one of these or add a Standard Page to build one from scratch.
To delete any pages you don’t want, scroll over the page in question and hit the trash button from the left-hand vertical menu. What’s also nice about the Weebly website builder in this respect is that when you delete a page, it’s automatically removed from your site’s navigation menus.
First, go to the page you want to edit. From there, simply click on the blocks on the Editor itself, and type in what you want. You can also change the background image, color, and alignment of content blocks by clicking on “Customize” at the bottom of the section’s menu.
When you’ve finished editing a section, click on “Done” at the top left of your screen. Then edit the next section until you’ve edited all of the section blocks on the page.
You’ll edit your blocks in the same way on the Classic Editor. However, you can also drag and drop content blocks around the page to organize them. You can also delete elements by pressing on the “X” at the top right corner of each block.
Weeblyincorporates basic search engine optimization (SEO) tools on each page. In the Square Editor, access the menu by clicking on a page and then clicking on the gear icon to the right of the page’s name.
On the General tab of a page’s Settings, you can change the page name and slug of the URL (the latter is not available on the free plan). The second tab, or the SEO tab, lets you add an SEO title and description to each page, and it also enables you to toggle page visibility on and off.
In the Classic Editor, you’ll access Weebly’s SEO features by clicking on the page name and scrolling down to SEO Settings, located toward the middle of the menu. Unlike on the Square Editor, over here, you also have the option to add meta keywords, footer code, and header code, such as code to embed Google Analytics tracking for website metrics.
Did you know?Weebly’s parent company is Square, a leading payment processing company for small businesses. Square services power Weebly websites with robust ecommerce tools for online stores, restaurants, and other local and professional businesses.
5. Preview, Publish & Upgrade Your Plan
When you have finished editing and building your site, click on the preview button at the top of your screen. On both the Classic Editor and the Square Editor, it’s a desktop computer (PC) icon. There’s also a drop-down menu to see how your website will look on mobile devices.
Take time to review your site using the navigation menus and proof your content to eliminate any errors before making it live online. When you’re happy with everything, hit “Publish” on the top right corner of the screen to get your website live. Weebly will then ask you to customize your domain.
You can either find and purchase an unregistered domain through Weebly or connect a currentbusiness domain nameyou own from a different host. Keep in mind that both options require you to upgrade to a paid plan. Otherwise, click on the third option to use a Weebly subdomain and continue with a free plan.
Take note that on the free plan, your website will be on a Weebly subdomain, appearing something like www.yourbrandname.weebly.com. To use or get acustom domain for your business, (e.g., www.yourbrandname.com) and remove all Weebly ads from your website, you’ll need to upgrade to at least the Professional plan.
Weebly Pricing & Plans
Free |
Professional |
Performance |
|
---|---|---|---|
Monthly Cost* |
$0 |
$12 |
$26 |
Ad-free |
✕
|
✔ |
✔ |
连接一个域 |
✕
|
✔ |
✔ |
免费域名(智慧h Annual Billing) |
✕
|
✔ |
✔ |
Free SSL Certificate |
✔ |
✔ |
✔ |
SEO Features |
✔ |
✔ |
✔ |
Storage |
500MB |
Unlimited |
Unlimited |
Unlimited Bandwidth |
✔ |
✔ |
✔ |
Inventory Management |
✕
|
✔ |
✔ |
Shipping Calculator |
✕
|
✔ |
✔ |
Sell Digital Goods |
✕
|
✔ |
✔ |
Pop-up Notifications |
✕
|
✔ |
✔ |
Cart Abandonment Emails |
✕
|
✕
|
✔ |
*With annual billing; monthly billing is also available at a higher cost
Best Weebly Alternatives
Weebly offers the most robust free plan for online stores and is the最好的网站建设者佛r restaurants, but that doesn’t make it ideal for every small business. For example, the limited design capabilities and SEO features and lack of an app store (on the Square Editor) could be a deal-breaker for some.
For more options, check out some of thebest Weebly alternativesinstead:
Top Weebly Alternatives |
||||
---|---|---|---|---|
Advantages Over Weebly |
|
|
|
|
Free Plan |
✔ |
✕
|
✕
|
✔ |
Starting Price per Month |
$16* |
$16* |
$39 |
$11.99* |
Ecommerce Plans From |
$27* |
$23* |
$39 |
$21.99* |
Learn More |
*Monthly cost with annual billing; month-to-month billing is available at higher cost
Still not sure? See a full list of our recommendations for thebest website builders for small businesses.
Frequently Asked Questions (FAQs)
Do I need website hosting with Weebly?
No, Weebly is an all-in-one website builder, meaning it acts as a content management system (CMS) and hosting provider in one. All-in-one website builders are almost always the best option for small business websites or web design beginners. They come with everything needed tocreate a small business websiteand get it online, including hosting and SSL certificates, and paid plans often come with free business domains.
Are Weebly websites really free?
You can build a free website on Weebly. However, the free plan isn’t adequate for building aprofessional brand presence online. So upgrading your Weebly website to a paid plan is a must for any business. Get a free domain name, remove Weebly ads, and enjoy dedicated customer support when you upgrade to the Professional plan.
Is Weebly a good website maker?
Weebly is one of thebest website buildersbecause its ecommerce features are robust and offered at a low cost (or even free). This makes Weebly a good website maker for online stores, restaurants, and other types of local service businesses. It’s especially useful for casual sellers, brick-and-mortar retailers looking to expand online, andrestaurant websitesneeding free online ordering and reservation tools.
Bottom Line
Weebly is one of the better all-in-one website builders in the market. Its free plan comes with great online selling tools (rare in a free plan). Plus, it’s easy to use, even if it lacks website design capabilities compared to other site builders. Build a free website using Weebly and get your business online today.
You Might Also Like…
- Need more design freedom? See how easy it is touse Wix to build a website.
- Learn how tostart an online storequickly and easily to start selling online.