How do you navigate the sidebar and toolbar

Home / Knowledge Base / General / How do you navigate the sidebar and toolbar

The WEMASY Website Builder interface is designed for intuitive navigation — with all your editing tools and features organized in the Sidebar (on the left) and the Toolbar (on the top). Here’s a complete walkthrough so you can easily find everything you need while designing your site.

Step 1. Open your dashboard

Log in at dashboard.wemasy.com.

Once signed in, select your project to enter the Website Editor.

Step 2. Understand the sidebar

The Sidebar is your main navigation area — it gives quick access to all website sections and tools.

Here’s what you’ll find:

  • Home: Returns you to your project overview.

  • Site builder: Open the website editor to create and edit pages.

  • Analytics & Insights: Track visitor stats and website performance.

  • Forms: Create and manage contact or feedback forms.

  • Web shop: Manage your online store — products, categories, and orders.

  • Ads Fraud Protection: Monitor and block suspicious ad activity.

  • SEO: Optimize pages for search engines.

  • Popups: Create and manage promotional popups or lead-capture messages.

  • Newsletters: Design and send email campaigns to your audience.


Tip: Hover over each icon to see its label. You can click any item to open its module instantly.

Step 3. Explore the toolbar

The Toolbar is your workspace control center — it helps you manage your website pages and actions quickly.

Here’s what’s included:

  • Website Dropdown (Top Center): Switch between your websites or projects.

  • Pages / Modules Menu: Access different areas like Pages, Webshop, Knowledge Base, Templates, and more.

  • Preview Button: View your website as visitors will see it.

  • Publish Button (Red): Make your latest edits live instantly.

  • User Profile Icon (Top Right): Manage account settings or log out.

Tip: Use the Preview button often to check how your site looks on desktop and mobile before publishing.

Step 4. Use the editor canvas area

The large center area is your editing workspace.

Here, you can:

  • Drag and drop elements like text, images, or sections.

  • Edit text inline.

  • Rearrange or delete blocks visually.

Step 5. Customize settings via the right panel

When you click any element on your page, a right-hand settings panel opens.

You can adjust:

  • Fonts, colors, and background styles.

  • Spacing, padding, and alignment.

  • Button links, animations, and visibility.

Summary table

Section

Location

Main Function

Example Actions

Sidebar

Left side

Access website tools and modules

Open Pages, SEO, or Webshop

Toolbar

Top of screen

Manage website actions

Publish, Preview, Switch site

Editor Canvas

Center

Design and edit your pages

Drag-and-drop content

Right Panel

Right side (on select)

Adjust design settings

Change color, font, or layout


Quick Tip:

Spend a few minutes clicking through each sidebar and toolbar item — it helps you understand where every feature lives before you begin designing.

Share: