How to Use Weebly in 2022: An Easy Step by Step Tutorial

Our independent research projects and impartial reviews are funded in part by affiliate commissions, at no extra cost to our readers. Learn more

Task time:
2 hours
Difficulty:
Easy

To use Weebly, you’ll need to sign up, create a domain name, and then choose a pricing plan. This may sound like a lot, but don’t panic! A Weebly website can be made in eight easy steps, and we’ll show you how.

We’ll cover the basics, from start (signing up) to finish (publishing) with all the creative stuff in between, such as how to make the most of Weebly’s editing features, edit templates, choose a domain, integrate apps, and set up an online store.

So just sit back, relax, and get ready to create.

Tools you may need

Here’s a list of tools you’re going to need to start building your website. Some are essential, but others may be useful, too!

  • Weebly – you’ll need this to get started!
  • Domain.com – a good, cheap alternative to buying your domain name with Weebly

Sign Up

1
Step 1

Sign Up

Firstly, head over to Weebly.com. You can build and publish your site totally free, so there’s plenty of time to see if you enjoy using it.

To kick things off, click ‘Get Started’ – either using the button in the top right corner or the center of the page . Now type in your name, email, and create a new password to get the Weebly ball rolling.

After clicking ‘Sign Up’, you’re taken to a page with one question: ‘What kind of website would you like to create?’

You’ll then be offered two options – ‘I want a personal website’ or ‘I want a business website.’ The one you go for depends entirely on your ecommerce ambitions, however, it is useful to point out that if you opt to build a business website at this stage, you’ll be redirected to Square Online.

If you’re confused by this, let us explain. Square acquired Weebly back in 2018, so the two are actually sister builders. Square Online is entirely ecommerce focused, whereas Weebly is more of a general builder. Our advice? If you want an online store, head straight to Square Online to get started, as Weebly no longer supports ecommerce functionality for new customers.

When you’ve selected ‘Try Weebly Websites’, you’ll then be directed to Weebly’s template library.

Heads up!

Before we move on to the next step, we just wanted to highlight the different plans that Weebly has. There are four paid packages to choose from, but it also comes with a free plan, which you can stay on for as long as you like!

This means you can create, publish, and edit your site without paying a single cent. It’s the major reason that Weebly scored a perfect 5 out of 5 in our research and testing in the value for money category.

You can upgrade to a paid plan any time, but we’ll help you with that later – for now, just enjoy building your website!

weebly_logo

Ready to Get Started?

Creating a website with Weebly is free, quick, and easy – visit Weebly to begin building!

Select a Theme

2
Step 2

Select a Theme

Weebly has around 50 themes, all of which are totally free! There are plenty of categories to choose from: ‘Business,’ ‘Portfolio’, ‘Personal’, ‘Blog’, and more. Once you’ve filtered the library depending on the type of website you’re planning to build, Weebly will then narrow your choices down to a smaller number of industry-specific templates.

Weebly Themes
Weebly has a wide choice of mobile responsive themes, for almost any industry

We won’t lie to you: Weebly’s themes aren’t the most attractive on the market. They’re not the worst either, though! They’re not as modern as they could be – which is part of the reason Weebly only scored 2.5 out of 5 for design in our research – but they do still look reasonably clean and polished. And, unlike Wix, you can change templates at any time, so you’re not restricted by your choice.

When browsing for themes, you can preview each one by clicking the thumbnail to see how it looks on a full screen. We recommend doing this for every theme that catches your eye. That way, you can navigate around them as if you were a real-life visitor. Then, once you’ve found one you like, hit ‘Start Editing’ in the top right. If you decide later on that you’d like to try something different, you can change your template by clicking the ‘Themes’ header in the top toolbar. This will redirect you to the template library.

Weebly Preview
Make sure to preview a wide selection of themes before settling on one

Weebly offers a number of industry-specific options. It has delicious restaurant templates, fresh cleaning service designs, strong-looking personal training themes – you get the idea. These options save you even more design time – you just need to edit the text boxes and images and you’re good to go.

weebly_logo

Want to See More?

Weebly has around 50 themes, and they’re all free! Weebly’s got something for everyone.

Choose Your Domain

3
Step 3

Choose Your Domain

