![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-9f09e940-0c28-48c3-b149-a6abc29230c3-DOCS IMAGE LIGHT.png)
![Umbria Documentation [DO NOT DELETE]](https://www.umbriadocs-imageserve.com/65f78027c124c1543492a499-2e72ef6f-071e-4557-b985-54461fa346b7-DOCS IMAGE DARK.png)
Build Your Site
Use drag-and-drop components and customizable templates to craft your site
Create Your Site
Once you login, you will be taken to a dashboard showing all the sites you have created.
Click the "Create Site" button
The "Create Site" button is visible to the right of the "All Sites" title.
The "Create Site" button is visible to the right of the "All Sites" title.
Click the "Create Site" button
The "Create Site" button is visible to the right of the "All Sites" title.
The "Create Site" button is visible to the right of the "All Sites" title.
Choose a blank site or site template
Choose a blank site or site template
Enter a site name
Enter a site name in the field. Click the "Create" button on the bottom right of the popup to create a site and the "Cancel" button on the bottom left to exit site creation.
Site names have a character limit of 100
Enter a site name
Enter a site name in the field. Click the "Create" button on the bottom right of the popup to create a site and the "Cancel" button on the bottom left to exit site creation.
Site names have a character limit of 100
Create Your First Page
Once you create your site, you will be taken to the Umbria editor. By default you start with one blank page.
In this tutorial we are going to go ahead and add a new page to show you how the process works.
Click the "+" button next to "PAGES"
The "PAGES" section is found on the left sidebar of the Umbria editor.
Click the "+" button next to "PAGES"
The "PAGES" section is found on the left sidebar of the Umbria editor.
Choose a template you like
When you are creating a page, you can either create a blank page or choose one of our page templates.
Exploring page templates
Exploring page templates
Choose a template you like
When you are creating a page, you can either create a blank page or choose one of our page templates.
Exploring page templates
Exploring page templates
Click "+ Add Page"
Hover over the page template you wish to add and click the "+ Add Page" button.
Click "+ Add Page"
Hover over the page template you wish to add and click the "+ Add Page" button.
Add Content to Your First Page
Now let's put some content on your page!
Click on "Components"
Click on "Components" in the left sidebar under "DESIGN".
Select anywhere on the row labeled "Components"
Select anywhere on the row labeled "Components"
Click on "Components"
Click on "Components" in the left sidebar under "DESIGN".
Select anywhere on the row labeled "Components"
Select anywhere on the row labeled "Components"
Drag Your Component on the Page
Use the left hand side bar to select a component. Hover over a component to preview it in detail.
Hover over a component to preview it then drop it onto the page
Hover over a component to preview it then drop it onto the page
Drag Your Component on the Page
Use the left hand side bar to select a component. Hover over a component to preview it in detail.
Hover over a component to preview it then drop it onto the page
Hover over a component to preview it then drop it onto the page
Type in the component to customize text
Type anywhere text exists on the component to write.
You can customize your components further with the dropdown options located on the right sidebar
Type in the component to customize text
Type anywhere text exists on the component to write.
You can customize your components further with the dropdown options located on the right sidebar
Build Your Site
Use drag-and-drop components and customizable templates to craft your site
Create Your Site
Once you login, you will be taken to a dashboard showing all the sites you have created.
Click the "Create Site" button
The "Create Site" button is visible to the right of the "All Sites" title.
The "Create Site" button is visible to the right of the "All Sites" title.
Click the "Create Site" button
The "Create Site" button is visible to the right of the "All Sites" title.
The "Create Site" button is visible to the right of the "All Sites" title.
Choose a blank site or site template
Choose a blank site or site template
Enter a site name
Enter a site name in the field. Click the "Create" button on the bottom right of the popup to create a site and the "Cancel" button on the bottom left to exit site creation.
Site names have a character limit of 100
Enter a site name
Enter a site name in the field. Click the "Create" button on the bottom right of the popup to create a site and the "Cancel" button on the bottom left to exit site creation.
Site names have a character limit of 100
Create Your First Page
Once you create your site, you will be taken to the Umbria editor. By default you start with one blank page.
In this tutorial we are going to go ahead and add a new page to show you how the process works.
Click the "+" button next to "PAGES"
The "PAGES" section is found on the left sidebar of the Umbria editor.
Click the "+" button next to "PAGES"
The "PAGES" section is found on the left sidebar of the Umbria editor.
Choose a template you like
When you are creating a page, you can either create a blank page or choose one of our page templates.
Exploring page templates
Exploring page templates
Choose a template you like
When you are creating a page, you can either create a blank page or choose one of our page templates.
Exploring page templates
Exploring page templates
Click "+ Add Page"
Hover over the page template you wish to add and click the "+ Add Page" button.
Click "+ Add Page"
Hover over the page template you wish to add and click the "+ Add Page" button.
Add Content to Your First Page
Now let's put some content on your page!
Click on "Components"
Click on "Components" in the left sidebar under "DESIGN".
Select anywhere on the row labeled "Components"
Select anywhere on the row labeled "Components"
Click on "Components"
Click on "Components" in the left sidebar under "DESIGN".
Select anywhere on the row labeled "Components"
Select anywhere on the row labeled "Components"
Drag Your Component on the Page
Use the left hand side bar to select a component. Hover over a component to preview it in detail.
Hover over a component to preview it then drop it onto the page
Hover over a component to preview it then drop it onto the page
Drag Your Component on the Page
Use the left hand side bar to select a component. Hover over a component to preview it in detail.
Hover over a component to preview it then drop it onto the page
Hover over a component to preview it then drop it onto the page
Type in the component to customize text
Type anywhere text exists on the component to write.
You can customize your components further with the dropdown options located on the right sidebar
Type in the component to customize text
Type anywhere text exists on the component to write.
You can customize your components further with the dropdown options located on the right sidebar