Runner AI
Guides

AI Store Builder

Discover how to generate a complete online store with AI — from homepage to product pages — and fine-tune every detail in the visual editor.

Runner AI's AI Store Builder is an end-to-end automated website creation system that allows you to generate a live, sell-ready ecommerce website using a simple description.

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

  • Write code
  • Design layouts
  • Learn complex tools
  • Start from a blank canvas

With just one prompt, Runner AI can generate:

  • Homepage (hero section, product blocks, category structure)
  • Product pages (if products are added)
  • Site-wide color palette and typography
  • Conversion-ready copy
  • Website images and videos (optional)
  • Full site structure and layout framework

After generation, you can fine-tune everything using the visual editor or further optimize content with prompts.

What You Will Learn

  • The AI store-building workflow
  • How to write and optimize prompts
  • Using Design Mode (visual editing)
  • Optimizing text, images, and layouts with AI
  • Generating website videos
  • Adding new modules
  • Building multi-page site structures
  • Restoring previous versions
  • Frequently asked questions

1. Generate Your First Website with AI

At the core of Runner AI is the ability to turn your business idea into a complete website using prompts.

Step-by-Step Overview

Step 1: Create a Store Go to: Dashboard → Create Store After entering your store name, you'll be taken to the store builder.

Step 2: Enter a Prompt Describe what you want to build, for example:

  • "I want a handmade candle store with a soft, clean, creamy aesthetic."
  • "Create a Black Friday electronics promotion site with a countdown timer and discount sections."
  • "Generate a landing page to promote my AI course."

Step 3: Wait for Generation (usually takes seconds) Runner AI automatically generates:

  • Page structure
  • Images (if AI images are enabled)
  • Copy (headlines, descriptions)
  • Recommended modules
  • A cohesive design system

Step 4: Review and Edit Once generated, you can:

  • Adjust layouts
  • Replace images
  • Refine copy
  • Add modules
  • Create new pages

2. Prompt Optimization

The quality of your prompt directly affects the quality of the generated site.

Key Elements of a Strong Prompt

A well-structured prompt usually includes:

Business Type

  • "Pet supply store"
  • "Yoga apparel brand"

Design Style

  • "Minimal, clean, creamy tones"
  • "Dark, premium, futuristic"

Target Audience

  • "For US-based female consumers"
  • "Designed for professional photographers"

Functional Requirements

  • "Include a countdown module"
  • "Showcase high-resolution image galleries"

Prompt Enhance (Built-In Assistance)

If you start with a simple idea, such as:

"I want to build a pet supply website"

Runner AI will automatically enhance your prompt by expanding:

  • Site structure
  • Design direction
  • Module requirements
  • Copy tone
  • User scenarios

Press Tab to accept the enhanced prompt and continue.

Winter Clearance (Create a modern, mobile-first winter clothing clearance ecommerce website…)

Home Decor Boutique (Create a Home Decor Boutique with a chic, minimalist design…)

Remix a Shopify Theme (Remix Shopify impulse theme https://themes.shopify.com/themes/impulse/presets/impulse…)

Personal Brand Website (Create a modern, responsive founder-led ecommerce website…)

(Prompts shown above are officially recommended examples.)

3. Design Mode (Visual Editing)

Design Mode allows you to fine-tune your website visually—no code required.

Text Editing

You can:

  • Manually edit text
  • Adjust font, size, weight
  • Change color, alignment, and positioning
  • Use AI Rewrite to regenerate copy with a different tone

AI-powered edits consume Credits.

Image Editing

You have two options:

Upload Your Own Images Ideal for sellers with existing brand assets.

Generate or Replace with AI Images Ideal if you don't have visual materials.

Example prompt:

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

Runner AI will automatically replace the selected image.

4. Video Generation

Video generation is an advanced feature designed to boost engagement and SEO.

How to Generate a Video

Enter a prompt such as:

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

Runner AI will:

  • Generate the video
  • Insert it into the hero section
  • Configure autoplay, mute, and loop settings

Customizable Options

  • Thumbnail image
  • Playback behavior (autoplay, mute, loop)
  • Visual style (realistic, cinematic, brand-focused)

Availability & Cost

  • Available on Runner Plan and above
  • Each video consumes 10 Credits

5. Add New Modules

Modules determine page richness and SEO performance.

Available modules include:

  • Product category sections
  • FAQ
  • Testimonials
  • Text blocks
  • Image + text sections
  • Marketing popups (discounts, countdowns)
  • Email subscription blocks
  • Feature highlights
  • Brand story / About sections

Use cases:

  • Product launch pages
  • Campaign landing pages
  • Brand storytelling pages
  • SEO content pages (e.g. "Winter Outfit Guide")

Modules can be added without limits, no code required.

6. Build a Multi-Page Site Structure

A complete website typically includes more than just a homepage.

You can create:

Product Detail Pages

Including:

  • Product images
  • Descriptions
  • Specifications
  • Customer ratings
  • Recommended products
  • FAQ

Blog Pages

Used for SEO and content marketing, such as:

  • "How to choose the right yoga wear"
  • "Why natural candles are safer"

About Us Pages

Build brand trust and credibility.

Contact Pages

Provide customer support email and social links.

Runner AI can automatically generate full-page content for each.

7. Version History & Rollback

Every AI-generated change or manual edit is automatically saved as a version.

You can:

  • View all versions
  • Preview previous states
  • Restore any version with one click

Best for:

  • Testing different designs
  • Fixing mistakes
  • Reverting unwanted changes

8. FAQ

Q1: Can I fully customize the generated website? Yes. Nearly all layouts, images, and text are editable.

Q2: Why is video generation a paid feature? Video generation is resource-intensive and therefore classified as an advanced feature.

Q3: Who owns the rights to AI-generated images? You receive full commercial usage rights.

Q4: Can I use non-English prompts? Yes, but English prompts currently deliver the best results.