Quick Start Guide

Last updated: March 2026

Get up and running with Webooto in under 10 minutes. This guide walks you through creating your workspace, building your first page, modeling data, and publishing your site.

What is Webooto?

Webooto is an all-in-one business platform that combines a visual website builder, data management, CRM, workflow automation, e-commerce, and AI tools into a single workspace. Instead of stitching together separate tools for your website, database, email, calendar, and automation, Webooto provides all of these capabilities under one roof.

Every workspace runs on a shared data model: entities (your data tables) power your pages, workflows, and applications simultaneously. A change in your data is immediately reflected in your website, internal dashboards, CRM pipelines, and analytics.

Creating your workspace

Your Webooto workspace is your dedicated environment where you build and manage everything. Each workspace has its own domain, data, users, and settings.

1

Sign up

Go to webooto.com and click "Start for free". Enter your email and create a password. No credit card is required for the free plan.

2

Name your workspace

Choose a name for your workspace. This will be used as your subdomain (e.g., yourname.webooto.com). You can connect a custom domain later.

3

Choose your plan

The Free plan includes 5 pages, 1 user, and 20 MB of storage. Upgrade to Light (9 EUR/mo), Essential (19 EUR/mo), or Unlimited (99 EUR/mo) for more capacity and features.

Tip

You can upgrade or downgrade your plan at any time from Settings > Subscription.

The Designer interface

After creating your workspace, you land in the Designer - your command center for building. The Designer is divided into several key areas:

AreaPurpose
DashboardOverview of your workspace with quick actions and setup checklist
PagesCreate and manage website pages with the visual builder
EntitiesDefine your data model (tables, fields, relations)
ApplicationsBuild custom internal apps with role-based access
WorkflowsAutomate processes with visual node-based workflows
MediaUpload and manage images, documents, and other files
PermissionsCreate roles and control who can access what
SettingsConfigure your workspace, domain, subscription, and more
Note

The Designer is where administrators build and configure. End users interact with published pages and applications.

Building your first page

Pages are the building blocks of your website. Each page has a visual builder where you drag and drop components to create your layout.

1

Create a new page

Go to Designer > Pages, click "New Page". Give it a name (e.g., "Home") and a URL slug (e.g., "/"). Choose the page type: Website for public pages, or App for internal pages.

2

Add components

The left sidebar shows available components organized by category: Layout (Row, Grid, Divider), Content (Header, Paragraph, Media), Forms (Form, Field, Button, Checkbox, Select), and Navigation (Menu, Language Dropdown). Drag a component onto the canvas.

3

Style your components

Click any component to select it. The right panel shows the Properties editor where you can adjust typography, colors, spacing, borders, backgrounds, and responsive breakpoints (desktop, tablet, mobile).

4

Preview and publish

Use the device preview buttons in the toolbar to see how your page looks on different screen sizes. When ready, click "Publish" to make it live. You can also save as "Draft" to continue later.

Tip

Use the Structure View (tree icon in the toolbar) to see and rearrange the component hierarchy. This is especially useful for complex nested layouts.

Modeling your data

Entities are the data tables that power your platform. They store contacts, products, orders, blog posts, or any custom data your business needs.

1

Create an entity

Go to Designer > Entities, click "New Entity". Give it a name (e.g., "Contacts") and a display name. Webooto automatically creates system fields like id, createdAt, and updatedAt.

2

Add fields

Click "Fields" on your entity. Add fields with types: Text, Number, Boolean, Date, Email, URL, Color, Image, File, Select, Multi Select, JSON, or Relation types (One-to-Many, Many-to-One, Many-to-Many).

3

Configure relations

Use Relation fields to link entities together. For example, link "Orders" to "Contacts" with a Many-to-One relation. This lets you display related data across pages and forms.

Note

Virtual entities (Free through Essential plans) store data in a shared table structure. The Unlimited plan unlocks Real Objects with dedicated database tables for better performance at scale.

Next steps

You now have the foundation: a workspace, a page, and a data model. From here, you can build powerful applications by combining these elements:

Create an Application to build internal tools with navigation menus and role-based access. Set up Workflows to automate data processing when records are created or updated. Configure Permissions to control what each team member can see and do. Connect your custom domain and go live.