Before you start editing, you’ll need to name your website. The name of your website appears in your website address and is called a domain name. For example, ours is websitebuilderexpert.com.

So, how do you go about getting a domain for your Weebly website?

It’s easy – Weebly will automatically prompt you to type in a domain name!

You can get a free domain by choosing the Weebly subdomain. This means your website address will contain ‘.weebly.com’ – it’s not very attractive or professional, but it means you don’t have to pay a cent for your domain.

See the image below for an example of a Weebly subdomain as well as professional, or custom, domains.

Weebly Domain Name
Weebly offers a free subdomain name, ideal for cost-conscious users

If you want a custom domain (like ours), you can simply register one through Weebly. Just click ‘Choose’ to register your favorite domain. You will have to pay for this, however, and upgrade to a paid plan to actually use your domain.

The upside of using a custom domain is that it’s more professional, memorable, and attractive. Your domain is unique – think of it like your site’s fingerprint – so it’s worth finding the perfect one.

Just how much is a custom domain, though? Is it worth it? 

Domains vary in price, but usually fall between  $14 and $20 per year. Weebly’s domain prices fall into three options:

  • 1 Year ($19.95)
  • 2 Years ($16.95/yr)
  • 5 Years ($14.96/yr)
Weebly Domain Name Prices
Weebly offers discounted domain names, saving you dollars down the line

There are cheaper prices elsewhere (check out Domain.com for great deals – you can get 25% off using the code WBE25), but registering your domain through Weebly is the easiest and quickest option.

Already have a domain? You can easily connect it by clicking ‘connect or transfer now’ at the bottom of the popup – then just type in your URL and press ‘Search’.

No guide on building a website would be complete without some tips on how to create the best domain name. So, here are our top tips:

  • Keep the name short
  • Include popular keywords
  • Target your area
  • Make it memorable

And voilà! You have a beautiful domain just waiting to be used – let’s get on with building your site so you can make good use of it.

Further Information

Design Your Weebly Website

4
Step 4

Design Your Weebly Website

After choosing your domain name, it’s time to start customizing your website. Weebly scored 2.5 out of 5 for design in our research, so although this isn’t one of its strong suits, it still comes with enough scope to give your template its own unique spin.

You’ll automatically be taken to the Weebly website editor once you’ve completed step 2. This is where you’ll let your creative juices flow. We’ll go through the menus and features one by one, but here’s what it looks like at first glance:

Weebly Editor
The Weebly editing homepage is easy to navigate and use

Editing Text Boxes

Weebly is a ‘What You See Is What You Get’ (WYSIWYG) website builder. This means you can click and edit, as well as drag and drop media, without needing to know any code. So to update the text, simply click the box and type.

Weebly Edit Text Boxes
Editing text boxes takes just a couple of clicks with Weebly

Editing the Background

You can customize your theme even more by changing the background. Simply click the background image and select ‘Edit Background’. From there you can change the image, scrolling effect, and page alignments.

Adding New Elements

This is where you add the fun stuff. Using the ‘Element Menu’, on the left hand side, simply drag and drop your chosen media icon anywhere on the page. You can pop text, videos, buttons, and more almost anywhere you like. There are some limitations though. Weebly’s templates are organized in rows, so you’ll need to stick to these blocks when moving elements around, which can make full customization tricky.

Take a look at the Element Bar below for just some of the elements you can choose from:

Weebly Elements Toolbar
The Weebly Elements Bar clearly shows what you can drag and drop onto your site

Any element with the lightning bolt symbol next to it can’t be used on the free plan – you’ll need to upgrade to use these features. However, everything else is free for you to play with!

Let’s say you want to add an image. Drag the icon where you want, then click ‘Upload Image’. A popup will then give you some options: you can upload from your computer, or press ‘Search’ and find a free Weebly image.

Weebly Add Images
Weebly provides a wide choice of free images to keep your design costs down

To edit other pages on your Weebly website, simply click ‘Pages’ on the top Navigation Menu and choose a different page. Adding elements is the same process for each page – just drag, drop, and click your way to a beautiful website.

Weebly Switch between pages
Switching pages is a breeze with the Weebly navigation menu

