AI Store Builder

AI Store Builder

Runner AI's AI Store Builder is an "end-to-end automatic website generation system" that allows you to quickly generate a ready-to-launch, sales-ready e-commerce website through simple descriptions.

Unlike traditional website building, you don't need to:

• Write code
• Design web pages
• Learn complex tools
• Start page structure layout from scratch

You just need to input one sentence, and AI will generate for you:

• Homepage (Hero Banner, product blocks, category structure)
• Product pages (if you've added products)
• Website color scheme and typography style
• Copywriting content
• Website images and videos (optional)
• Full site structure skeleton

After that, you can use the visual editor to make detailed modifications or use Prompts to optimize content.

Table of Contents

1. Generate Your First AI Store
2. Prompt Enhancement & Optimization
3. Using the Visual Editor
4. Generate Website Videos
5. Add New Modules
6. Build Multi-Page Site Structure
7. One-Click Version Rollback
8. FAQ

Generate Your First AI Store

Runner AI's core functionality is to transform your business idea into a complete website through Prompts.

(1) Process Overview (Step-by-Step)

Step 1: Create Store

• Go to: Dashboard → New Store
• After entering the store name, you'll enter the build page.

Step 2: Enter Prompt

You can input any idea for your website, such as:

• "I need a website selling handmade candles, with a gentle, clean, cream-style aesthetic."
• "Give me a Black Friday electronics promotional site with countdown and discount sections."
• "Generate a promotional page for my AI course."

Step 3: Wait for Generation (takes a few seconds)

AI will automatically generate:

• Page structure
• Images (if AI images are selected)
• Copy (titles, descriptions)
• Recommended modules
• Website style system

Step 4: Review Results and Start Editing

After generation, you can:

• Modify layout
• Replace images
• Optimize copy
• Add modules
• Add new pages

Prompt Enhancement & Optimization

Prompts are key to quality results.

(1) Four Key Elements of a Good Prompt

An excellent Prompt typically includes:

Business Type

• "Pet supply store"
• "Yoga clothing brand"

Visual Style (Design Style)

• "Minimalist, clean, cream aesthetic"
• "Black-gold, tech-feel, futuristic"

Target Audience

• "For American female consumers"
• "Designed for professional photographers"

Key Requirements

• "Need countdown module"
• "Need to display high-quality image gallery"

(2) Runner AI Provides Prompt Enhance

When you input a simple idea, such as:

"I want to make a pet supply website"

AI will automatically complete for you:

• Website structure
• Style description
• Module requirements
• Copy direction
• User scenarios

Just press Tab to accept the enhanced Prompt.

(3) Prompt Examples (Official Recommendations)

Home Decor Boutique

Create a modern home decor boutique with minimalist layouts, soft beige color palette, and a hero image featuring curated interior scenes. Include product categories, user testimonials, and a clean checkout experience.

Black Friday Electronic Flash Sale

Build a Black Friday electronics sale site with a bold countdown timer, product grids with slashed prices, urgency banners, and a dark-theme hero section showcasing premium gadgets.

Remix Shopify Theme

Remix the Shopify Impulse theme for a fashion store. Include hero sliders, lookbook galleries, featured collections, and product cards with size guides.

Pet Store Builder

Create a pet supply store with playful colors, product bundles, category navigation, and recommended products for dogs and cats.

Using the Visual Editor

The visual editor allows you to fine-tune page content without code.

(1) Text Editing Features

• Manually edit text content
• Modify fonts, sizes, weights
• Adjust colors, alignment, and position
• Use AI Rewrite and automatically adjust tone
• Add SEO titles and descriptions

💡 Using AI modifications consumes Credits.

(2) Image Editing Features

Two ways:

① Upload Local Images

Suitable for sellers with existing brand materials.

② Use AI to Generate/Replace Images

Suitable for sellers without visual assets.

You can input:

"Generate a warm lifestyle hero image with a soft beige background and natural sunlight."

AI will automatically replace the corresponding image on the page.

Generate Website Videos

Video is an advanced feature used to enhance website appeal and SEO.

(1) How to Generate Videos

In the Prompt input area, enter:

generate a branding video for my hero section that showcases modern jewelry with gold accents and slow-motion product shots

AI will automatically:

• Generate video
• Place video in Hero section
• Set muted playback, auto-loop and other settings

(2) Customizable Content

• Cover image
• Playback strategy (autoplay/mute/loop)
• Video style (realistic/cinematic/branded)

(3) Qualification Requirements

Video is a high-cost task, therefore:

• Only available for Runner Plan and above users
• Each video consumes 10 Credits

Add New Modules

Modules are key to determining page richness and SEO effectiveness.

You can add:

• Product category blocks
• FAQ
• Testimonials
• Text modules
• Image-text introduction modules
• Marketing popups (promotions/countdown)
• Email subscription modules
• Features section
• Brand story (About)

Use Cases:

• New product promotion pages
• Event landing pages
• Brand introduction pages
• SEO pages (e.g., "Winter Fashion Guide")

💡 Modules can be added infinitely without code.

Build Multi-Page Site Structure

A complete website typically needs multiple pages, not just the homepage.

You can create:

① Product Detail Pages

Including:

• Product images
• Description
• Specifications
• User ratings
• Recommended products
• FAQ

② Blog Pages

For SEO and brand content marketing.

Example topics:

• "How to Choose the Right Yoga Wear?"
• "Why Are Natural Candles Safer?"

③ About Us Page

Improves brand trust.

④ Contact Page

Provide customer service email, social media, etc.

💡 AI can help you automatically generate entire page content.

One-Click Version Rollback

Every AI modification or manual edit is automatically saved as a version.

You can:

• View all versions
• Preview old versions
• One-click restore

Useful for:

• Testing different designs
• Fixing errors
• Recovering unsatisfactory modifications

FAQ

Q1: Can the generated website be fully modified?

Yes. Layout, images, text — almost all elements are editable.

Q2: Why does video generation require payment?

Video tasks are high-cost, therefore it's an advanced feature.

Q3: Do I own the copyright to AI images?

You have commercial usage rights.

Q4: Can Prompts be in Chinese?

Supported, but currently English Prompts work best.