Website Builder

The Web Builder platform is a versatile and intuitive solution designed to empower users to create stunning websites with ease. Whether you’re crafting a personal blog, building a professional portfolio, or launching an online store, this platform offers all the tools you need to bring your ideas to life. With its user-friendly interface and powerful customization options, you can create responsive and visually appealing websites without requiring advanced technical skills.

Key Features of the Platform

Using Website builder

The Website Builder Software is designed to provide users with a seamless experience for creating, managing, and publishing websites. This documentation walks you through the platform's features and functionalities, helping you make the most of its intuitive tools and efficient workflows.

1. Dashboard Overview

Header Features

The dashboard header displays the following options:

Projects Tab

2. Workplaces

Creating a New Workplace
  1. Navigate to the Workplaces section in the Projects tab.

  2. Click Create New.

  3. Enter a name for the new workplace.

  4. Save to organize projects under this workplace.
    a) Screenshot 2025-01-06 181947.png
    b) Screenshot 2025-01-06 182004.png

3. Creating a New Site

Template Selection
  1. In the Projects tab, click Add Site.

  2. Browse templates categorized for specific use cases, or use the Search function to find a suitable template.

  3. Alternatively, start with a blank page for full customization.

  4. Preview each template to view its layout and design before selection.

    a) Screenshot 2025-01-06 182040.png

Starting with a Blank Page
Naming Your Site
  1. After selecting a template or blank page, click Use This Template.

  2. Enter a name for your website.
    a) Screenshot 2025-01-06 182311.png

Desktop and Mobile Views

4. Editor Overview

Editing Elements
Style
Settings
Code Editor
History

a) Screenshot 2025-01-06 182659.png

5. Branded Domains

Connecting and Managing Domains
  1. Navigate to the Branded Domains tab in the dashboard header.

  2. Click Connect Domain.

  3. Enter the domain host details.

    a) Screenshot 2025-01-06 183428.png

Configuring A Records
  1. Upon connecting a domain, an A record will be generated.

  2. Use this A record to configure your domain’s DNS settings.

  3. Save changes to point your domain to the website.

    a) Screenshot 2025-01-06 183433.png

6. Account Settings

Light/Dark Mode
Log Out

The Website Builder Software provides all the tools needed to create professional, responsive websites efficiently. With its intuitive dashboard, flexible editor, and robust domain management features, users can streamline their workflows and focus on building impactful online experiences.

 

About Interface

Welcome to the Web Builder platform, your one-stop solution for creating and customizing stunning websites with ease. This guide will walk you through the key features and tools available to help you build your website efficiently, whether you are a beginner or an advanced user. Topics covered include:

  1. Keybinds

  2. Inspector Overview

  3. WYSIWYG Editor Overview

  4. Code Editors Overview

Let’s get started!

1. Keybinds

Keybinds make navigating and editing in the Web Builder fast and intuitive. Here are some essential shortcuts to enhance your workflow:

Action Key Combination
Save Changes Ctrl + S (Windows) / Cmd + S (Mac)
Undo Ctrl + Z / Cmd + Z
Redo Ctrl + Y / Cmd + Y
Copy Ctrl + C / Cmd + C
Paste Ctrl + V / Cmd + V
Delete Del
Preview Ctrl + P / Cmd + P
Toggle Code Editor Ctrl + E / Cmd + E
Tips for Using Keybinds

2. Inspector Overview

The Inspector is a versatile tool that allows you to manage, customize, and refine your website elements. It is divided into several sections for easy navigation:

Structure
Properties
Actions
Advanced Settings
Pro Tips

3. WYSIWYG Editor Overview

The What You See Is What You Get (WYSIWYG) Editor makes website building simple by allowing you to visually edit your pages in real-time.

Key Features
Toolbar Options

Pro Tips

4. Code Editors Overview

For users who want full control over their website, the Web Builder offers integrated code editors for HTML, CSS, and JavaScript. These tools allow you to refine your site beyond the visual editor.

HTML Editor
CSS Editor
JavaScript Editor
Shared Features
Pro Tips

The Web Builder is designed to empower users to create professional, visually appealing websites with ease. Whether you’re a beginner relying on the intuitive WYSIWYG Editor or an advanced user diving into the Code Editors, this platform has everything you need to bring your vision to life. Explore the tools, experiment with features, and enjoy building your dream website!