Crie sua primeira loja, passo a passo

Acompanhe o exemplo de uma loja de velas, do login à primeira prévia, uma alteração específica e as verificações antes de publicar. Inclui capturas de tela e vídeos curtos.

Crie uma vitrine que você possa revisar, alterar e preparar para compartilhar. Siga as etapas na ordem ou use o índice para voltar à etapa que precisa.

O exemplo é Quiet Mornings, uma loja de velas artesanais. Você pode usar sua própria ideia de negócio. As capturas de tela e os vídeos sem som mostram a interface em inglês; as perguntas e os controles disponíveis podem variar conforme a loja.

Caminho de acesso: Runner AI → Começar → faça login → seu espaço de trabalho.

O caminho resumido

Abra o menu do nome da loja → Criar loja (ou + Loja em um espaço de trabalho vazio). Escolha Criar novo se aparecer, ou Conectar Shopify para uma loja Shopify existente.
Na conversa do projeto, descreva seu negócio, público, estilo visual e páginas necessárias. Envie a solicitação e responda às perguntas do Runner.
Quando a primeira versão estiver pronta, abra Loja virtual e confira a prévia. Uma prévia pronta ainda não é pública.
Quando estiver pronto para lançar, selecione Publicar e resolva todos os requisitos antes de confirmar. A publicação e o funcionamento do checkout devem ser verificados separadamente.

Antes de começar

Use um e-mail ou uma conta do Google que você possa acessar.
Escolha um espaço de trabalho com capacidade para outra loja e créditos suficientes para a solicitação. Resolva qualquer limite de plano ou acesso antes de criar outra loja.
Prepare uma frase sobre o que você vende e quem compra. Refine o design depois da primeira prévia.

Você não precisa conectar um provedor de pagamentos para revisar uma vitrine. Visualização, publicado e pronta para aceitar pagamentos são verificações separadas.

Abra o Runner e selecione Começar. Se já estiver conectado, selecione Abrir workspace.
Selecione Continuar com Google e escolha sua conta, ou informe seu E-mail, selecione Continuar e digite o código do e-mail do Runner.
Responda às perguntas sobre a conta, se aparecerem. O Runner abre seu espaço de trabalho ou volta à página onde você começou.

Anotações em inglês: O formulário de login com E-mail, Continuar e Continuar com Google

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Confira: Você consegue abrir seu espaço de trabalho sem voltar ao login. Consulte Fazer login se um código ou a escolha da conta falhar.

2. Crie uma loja

Selecione o nome da loja no topo da barra lateral esquerda e depois Criar loja. Expanda a barra lateral primeiro se estiver recolhida. Em um espaço vazio, use a ação Criar loja ou + Loja que aparecer.
Escolha Criar novo se o formulário oferecer essa opção. Use Conectar Shopify para manter uma loja Shopify existente.
Digite Quiet Mornings em Nome da loja, ou use seu próprio nome.
Selecione Criar e espere a nova loja abrir. Não selecione Criar novamente enquanto a operação estiver em andamento.

Anotações em inglês: Abra o menu do nome da loja e selecione Criar Loja

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Confira: A barra lateral mostra o nome da nova loja. Criar a loja ainda não constrói nem publica sua vitrine.

3. Descreva a primeira versão

Selecione Loja virtual. Se ainda não houver uma versão construída, o Runner mostra um campo para descrever a aparência desejada. Você também pode usar a conversa da nova loja.
Copie este exemplo no campo e adapte os detalhes do negócio:

Build a store for Quiet Mornings, a handmade candle brand for people
who enjoy slow mornings. Use warm cream colors, forest-green accents,
and spacious product photography. Include a homepage, product pages,
About, and Contact. Start with three sample candles: Morning Light,
Cedar Cabin, and Lavender Dusk. Keep the store unpublished.

Selecione a seta de envio (Enviar mensagem). Se a tela inicial mostrar Começar a construir, use essa ação.
O Runner abre a conversa de criação e começa a trabalhar. Permaneça nesta loja enquanto revisa o resultado.

Confira: Sua solicitação aparece na conversa. Um indicador de progresso ou uma pergunta complementar aparece abaixo dela. Os produtos de exemplo servem para praticar; substitua os dados antes de vendê-los.

4. Responda às perguntas e acompanhe o trabalho

Leia cada pergunta. Selecione uma resposta ou use Outro… para escrever a sua.
Responda às perguntas restantes. Neste exemplo, escolhemos o preço das velas e um estilo de fotografia.
Espere o Runner continuar. Abra Detalhes quando precisar entender uma etapa com falha ou bloqueada.

Anotações em inglês: Uma pergunta complementar pede o preço das três velas de exemplo

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Vídeo: responda às perguntas complementares

