Navigate the Editor

Need to make some changes to your website? The first step is to visit your Site Dashboard, where you can view useful information about your site and perform various actions. Check out our full guide to the Site Dashboard, or read on to learn how to navigate the Weebly editor like a pro.


navigate-editor-choose-site.jpg


If you don’t see the site you want to edit, click the arrow to view a list of every website in your account and any sites you contribute to. Choose the one you want, and then click the edit site button.


navigate-editor-parts.jpg


The editor is divided into three main parts, as shown in the screenshot above. You’ll be using the buttons at the top most often, and we’ll go over each of them individually here.


navigate-editor-build.jpg


The Build tab is exactly what it sounds like - it has all the components you need to build your website. Clicking on Build will display all of the elements in the left sidebar, organized into categories. For a closer look at using elements, check out our introductory guide here.


navigate-editor-pages.jpg


The Pages tab houses all the pages you’ve added to your site and allows you to add, rearrange, copy, delete and edit them. Clicking on any page here will load that page on the right hand side of the screen so you can easily start editing.

For more in-depth information on working with pages, check out this guide


navigate-editor-themes.jpg


The Themes tab has two important functions related to how your website looks:

  • You can browse, preview, and choose a different theme
  • You can pick different fonts for the various text-based elements on your site.

Read more about the theme gallery here, and check out this guide for the full story on changing fonts

From the Themes tab you can also access the code editor to modify the HTML and CSS for a theme, and you can toggle the guides on and off. What do the Guides do? They’re draggable vertical and horizontal bars that help you align things evenly on your pages while working in the editor. Give them a try next time you’re positioning elements on your pages!


navigate-editor-store.jpg


The Store tab is exactly what you might think - a place to set up and manage every aspect of an online store. We have an entire series of articles devoted to creating and operating a store on your Weebly site, and you can access them here if you’re interested. 

What if you don’t have a store and don’t plan to start one? Not to worry - you don’t need to do anything with the Store tab unless you’re planning to sell from your site.


navigate-editor-apps.jpg


The Apps tab allows you to search, browse, install and manage apps from the Weebly App Center. What can you do with apps on your site? The sky is practically the limit - we have hundreds of apps that will add functionality and flair to your site.


navigate-editor-settings.jpg


Last but not least, the Settings tab is where you can configure a number of global attributes for your website, including the site address, password, and more.

Was this article helpful? 189 out of 252 found this helpful