10Web AI now enables fast, flexible eCommerce site creation with Section-Based Generation.
Introduction to section-based Generative AI
If you’re familiar with the basics of 10Web Builder, you already know that its Editor interface is drag-and-drop, using flexbox containers. With the Section-Based AI Generation, your site pages are built using container-based sections, each made up of child containers and Elementor and Builder widgets to display the content of the section.
Note:
All AI-generated ecommerce sites will include the WooCommerce plugin pre-installed. The AI will also generate category, shop, and single product page templates, along with sample products for your store, which can be further managed from the E-commerce tab of your 10Web dashboard.
Who is this available for?
The Generative AI flow for eCommerce sites is available in all eCommerce and Agency platform plans offered by 10Web. To explore the available plans and their pricing, check our pricing page here.
Why are we making this change?
This makes site design more intuitive and streamlined. Previously, 10Web Builder would generate a complete site template without allowing you to preview or adjust the page layout before editing it manually in the Editor. Now, with section-based design, you have more control over your page layout. You can adjust the structure of your site using a schematic representation of pages and their sections before generating it. This new approach also makes navigating and editing your site more logical when finalizing the design in the Editor.
How to generate an ecommerce website with the section generation flow?
Follow these steps to generate a new ecommerce site:
-
Create or log into your account
- If you don’t have a 10Web account, sign up and start a trial plan for an Ecommerce or Agency plan of your choice. For detailed information about plans, specifications, and limitations, visit our pricing page.
- If you already have an account, proceed to the next step.
-
Set up a blank site
- Create a new blank site on your preferred data center to serve as the foundation for your website generation.
-
Access the AI Builder
- Open the site’s management panel by clicking the Manage button on the site card in your 10Web dashboard, then proceed to the AI Builder section on the left panel.
-
Launch the AI Questionnaire
- Click the Generate with AI button in the top-right corner of the screen to start the AI Questionnaire.
- Select the “I want to create a website with an online store” option, select your store type and describe your business and products while completing the questionnaire.
-
Adjust the site structure
- After the AI processes your inputs, it will generate a schematic outline of your site’s pages and sections. Rearrange, delete, or modify the sections with specific prompts as needed.
-
Finalize global settings
- Once you’re happy with the preliminary structure, click Next to set global fonts, colors, and styles for your site.
-
Generate your site
- Click Generate and let the AI build your ecommerce store based on your instructions.
After the site is generated, you can use the drag-and-drop editor, aided by AI Co-Pilot, to make final adjustments. From your dashboard, you can manage all store settings and connect 10Web Payments for processing your clients’ transactions.
What to expect next?
Our primary focus is on continually improving the complexity, visual appeal, and relevance of generated outputs in response to AI prompts, while staying within the current functionality scope. This includes refining product and category generation logic, template structures, and store layouts.