Construtor de Lojas com IA

O Construtor de Lojas com IA do Runner AI é um sistema automatizado de criação de sites de ponta a ponta que permite gerar um site de e-commerce pronto para vender a partir de uma descrição simples.

Diferente dos construtores de sites tradicionais, você não precisa:

• Escrever código
• Projetar layouts
• Aprender ferramentas complexas
• Começar de uma tela em branco

Com apenas um prompt, o Runner AI pode gerar:

• Página inicial (seção hero, blocos de produtos, estrutura de categorias)
• Páginas de produtos (se produtos forem adicionados)
• Paleta de cores e tipografia para todo o site
• Textos orientados à conversão
• Imagens e vídeos do site (opcional)
• Estrutura completa do site e framework de design

Após a geração, você pode ajustar tudo usando o editor visual ou otimizar ainda mais o conteúdo com prompts.

O Que Você Aprenderá

• O fluxo de trabalho de criação de lojas com IA
• Como escrever e otimizar prompts
• Uso do Modo Design (edição visual)
• Otimização de texto, imagens e layouts com IA
• Geração de vídeos para o site
• Adição de novos módulos
• Construção de estruturas de site multi-página
• Restauração de versões anteriores
• Perguntas frequentes

1. Gere Seu Primeiro Site com IA

No núcleo do Runner AI está a capacidade de transformar sua ideia de negócio em um site completo usando prompts.

Visão Geral Passo a Passo

Passo 1: Criar uma Loja Vá para: Dashboard → Criar Loja Após inserir o nome da sua loja, você será direcionado ao construtor de lojas.

Passo 2: Insira um Prompt Descreva o que você quer construir, por exemplo:

• "Quero uma loja de velas artesanais com uma estética suave, limpa e cremosa."
• "Crie um site de promoção de eletrônicos da Black Friday com timer de contagem regressiva e seções de desconto."
• "Gere uma landing page para promover meu curso de IA."

Passo 3: Aguarde a Geração (geralmente leva segundos) O Runner AI gera automaticamente:

• Estrutura da página
• Imagens (se imagens IA estiverem habilitadas)
• Textos (títulos, descrições)
• Módulos recomendados
• Um sistema de design coeso

Passo 4: Revise e Edite Uma vez gerado, você pode:

• Ajustar layouts
• Substituir imagens
• Refinar textos
• Adicionar módulos
• Criar novas páginas

2. Otimização de Prompts

A qualidade do seu prompt afeta diretamente a qualidade do site gerado.

Elementos-Chave de um Prompt Eficaz

Um prompt bem estruturado geralmente inclui:

Tipo de Negócio

• "Loja de produtos para pets"
• "Marca de roupas de yoga"

Estilo de Design

• "Minimal, limpo, tons cremosos"
• "Escuro, premium, futurista"

Público-Alvo

• "Para consumidoras americanas"
• "Projetado para fotógrafos profissionais"

Requisitos Funcionais

• "Incluir um módulo de contagem regressiva"
• "Exibir galerias de imagens em alta resolução"

Aprimoramento de Prompt (Assistência Integrada)

Se você começar com uma ideia simples, como:

"Quero construir um site de produtos para pets"

O Runner AI aprimorará automaticamente seu prompt expandindo:

• Estrutura do site
• Direção de design
• Requisitos de módulos
• Tom do texto
• Cenários de usuário

Pressione Tab para aceitar o prompt aprimorado e continuar.

Exemplos de Prompts Recomendados

Liquidação de Inverno (Crie um site moderno de liquidação de roupas de inverno, mobile-first...)

Boutique de Decoração (Crie uma Boutique de Decoração com design chique e minimalista...)

Remix de Tema Shopify (Remixe o tema Shopify impulse https://themes.shopify.com/themes/impulse/presets/impulse...)

Site de Marca Pessoal (Crie um site de e-commerce moderno e responsivo liderado pelo fundador...)

(Os prompts acima são exemplos oficialmente recomendados.)

3. Modo Design (Edição Visual)

O Modo Design permite ajustar seu site visualmente, sem código.

Edição de Texto

Você pode:

• Editar texto manualmente
• Ajustar fonte, tamanho e peso
• Alterar cor, alinhamento e posição
• Usar Reescrita IA para regenerar textos com diferentes tons

Recursos de edição com IA consomem créditos.

Edição de Imagens

Você tem duas opções:

Fazer upload das suas próprias imagens Ideal para vendedores com ativos de marca existentes.

Gerar ou substituir com imagens IA Ideal se você não tem materiais visuais.

Exemplo de prompt:

"Gere uma imagem hero de estilo de vida acolhedora com um fundo bege suave e luz solar natural."

O Runner AI substituirá automaticamente a imagem selecionada.

4. Geração de Vídeo

A geração de vídeo é um recurso avançado projetado para aumentar o engajamento e SEO.

Como Gerar um Vídeo

Insira um prompt como:

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

O Runner AI irá:

• Gerar o vídeo
• Inseri-lo na seção hero
• Configurar autoplay, mudo e loop

Opções Personalizáveis

• Imagem de miniatura
• Comportamento de reprodução (autoplay, mudo, loop)
• Estilo visual (realista, cinemático, focado em marca)

Disponibilidade e Custo

• Disponível no Runner Plan e superior
• Cada vídeo consome 10 créditos

5. Adicionar Novos Módulos

Os módulos determinam a riqueza da página e o desempenho de SEO.

Módulos disponíveis:

• Seções de categorias de produtos
• FAQ
• Depoimentos
• Blocos de texto
• Seções de imagem + texto
• Popups de marketing (descontos, contagem regressiva)
• Blocos de assinatura de email
• Destaques de recursos
• História da marca / Seção Sobre

Casos de uso:

• Páginas de lançamento de produtos
• Landing pages de campanhas
• Páginas de storytelling da marca
• Páginas de conteúdo SEO (ex., "Guia de Looks de Inverno")

Os módulos podem ser adicionados sem limite e sem código.

6. Construir Estrutura de Site Multi-Página

Um site completo geralmente inclui mais do que apenas a página inicial.

Você pode criar:

Páginas de Detalhes do Produto

Incluem:

• Imagens do produto
• Descrição
• Especificações
• Avaliações de clientes
• Produtos recomendados
• FAQ

Páginas de Blog

Usadas para SEO e marketing de conteúdo, por exemplo:

• "Como Escolher a Roupa de Yoga Certa"
• "Por Que Velas Naturais São Mais Seguras"

Página Sobre Nós

Constrói credibilidade e confiança na marca.

Página de Contato

Fornece email de suporte ao cliente e links sociais.

O Runner AI pode gerar automaticamente conteúdo completo para cada página.

7. Histórico de Versões e Rollback

Todas as alterações geradas por IA e edições manuais são salvas automaticamente como versões.

Você pode:

• Ver todas as versões
• Pré-visualizar estados anteriores
• Restaurar qualquer versão com um clique

Ideal para:

• Testar diferentes designs
• Corrigir erros
• Desfazer alterações indesejadas

8. FAQ

P1: Posso personalizar completamente o site gerado? Sim. Quase todos os layouts, imagens e textos são editáveis.

P2: Por que a geração de vídeo é um recurso pago? A geração de vídeo consome muitos recursos, por isso é classificada como recurso avançado.

P3: Quem possui os direitos das imagens geradas por IA? Você obtém direitos completos de uso comercial.

P4: Posso usar prompts em idiomas diferentes do inglês? Sim, embora prompts em inglês atualmente forneçam os melhores resultados.