Whether you’re crafting your site from the ground up, generating it with AI Builder, or converting it with AI Builder, 10Web Website Builder, enhanced with premium widgets, is your go-to tool for finalizing and publishing your websites.
How to access 10Web Builder
To access 10Web Website Builder:
- Log in to your 10Web dashboard.
- Click Manage on the website you want to build.
- Click on AI Builder > Edit Website.
- If you want to edit a specific page, click on the edit icon in front of the page.
Note:
When creating or editing a page within WordPress, choose Edit with Elementor to be redirected to 10Web Website Builder.
10Web Builder structure
The builder is split into three key sections: the Top bar, the left-hand Panel, and the Workspace.
Top bar
The Top bar of 10Web Website builder houses settings that let you access your WordPress admin dashboard, view your website, publish your pages, and more.
Within 10Web Builder drop-down menu you will find:
History: This feature allows you to view every action you have taken. Here you can also restore your website to a previous state. You can check more details here.
User Preferences: Set your preferences for 10Web Builder.
Keyboard shortcuts: A list of the main keyboard shortcuts for the builder.
Exit to WordPress: Redirects you to the WordPress admin of your website.
10Web Dashboard: Redirects you to your 10Web dashboard.
Editor Tour: Gives you a short tour of 10Web Builder.
Next to 10Web Builder drop-down menu are:
Add Elements: Gives you an overview of all the widgets at your disposal.
Site settings: Global settings of your website.
Structure: A quick access point to edit and rearrange page elements.
Global styles: Quickly change the global settings of your site.
Site pages drop-down: Menu of all your website pages. Click on a page to open it in a different tab.
Page Settings: Your command center for naming your page, setting up a featured image, and managing the layout. More details can be found here.
Responsive mode: Ensures your site looks great on any screen, from desktop to mobile. Read the article about responsive editing.
Finder: Search for and find templates, pages, and posts.
Preview changes: See your site through the eyes of your audience.
Publish or save as draft or template: Publish the changes to your live site or click the drop-down to save your changes to your draft or as a template.
Panel
The Panel is located to the left of your screen and is where all your creative tools reside. It's where you'll find widgets and settings to edit and customize your site. This Widget Panel becomes an Editing Panel once you select an element to modify.
Workspace
The content area is your blank slate where headers, footers, and content come together. When you hover over a section, it will become highlighted. This is the space where you build and view your website. This is also where you create containers/sections, drag and drop widgets, and edit content.
Editing with ease
To tweak sections, columns, or widgets, simply click their handle. This will present you with options to adjust content, style, and advanced settings.