From the Navigation Menu, you can make the most of Weebly’s flexibility. Change your theme, edit your site settings, move to a different page – it’s all there.

Adding New Pages

It’s easy to add new pages to your website. Simply go to the Pages tab in your menu and click the plus icon in the left-hand sidebar. A drop-down menu will appear with different types of pages.

Weebly Add Pages
Weebly provides different types of pages you can create

Select the type of page you want to create – a blog page, for example – and give it a name. As you do this, Weebly automatically loads the page for you, with pre-filled images and content for you to make your own.

Remember to click ‘Done’ to save your new page’s settings. Once you’ve done this, return to the ‘Build’ menu tab to edit the page just like you would normally!

Changing the Color Scheme

You can change the color theme of your page by heading to the Theme section of your dashboard. For some themes you simply have the options of light or dark, while others give you actual colors to switch between.

This is fairly basic and you won’t see massive changes to your theme, but you can add a custom color to the range of choices if you want to.

Weebly Change Color Scheme
It’s super easy to change your color scheme, although it’s not a very advanced feature

Adding New Layouts

To really personalize your website, you’ll want to add new sections to the pages you’re editing. Apart from adding new elements, there’s also the option to add new sections.

This element sits at the top of the left-hand sidebar above all the other elements – simply drag it to where you want it on the page and let go.

Weebly Add Section
The Sections element sits above all the others in the left-hand sidebar

It’ll give you a list of options: Gallery, Contact, Menu, Featured, and Team. Select the one you want to add.

Weebly Change Section Layout
You can choose the type of section you want to add to your page

Weebly then gives you a list of different layouts to choose from, so you can pick the one you like the best. Click on the layout you want, and it’ll appear on your page. Click ‘Save’ in the popup box, and get editing!

Weebly Change Section Layout Style
You can choose the layout of the section you want to add

Deleting Sections

We all make mistakes, we all change our minds, and we all learn differently – we’re only human after all! That’s why it’s important to know how to delete elements on your site, as well as adding them.

You might want to try out a gallery on your homepage, but then decide it doesn’t work. You’re not stuck with it forever – simply click on the element, and look for the small blue cross that appears in the top right corner of the editing box.

Click on that cross, the box will turn red, and you’ll have the option to delete that element.

Weebly Delete Section
Deleting elements is easy – simply click the cross!

This is how to delete small elements such as galleries, text boxes, images, buttons, and more.

If you want to delete a larger section such as a background, simply click on the area you want to remove. You’ll see a few options appear: Edit, Move, and Delete. Click the Delete button and you’ll see a popup asking you if you’re sure you want to delete. At this point, you can either cancel or confirm – if you click ‘Delete’ then that section and everything inside it will be deleted.

Weebly Delete Large Section
You can delete whole sections of your page if you want to – just click Delete and then confirm your decision!

This ‘are you sure?’ method means you won’t scrap any bits of your website by accident, which is a relief!

Check out our video below on how to use Weebly’s basic elements.

weebly_logo

Are You Excited to Get Going?

Explore Weebly and get inspired to design your very own website. What will you create?

Add Apps

5
Step 5

Add Apps

Also in the top Navigation Bar is ‘Apps’. You guessed it – this takes you to the Weebly App Center. Whatever your website, Weebly has an application to help boost your performance. We recommend adding some popular apps like ‘Site Booster’, and ‘Content Color Box’.

Not only does it categorize apps for sales, traffic, social and Weebly-specific, but it even recommends apps just for your website. It’s like having your own personal shopper – the American Dream, right?

Weebly App Store
Weebly has over 300 apps to boost your website’s performance and appearance

Weebly has an impressive amount of apps – over 300 apps, to be (sort of) precise. More than 50 are free, and there are always new apps being added, so you won’t struggle for choice.

Don’t feel overwhelmed – you can sort by ‘Popular’, ‘Highest Rated’, ‘New’, and ‘Free’. Or just search for whichever type you want, whether it’s an FAQ section, countdown timer, or social feed. You can even categorize them on the left-hand side.

Weebly Apps Homepage
You can search for specific apps to make things even easier

Also, before making any purchases, you can check the user ratings on each thumbnail. Can’t find one you like? Scroll to the very bottom and you can submit a new app idea, or even develop your own (if you can code).

