The AI Section Generation feature in 10Web Builder simplifies website editing by using AI technology to generate nearly pixel-perfect sections.
Each section of a webpage is crafted based on an outline with user-provided descriptions, without using any premade templates.
Adding AI Section Generation
There are two options for adding AI-generated sections:
Option 1: Click on the +Sections button in the top menu near the +Elements button
Option 2: Add a new container and click the Add Section button.
How AI Section Generation works
- Choose the type of section you want to generate and provide a description.
- The AI creates the most suitable layout based on the type and description.
- The AI generates content, including text and images, and applies the website's styles.
- Once done, a preview of the generated section(s) is displayed with their respective content.
Global styles modifications
AI generates main colors and fonts for the website. Modify colors, fonts, or styles by clicking on the global styles and fonts icon in the top menu. Choose an option, see a preview, and click Save changes to apply. Any style changes will be reflected in the preview of pre-designed sections.
Pre-designed sections
On the left side of the section interface, below the AI Generator option, you will find a list of section types. Clicking on a section type shows a preview with applied website styles and placeholder content. Add a section by clicking on it; the AI will generate content before integrating it into the website.
When hovering over each premade section, you will see two options: Add with AI Content and Add as Previewed. The AI uses the business type and description from the onboarding flow to generate content for the selected section. The section will be added to the page.
Note:
Adding two or more sections simultaneously is not possible. If one section is loading, you will see a message stating, Another generation is in progress. Please wait for completion.
Section types
Here is a list of available section types, each with several templates:
- Header / navbar
- Hero
- Featured companies / logo
- CTA sections
- About us
- Gallery
- Features list
- Pricing
- Team
- Contact us
- Title
- Testimonials
- FAQ
- Footer
With 10Web Builder's AI Section Generation feature, web design becomes simpler and more efficient. Quickly create tailored, visually appealing sections that match your website's style. Enhance your website's professionalism and engagement with ease and precision.