O vídeo seleciona um preço, avança para a pergunta sobre fotografia e escolhe uma direção visual. Respondido confirma as escolhas e o Runner retoma o trabalho. As perguntas dependem da sua solicitação.

Confira: Nenhuma pergunta ainda espera sua resposta. Uma mensagem de conclusão não basta: abra a vitrine e inspecione o que realmente carrega.

5. Confira a prévia e faça uma alteração

Anotações em inglês: A vitrine Quiet Mornings em Runner, com a versão atual e controles de visualização

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Abra Loja virtual ou selecione Visualização no cartão de criação concluída, quando essa ação estiver disponível.
Espere a loja aparecer. Preparando a prévia… significa que ela ainda não está pronta para revisão.
Abra a página inicial, um produto, Sobre e Contato. Confira os textos, as imagens, os preços e a navegação.
Use o controle de dispositivo para verificar PC, Tablet e Telefone. Procure textos cortados, botões sobrepostos e rolagem horizontal.
Volte à conversa e peça uma única alteração específica:

Change the homepage headline to “Make room for a slower morning.”
Keep the colors, layout, and product information unchanged.

Espere a alteração, reabra a prévia atual e confirme que o novo título está visível. Verifique Telefone novamente.

Confira: Você consegue identificar a alteração solicitada na prévia. A loja continua sem publicação. Se estiver disponível, o Modo Design também permite selecionar um elemento para uma edição específica.

Anotações em inglês: A versão 2 mostra o título solicitado, Abra espaço para uma manhã mais lenta

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Vídeo: confira os layouts de computador e telefone

O controle de dispositivo alterna de PC para Tablet, depois para Telefone e volta para PC. Apenas a moldura da prévia muda; essa ação não publica nem edita sua loja.

6. Revise as verificações de publicação

A publicação pode exigir um plano pago ou acesso adicional ao espaço de trabalho. Se Publicar abrir uma mensagem de upgrade, confira os planos atuais ou volte à prévia. Resolva esse requisito de acesso antes de esperar a confirmação de publicação.

Anotações em inglês: A verificação de compilação passou, mas um aviso de configuração incompleta mantém Confirmar desabilitado

As anotações em inglês indicam os controles. Selecione a imagem para ampliá-la.

Selecione Publicar na barra de ferramentas da Vitrine. Isso inicia as verificações de acesso e preparação; não comprova que a loja está no ar.
Leia Confirmar Implantação e espere a verificação de compilação.
Resolva os itens exibidos. Corrigir com IA solicita um reparo, Tentar verificação novamente executa a verificação outra vez e Abrir Operações da loja leva à configuração, quando disponível.
Se estiver praticando, selecione Cancelar. Para tornar esta versão pública, revise os avisos e selecione Confirmar somente quando o botão estiver habilitado.
Após confirmar, espere uma publicação bem-sucedida, abra a URL pública e confira as páginas no ar. Se a publicação falhar, não presuma que suas alterações foram publicadas.

Na captura, a verificação de compilação passa, mas a configuração ainda precisa de atenção. Publicar mesmo assim — vou terminar a configuração depois., quando disponível, confirma que você aceita a configuração pendente listada; não conclui esse trabalho.

Vídeo: saia das verificações sem publicar

O vídeo revisa o resultado da compilação e o aviso de configuração, depois seleciona Cancelar e volta à prévia. Ele não publica a loja de exemplo.

Confira: Uma prévia que funciona comprova que você consegue ver a versão construída. Uma publicação bem-sucedida e uma URL pública funcionando comprovam que os visitantes podem acessá-la. Você ainda precisa conectar o provedor de pagamentos e verificar o checkout antes de aceitar pedidos.

Consulte Preparar a publicação para produtos, frete, políticas e outras configurações. Continue com Publicar e republicar e Loja no ar e checkout.

Se uma etapa não terminar

O que você vê	Seu próximo passo
Ainda não há loja	Abra o menu do nome da loja ou a ação de criação do espaço vazio.
Um limite de lojas ou do plano	Revise o plano do espaço de trabalho ou escolha um com capacidade disponível. Repetir Criar não remove o limite.
Uma pergunta aguardando resposta	Responda para que o Runner possa continuar.
Preparando a prévia	Mantenha a versão atual aberta. Use Atualizar, se disponível, quando a preparação parar de avançar.
Resultados com falha, interrompidos ou contraditórios	Abra Detalhes, leia o problema pendente e confira a prévia real. Peça ao Runner para corrigir o problema específico sem presumir que o resumo de sucesso seja suficiente.
Confirmar está desabilitado	Conclua a compilação ou a tarefa ativa e resolva os requisitos listados. “Sem alterações” exige uma nova alteração salva; não é um aviso que você pode dispensar.
Uma loja no ar não aceita pagamentos	Conclua a conexão do provedor e a configuração do checkout em Aplicativos ou na tela após a publicação.