Builder Overview

NetJet.io's Builder consists of three main areas: the Canvas, the Sidebar, and the Toolbar. Each area provides access to essential tools and functions for creating and managing website pages.

1. Canvas (Main Area)

• The Canvas is the largest area and serves as your main workspace.
• It begins with a prompt labeled "Start Building Your Page".
• Clicking on the Canvas opens the Block Manager, where you can:
• Access pre-made blocks.
• Create custom blocks.
• Select from pre-made layouts.
• Use Saved Blocks or Global Blocks.
• To add a new block, simply click on it, and it will be added automatically.

1. Sidebar (Left Panel) The Sidebar provides tools for styling, content management, and project settings. It is divided into several sections:

a. CMS (Content Management System)

• Located at the top of the Sidebar.
• Allows you to manage pages, blog posts, stories, popups, alerts, and users.
• You can also create custom assets and menus, add or remove pages and posts.
• Provides access to Project Settings, including:
• SEO functions.
• Sharing options.
• System pages (e.g., Maintenance Mode, Coming Soon pages).
• Translation settings (for bilingual or multilingual websites).
• Custom CSS and coding options.
• Webhooks and redirects setup.

b. Elements Drawer

• Contains essential building blocks for website design.
• Includes text elements, accordions, login functions, media elements (images, video, social media integrations), and blogging features.

c. Reorder Blocks

• Every time a new block is added, it appears as a thumbnail here.
• Allows for drag-and-drop reordering of page sections.

d. Styling Options

• Provides color and font adjustments for real-time styling.
• Enables fast design modifications across the entire site.

e. Collaboration Tool

• Opens a mirror copy of the site in a new browser window.
• Allows collaborators to leave comments and remarks.
• Facilitates team feedback and communication.

f. Additional Sidebar Options

• Responsive Viewing: Switch between desktop, tablet, and mobile views.
• Page Options: Preview as a logged-in or logged-out user.
• Language Settings: Configure multilingual website options.
• Support & Shortcuts: Learn more about the builder and access the help section.
• Exit Button: Return to the main dashboard.

1. Toolbar (Bottom Right Corner)

• Provides access to publishing functions:
• Clear layout.
• Save changes.
• Publish the page.
• Switch to draft mode.
• Preview Options: View how the page will appear once published.
• Undo/Redo Functions: Quickly revert or repeat recent actions.
• Show Hidden Elements: Toggle visibility of hidden elements.

By understanding these three key areas—Canvas, Sidebar, and Toolbar—you can efficiently design and manage your website using NetJet.io's Builder.