To install apps, click on the one you want and then find the ‘Add’ button. A popup box will appear – you need to click ‘Connect’ to install the app and agree to any terms.

Weebly Connect Apps
Anyone can install apps on Weebly – simply click Connect and Weebly does the rest!

Once the app has installed, you’ll be taken back to your website. The app will automatically appear at the bottom of the left-hand sidebar, under the ‘Installed Apps’ section.

Weebly Manage Apps
This is where your apps will appear once you’ve installed them

Once your app is installed, drag it onto your page as you would any other element.

weebly_ecom_logo

Want to Explore Weebly's App Center?

You’ll find plenty of extra functionalities that you can use to spice up your website.

Choose a Price Plan

6
Step 6

Choose a Pricing Plan

Up until now, we’ve assumed you’re happily building on the free plan. However, as we’ve seen there are cases where you might want to upgrade – for example, to unlock advanced features.

Let’s take a quick look at Weebly’s prices and how you can upgrade if you want to.

Weebly Pricing
Weebly has four plans to choose from, in addition to its free plan

You already know about Weebly’s free plan. There’s no time limit on it, and you can actually publish your site without paying a dime. However, it has its drawbacks – no custom domain, limited features, and Weebly adverts displayed on your site.

The free plan is perfect for cost-conscious website creators, but luckily its paid plans are pretty budget-friendly too! There are three price plans to choose from:

  • Personal: $6 per month (billed annually)
  • Professional plan: $12 per month (billed annually)
  • Performance: $26 per month (billed annually)
  • Premium: $72 per month (billed annually)

If you just want to start a hobby site, or a blog, we recommend the Personal plan. You will still have to deal with adverts on your site, though, so if you’re looking to be taken seriously, we recommend upgrading to the $12 per month Professional plan. It unlocks more features and it’ll help your website be taken more seriously.

It also offers much better value for money than the Personal plan. Considering how many more features you get compared to the Personal plan, paying $12 per month for the Professional plan seems like a total steal! It’s the cheapest plan for creating a truly professional website.

weebly_logo

Did You Spot Your Perfect Plan?

You can stay on the free plan as long as you like, but if you want to explore Weebly’s plans its pricing page has more details.

Further Information:

Publish Your Weebly Website

7
Step 7

Publish Your Weebly Website

If you’re happy with what you’ve created, you can now publish. Great! If you’re not completely happy, don’t worry – you can revisit the Weebly website editor to make some changes after you publish.

To publish your site, hit the blue ‘Publish’ button in the top right corner. You will then receive a popup telling you it’s published, and how to integrate a ‘Pro Tip’. Weebly really wants your site to succeed.

Weebly Published
After publishing, Weebly provides a helpful Pro Tip

You’ve now published your Weebly website. Like we said, it’s easy to update and edit at any time. You can also upgrade your plan if you want to. Just head back to Step 1 to view the plans and their benefits.

If you publish your site, but then change your mind, you can head to your Settings and scroll down to the very bottom. There, you’ll find an option to unpublish your site with a single click. Easy!

Improve and Grow Your Website

8
Step 8

Improve and Grow Your Website

Once your site is live, there are a few things you can do to encourage its growth and success. Don’t just leave it to languish all alone – instead, make regular tweaks, edits, and changes to keep your site fresh and relevant.

Edit Content

Go back and edit content – update old information, write new articles, and add extra sections to old pages. Fresh content will not only keep your visitors happy, but it’ll also show Google that your site is relevant and active.

Optimize for Google

You want your site to rank in Google’s search results, right? Right. It’s the best way of getting more traffic and boosting your online presence. The way to climb up through the ranks is by mastering SEO (Search Engine Optimization).

SEO is the process of boosting your site’s chances of ranking highly in the search results, and involves lots of factors. Some are super simple, like using headings to structure your content, while others are a little more advanced.

Weebly has a great range of SEO tools to help your site rank, as well as beginner-friendly guides to walk you through each step. Start off with its Ultimate SEO Guide and you’ll be a pro in no time!

Promote via Social Media

Everyone is on social media these days – and you want everyone to see your site!

Pick a couple of social channels that suit your site – for example, Instagram is perfect for photographers, and Pinterest is ideal for selling handmade items. Then start sharing snippets of content, blog posts, images, and more to engage your visitors and gain followers.

Get Marketing

Email marketing can be your best friend. It’s a great way of releasing new product information, letting your visitors know about news and events, or enticing them back with sales and discounts.

Weebly has its own email marketing system called Weebly Promote, which helps you build your mailing list, easily create customized emails, and track your emails’ performance. This is free to use for your first two campaigns; after that it costs $8 per month.

Weebly also has good blogging tools, so you can combine blog posts with email campaigns and newsletters to keep your visitors informed and engaged.

How to Use Weebly: Summary

Let's recap

How To Use Weebly: Summary

Now you’re ready to create a Weebly website. Feels good, doesn’t it? We’re sure you’ve nailed the steps already, but let’s go through the stages one more time:
1
Sign up
Head to the Weebly homepage to start your registration
Choose between building a personal website with Weebly, or a business website with Square Online
2
Select a Theme
Weebly has a generous number of themes to choose from, across a number of industries
Use Weebly’s preview function to experience the template as a user
3
Choose Your Domain
A free domain will mean you’ll have ‘.weebly.com’ attached to your website address
Domain names cost between $14 and $20 per year
If you already have a domain name, you can connect it directly to Weebly
Keep it short, targeted, and memorable!
4
Design Your Weebly Website
Click on a text box and start typing to edit
Click the background image and select ‘edit background’ to change the image, scrolling effects and page alignments
Use the ‘Element Menu’ on the left to add any additional components to your website
Use the pages tab in the top toolbar to view your pages and add new ones
Change the colour scheme in the ‘Theme’ section of the Weebly editor
You can add new rows and different layouts using the ‘Add New Sections’ option in the Elements Toolbar
Use the small blue cross to delete individual elements, or click on the entire section to delete a row
5
Add Apps
Use the ‘Apps’ section in the top toolbar to search Weebly’s app library
To install an app, click on it and select ‘Connect’
6
Choose a Pricing Plan
Weebly has four pricing plans plus a free plan, all ranging from $6 per month to $72 per month
We recommend the $6 per month Personal plan for hobby sites or blogs, but if you want to get rid of adverts, go for the Professional plan at $12 per month
7
Publish Your Weebly Website
Hit the blue ‘Publish’ button in the top right corner
If you’ve changed your mind, head to settings and scroll down to the bottom, where you’ll find the option to unpublish your site with a single click
8
Improve and Grow Your Website
Update old information, write new articles, add extra sections to old pages — keep it fresh!
Use email marketing, blogging, and Weebly’s own ‘Weebly Promote’ to get your website out there
Use Weebly’s SEO tools to help your site rank well in the search engine results
Share snippets of content, blog posts, images, and more on your social media channels to engage visitors and gain followers

So, from Sign Up to Publish, these are the eight steps for creating a Weebly website. It really is that simple!

Weebly is a great option for anyone looking for a basic, no-frills-attached website. It’s excellent value for money, which is ideal if you’re building on a budget. Plus, it’s pretty straightforward, so anyone can use it!

Where Weebly doesn’t do so well is in giving you total creative control. Its templates are clean and professional, but not as contemporary as we’d like. If you’re after sleek sophistication you’re better off with a builder like Squarespace or Wix.

Overall, though, Weebly is a solid website builder. Plus, you can also create a website for free, although we recommend choosing a premium plan for a more advanced, personalized Weebly website that truly works for you.

weebly_logo

Are You Ready to Build With Weebly?

Weebly is easy to use, has attractive themes, and useful features. Build and publish for free, no pesky payment details needed!

FAQs

You can create up to 10 websites on the same Weebly account. Every site is treated separately – so for example, if you had three free Weebly sites and wanted to upgrade all of them to the Business plan, you would have to pay for each site upgrade separately.

No, Weebly’s App Center is similar to its website editor in that it was created with tech novices in mind. You can install Weebly apps on your website in just a few clicks, and once an app is installed, the process of editing it is similar to editing any other element on your site.

No! Even if you’re on the free plan, your Weebly website will be available for as long as you want it.

8 comments

Your email address will not be published. Required fields are marked *