Weebly is a popular and extremely beginner-friendly site editor that stands out for its industry-low pricing and high-quality online stores. It is also easy to build a Weebly website in just five steps. To start, create a Weebly account, select a theme, edit your theme, build out webpages, and upgrade to a plan to publish your Weebly website.
To learn more about these steps and see what other features Weebly offers keep reading:
1. Create a Weebly Account
The first step is to head to Weebly to create your account. From there, you will be asked a few onboarding questions to help determine the best template for you. For example, the first question will ask if your website is just a website, or if you’ll need an ecommerce store to go along with it.
Pro tip: Take your time and choose between the two options wisely. Picking the regular website option will lead you to the classic Weebly Editor, while picking the eCommerce option will lead you to the Square Online Editor. Note that the Square Online Editor doesn’t support third-party apps at this time, and once you choose your website type, you will be stuck with the corresponding editor until you create a new account.
2. Choose a Theme
Once you’re done with the onboarding and if you pick the eCommerce option, you’ll be directed to a checklist. This checklist makes it extremely easy for beginners to set up a website on Weebly, as it enumerates the steps you need to take to complete your website. The first item on the checklist is to design your website, so click “Design Now” and head to the Editor, where you’ll see a theme Weebly has picked out for you.
Before editing the website proper, Weebly will suggest a few features for your website based on the answers you provided during the onboarding. You can select which features to add to your website through the selection on the left of the screen, or you can always add the features later. Once you’ve selected the features you want, click “Next” at the top right corner of the page.
On the Classic Editor, you don’t get any onboarding questions. However, you do get to pick from Weebly’s theme selection. While Weebly’s templates are all modern and sleek, you don’t get a vast amount of options like with other site builders. Choose between 40 different options in seven different, yet basic categories like Business and Portfolio.
3. Customize Your Theme
Weebly utilizes two different yet intuitive editors. On the Classic Editor, you get a drag-and-drop interface that you can use to customize your website. Although the Square Editor doesn’t have a drag-and-drop feature like the Classic Editor, it still provides a lot of customization options without giving you too much freedom to mess up a website—the way Wix does.
Edit Your Color Scheme
If you want to change the color scheme you originally picked to go along with your theme, head over to the Site Design tab on the Square Editor. This Site Design option is located at the very bottom of your left-hand Editor menu. On the Classic Editor, your colors come preselected with the theme itself. Change your theme completely by clicking on the Theme menu at the very top of your screen and selecting “Change Theme.” This will direct you back to the theme selection page.
Add a Header & Footer
At the very top of your page and at the very bottom are your header and footer, respectively. Your header is home to your website’s logo and name, navigation bar, and important features like the cart (for an ecommerce site). Footers usually contain business addresses, contact information, social media pages, and a search bar.
On an ecommerce site, you can also include payment options on the footer. Make sure to edit these two sections, and note that editing the header and footer on any page changes them for the entire website.
Upload Your Logo
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 like Canva, or hire a professional on Fiverr.
To upload your logo on the editors themselves, click on your business’ name—this should be on your header at the very top of your page. On the Classic Editor, you can upload your logo by pressing on “Logo.” On the Square Editor, you’ll have to click on “Logo” located on the left-hand menu, and select “Image” under Type.
4. Add, Delete & Edit Pages
Next, customize the pages your site consists of. Not only will you need to update the pages your theme came with to transform the theme into your own website, but you may also want to add and delete pages as well. If you’re not sure which pages you want to include, check out other websites in your industry for ideas.
Add a Page
To add a new page on 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 your screen, and choose from the templates that Weebly offers. You can always edit these pages by editing sections.
Notice that Weebly already separates your pages into categories: standard pages, like your homepage or your contact page, are at the top of the list. If you’re running an ecommerce shop, Weebly has your store 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.
Delete a Page
To delete the pages you don’t want, scroll over the page in question and hit the trash button from the left-hand vertical menu. What’s nice about Weebly is that when you delete a page, it will automatically be removed from your site navigation.
Edit your navigation by clicking on “Edit” at the very bottom of the Page menu, and drag and drop the pages in order. Remember that you can also create subpages by dragging a page below and to the right of another. You also have the option to delete pages from your navigation without deleting them from the website by clicking on the trash icon beside the navigation links.
Fixing your website’s structure on the Classic Editor works in much the same way. Click on your Pages menu once again to order your pages, rename them, and delete any if necessary.
To start editing your pages, navigate to the page you wish to edit. From there, simply click on the blocks on the Editor itself, and type what you want. You can also change the background image, color, and alignment of your content blocks by clicking on “Customize” at the bottom of the section’s menu. When your section has been edited, click on “Done” at the top left of your screen. Proceed to editing the next section until you’ve edited the whole page.
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, and you can delete elements by pressing on the “x” at the top right corner of each block.
Optimize for Search
Weebly incorporates very basic search engine optimization (SEO) tools to each page. Access the menu by clicking on a page and clicking on the gear icon to the right of the page’s name. On the General tab of your Page Settings, you can change your page name and 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, plus it also lets you toggle page visibility on and off.
On the Classic Editor, you can access this SEO feature by clicking on the page name and scrolling down to SEO Settings at the middle of your menu bar. Unlike on the Square Editor, over here, you have the option to add meta keywords, footer code, and header code.
Pro tip: Weebly has a robust third-party app marketplace where you can integrate both free and premium apps to help with things like SEO. Unfortunately, the Weebly eCommerce Editor (on Square) doesn’t support any third-party apps at this time. To see the apps that are available on the regular editor, visit Weebly’s App Store or click on the App tab at the very top of the page on the Classic Editor.
5. Preview, Publish & Upgrade Your Plan
The changes you make above are automatically saved on the website. When everything is set, click on the preview button at the top of your screen. On both the Classic Editor and the Square Editor, this looks like a PC icon with a drop-down menu to see your website on mobile.
Finally, hit “Publish” on the top right corner of your screen to get your website live. Weebly will then ask you to customize your domain. You can either find an unregistered domain through Weebly, or migrate a current domain you own from a different host. Keep in mind that both of these 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 look like www.yourbrandname.weebly.com. To get a custom domain (www.yourbrandname.com) and remove all Weebly ads on your website, you’ll need to upgrade to a paid plan.
Here are Weebly’s plans and pricing:
$6 per month
$12 per month
Connect a Domain
Website Search Bar
Weebly / Square Ads
Abandoned Cart Emails
Stripe / Square
Stripe / Square
Stripe / Square / PayPal
Advanced Ecommerce Analytics
Forum, chat, and email
Forum, chat, and email
Forum, chat, email, and phone
*Only available on the annual plan (not on the month-to-month pricing)
**Can only upload up to 10MB in single file size
***Phone and chat support is only available in the USA
Not What You Were Looking For? Try a Weebly Alternative
Although Weebly offers one of the most robust free plans on the market (especially with its ecommerce feature), its lack of design capabilities, basic SEO features, lack of an app store (on the Square Editor), and expensive plans might be a deal-breaker for some. If Weebly isn’t quite what you’re looking for, check out a Weebly alternative instead.
Here are the best Weebly alternatives:
- Wix: Best for those who need a site builder as easy to use as Weebly, but with much more design freedom due to a true drag-and-drop editor.
- Squarespace: Best for those who need more SEO features, like built-in analytics and SEO support.
- Shopify: Best for serious online sellers, especially dropshippers. Shopify also comes with an extensive app store, so you can get all the features you need through third-party software.
- GoDaddy: Best for services that need appointment bookings, as well as small businesses on a tighter budget.
See a full list of our recommendations and reviews of the best site builders to choose from.
Frequently Asked Questions (FAQs)
Do I need a website host 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 the way to go if you’re a beginner looking to build a website by yourself. If you’re using a CMS like WordPress, check out how to create your small business website and get web hosting.
Is Weebly 100% free?
Weebly’s pricing completely depends on what features you want on your website. While Weebly’s free plan comes with tons of features, like an ecommerce shop, upgrading to one of its paid plans is a must for any business. Get a custom domain name, no Weebly ads, and dedicated support when you upgrade to a paid plan.
Is Weebly’s ecommerce good?
Weebly has a great ecommerce feature for a free service. It’s especially useful for casual sellers or sellers with an existing physical shop looking to expand online. If you’re a more serious online seller, we recommend going with Shopify instead. Unlike Weebly, Shopify offers integrations to most selling platforms like Amazon, Facebook, Etsy, and Instagram.
Weebly is one of the better all-in-one website builders in the market. Its free plan comes with a very good ecommerce feature (something we don’t see very often on a free plan), and its website builder is easy to use—although it may lack some design capabilities that other site builders provide. It’s definitely a solid choice for any beginning online seller looking to build a store with accompanying marketing features. Build a Weebly website today.