10Web’s Agentic Website Builder helps you create a WordPress website using AI. You can start from a prompt, an existing website URL, a screenshot, a media file, or a Figma design. Before the website is generated, you can review and customize the website structure, including pages, sections, section names, and section prompts.
After the generation is complete, your website opens automatically in 10Web AI Editor, where you can preview, edit, and publish your website.
Note:
You can create one website using the free version of the Agentic Website Builder. To generate additional websites, you will need to upgrade to a paid plan.
Getting started for free
To create a website from 10Web.io, follow these steps:
- Go to 10Web.io.
- In the Agentic Website Builder prompt field, describe the website you want to create.
- If you want to start from something other than a prompt, click the plus icon and choose one of the available options:
- Clone site from URL: Recreate an existing website from a URL.
- Redesign site from URL: Create a redesigned version of an existing website from a URL.
- Take a screenshot: Use a screenshot as the starting point for the website.
- Attach a media file: Attach a file that can help the AI understand the website you want to generate.
- To start from a Figma design, click Import Figma.
- If needed, choose a website style from the available system themes.
- Submit your request.
- Review the generated website structure. This structure shows the website pages and the sections included on each page.
- Customize the structure if needed. You can add pages, add sections, select a section, edit the section name, or update the section prompt.
- Click Generate my website.
- Sign up or log in to your 10Web account.
After you sign up or log in, the system starts generating your website automatically. Once the generation is complete, your website opens in 10Web AI Editor.
Note:
The generated structure is a preview of the website pages and sections. The final website design, content, and layout are created after you start the generation process.
Generating a website from the 10Web dashboard
If you already have a 10Web account, you can generate a website directly from your dashboard.
- Log in to your 10Web dashboard.
- Go to the Websites page.
- Use the website prompt box to describe the website you want to build.
- If needed, click the plus icon to start from a URL, screenshot, or media file, or click Import Figma to start from a Figma design.
- Select the data center where the website should be hosted.
- Submit your request.
10Web will generate a website structure based on your prompt, URL, screenshot, media file, or Figma design.
Reviewing the website structure
Before the website is generated, you will see a structure preview. This preview shows the pages and sections that will be used to build your website.
From this screen, you can choose one of the following options:
- Start building: Start generating the website without making changes to the structure.
- Customize structure: Open the structure editor and make changes before generating the website.
- I have a new idea. Let’s start from scratch.: Restart the process with a new website idea.
Customizing the website structure
If you click Customize structure, you will be taken to the structure editor. This is where you can adjust the website plan before the final website is generated.
In the structure editor, you can:
- Add a new page.
- Add a new section to a page.
- Select a section and edit its name.
- Edit the section prompt to change what the AI should generate for that section.
- Use Enhance with AI to improve the section prompt.
- Remove sections you do not need.
When you are done, click Save and start building. 10Web will start generating your website based on the structure you approved.
Note:
Changes made in the structure editor affect what the AI generates. For example, if you update a section prompt, the generated section will follow the new instructions.
After the website is generated
Once the generation is complete, your website opens automatically in 10Web AI Editor.
In AI Editor, you can preview your website, chat with AI to make changes, edit elements visually, review code differences, restore previous changes, and publish the website when it is ready.
To learn more about editing your generated website, see 10Web AI Editor.