The AI Builder is a comprehensive tool that uses next-generation technologies for automatically recreating any web page on WordPress without copying the original code. You can recreate as many pages as you like if you are a paid user or up to 5 pages for free users. The AI Builder is the central part of website creation in the 10Web dashboard. Once a new WordPress install has been made, you will have three ways of creating your website pages. You can recreate a page using AI, add a premade page, or add a blank page.
Important:
10Web no longer offers the Templates feature. We have removed that feature and added the creation and recreation of individual pages in its place within the AI Builder, as this is the way most of our clients build their websites. By doing this, we have made the creation, structure, and editability of the website more accessible.
Get started for free
To get started with using the AI Builder for free:
- Go to 10Web.io
- Click on Get Started for Free
- Fill in the necessary information to create a free account
- In the What do you want to do page, choose Create with AI Builder
- Enter the URL of the page you want to recreate with the AI Builder
- Click Proceed to start recreation
- Click Preview & Edit Your Website once recreation has completed
Your screen will be divided into two parts. To the left of the screen you will see a preview of the recreated page. To the right of the screen, you will see the global style settings that AI has detected from the page. Here you can customize the button and text colors and choose the font. Each time you make a change in the style settings, you will see the changes real time on the preview portion of your screen.
Note:
These settings are the global color and style settings of your website. You can later alter them from the Site Settings of the 10Web Builder.
From the left of the screen:
- Set the primary color of your website by clicking on the color swatch
- Set the font for the entire website
- Set the color of your font for the entire website
- Click Save & Proceed
You will be redirected to the 10Web builder to continue building, editing, and customizing your page. To navigate to the 10Web Dashboard, click on the 10Web Dashboard button located at the top right of the screen.
Here you can recreate any page you want, add a premade page, or add a blank page to your website by clicking the Add New Page button.
Note:
Free plan users have unlimited access to the 10Web builder and can recreate up to 5 pages only. Page recreation/creation is unlimited for any paid plan.
Using the AI Builder with a paid plan
If you are subscribed to one of our paid plans, you can recreate/create an unlimited number of pages using the AI Builder. If you have existing websites, you can access each page of your website by going to the AI Builder page. Here, you can manage your pages by publishing them or making published pages into drafts, setting your frontpage, adding and removing pages, and editing them in the 10Web Builder.
Creating a website with the AI Builder
To create a brand new website using the AI Builder:
- Log into your 10Web Dashboard
- Click on Create a Website
- Fill in a subdomain
- Fill in a domain if you have one and want to use it
- Choose a datacenter closest to your audience
- For the install mode, choose a brand new WP install
- Click Next
- Fill in your Site Title
- Set an admin user name
- Generate a strong password
Important:
Please make sure all passwords are strong and kept in a safe place.
- Click Install
After the completion of the installation, you will be redirected to the AI Builder page.
To start recreation:
- Enter a page title
- Enter a URL
- Click Proceed
Recreating a page with the AI Builder
- Log into your 10Web Dashboard
- Click on your new WordPress install
- Click on AI Builder
Note:
If this is your first page, you will automatically be directed to provide a title and a URL to start recreation.
- Click on Add New Page
- From the 3 options, choose AI Recreation
- Enter a Title for the page
- Copy the complete URL (e.g. https://10web.io/) of the page you want to recreate
- Paste the URL in the corresponding field
- Click Recreate
Recreation of the page will start automatically. Once the page has been recreated, a popup will appear. Click on View and Edit to start editing with the 10Web Builder.
Important:
All newly created/recreated pages will have a Draft status by default.
Adding a premade page to your website
To add one of our pre designed pages to your website:
- Log into your 10Web Dashboard
- Click on your new WordPress install
- Click on AI Builder
- At the right top corner of the AI Builder page click on Add New Page
- Click on Pre-Made Pages
- Choose a category then click on the plus icon to add or the eye icon to view the page
- Click on Add Page to add it to your website pages
- Click on Preview and Edit to start editing with the 10Web Builder
Adding a blank page
If you want to build your page from scratch, you can add a blank page to your website.
- Log into your 10Web Dashboard
- Click on your new WordPress install
- Click on AI Builder
- At the right top corner of the AI Builder page click on Add New Page
- Click on Blank Page
- Add a Title in the field
- Click Add Page
- Click on Preview and Edit to start building with the 10Web Builder
AI Builder pages
The Builder page houses all of the pages of your website. Any newly created or recreated pages are added to the list.
Note:
If the WooCommerce plugin is activated, the mandatory WooCommerce pages Cart, Checkout, My account, Refund and Returns Policy and Shop will be added to the list in the Pages tab.
The pages are divided into categories belonging to a specific part of the structure of your website. For example, at the top of the page you will see the tabs:
Pages - Contains all the pages in your website
Header - Contains the headers of your website
Footer - Contains the footers of your website
Single - Contains the single pages such as Post single and 404 pages of your website
Archive - Contains the archive pages of your website
Slides - If a slider was used, each slide will be saved in this tab as a single template
The list is also divided into columns.
Title - This is the tite you have assigned to the page when creating or recreating it. If there is a house icon in front of the title, then that page is your frontpage.
Link - This is the URL of the page.
Last Modified - Shows the date of when the page was last modified.
Status - The page can be published or a draft. This column shows the status of the page.
- To publish a page, click on the drop down menu of the page under the Status column and choose Publish.
Note:
Only a published page can be set as a Frontpage.
Edit - Contains the edit icon.
- Click on the icon to start editing the page in the 10Web builder.
Three dots - clicking on the dots will allow you to remove a page or set it as the frontpage.
- To set a page as a Frontpage, click on the three dots located at the end of the line and choose Set Frontpage.
- To remove a page from your website and the list, click on the three dots at the end of the line and choose Remove.
Note:
If you would like to edit the entire website with the 10Web Builder, click on Edit Website, located at the top right of the page.