Editar conteúdo, páginas e mídia

Navegue até uma página da loja, atualize o conteúdo ou imagens visíveis e salve o resultado.

Caminho de entrada: Espaço de trabalho → selecione uma loja → Vitrine → abra a página da loja de destino → Modo Design → selecione um elemento

Prévia e controles da loja Runner

O que este guia cobre

Abra a página exata da loja que deseja alterar, edite um elemento de texto, layout ou mídia suportado e verifique o resultado salvo antes de publicar.

Por que e quando usar este fluxo de trabalho

Use este fluxo de trabalho para polimento no nível da página: corrigir texto, alterar tipografia, ajustar espaçamento, substituir uma foto, gerar uma imagem alternativa ou remover um elemento desnecessário. Mantém a página de destino e o elemento selecionado claros.

Para alterações no comportamento de navegação, dados de produtos, checkout ou várias páginas de uma vez, envie uma solicitação regular ao Runner em vez de depender apenas dos controles visuais.

Disponibilidade e pré-requisitos

Usar o Modo de Design explica como abrir o editor, o requisito de layout de desktop e quando o controle fica indisponível.
Alguns elementos gerados ou dinâmicos não podem ser editados inline. Runner mostra menos controles para esses elementos.
A geração de imagens por IA pode usar créditos. Runner mostra o aviso aplicável no painel de imagem antes de executá-lo.

Abra a página e o editor

Abra seu projeto e selecione Vitrine.
Na Preview normal, selecione links da loja para chegar à página desejada.
Se você conhecer a rota, selecione o campo de caminho, insira um caminho do mesmo site como /about e pressione Enter.
Confirme se a página correta está visível.
Selecione Modo Design e depois selecione o elemento de destino.

Controles de mídia

Usar o Modo de Design documenta os controles compartilhados Pergunte ao Runner AI, Spacing, Text, Delete Element, Undo, Redo e Salvar. Os controles abaixo aparecem apenas quando o elemento selecionado suporta mídia.

Controle	O que muda	O que acontece quando você o usa
Image → Upload	Uma imagem selecionada ou imagem de fundo suportada.	Selecione Enviar imagem, escolha um arquivo de imagem e Runner substitui a mídia selecionada após o upload ser bem-sucedido. O limite atual mostrado pelo produto é 5 MB por imagem.
Image → AI-generated	Uma imagem de substituição gerada.	Insira um prompt e selecione Executar. Após o primeiro resultado, Executar novamente solicita outro resultado e Histórico abre resultados desta sessão de edição.
Histórico	Imagens geradas da sessão atual de edição de imagem.	Selecione um item para inspecioná-lo. Restaurar esta versão aplica essa imagem e seu prompt; o ícone de download baixa um resultado individual.

Edite uma página com segurança

Registre o caminho da página atual para poder retornar a ele.
Selecione o elemento e verifique quais controles aparecem. Os controles variam por elemento.
Faça uma alteração por vez, depois use Desfazer, Refazer ou Histórico de imagem para comparar o resultado antes de selecionar Salvar.
Aguarde a conclusão da ação de salvar ou solicitação do Runner escolhida.
Feche Design Mode, reabra a página e revise-a nos layouts PC, Tablet e Telefone.
Repita para a próxima página apenas após a primeira página estar correta.

Estados, limites e solução de problemas

O que você vê	Significado	O que fazer
Um elemento selecionado tem apenas alguns controles	Runner expõe controles suportados por esse elemento.	Use o controle disponível ou peça ao Runner no chat para uma alteração mais ampla.
Upload rejeitado	O arquivo está faltando, não é uma imagem, excede o limite exibido ou o upload falhou.	Escolha outra imagem e tente novamente.
Gerando…	Runner está criando a imagem solicitada.	Mantenha o painel aberto até que termine ou relate falha.
Histórico está ausente	Nenhuma imagem gerada por IA existe nesta sessão de edição ainda.	Gere a primeira imagem ou faça upload da sua própria.
A rota não abre	O caminho é inválido, externo ou não faz parte da visualização.	Retorne a `/`, use um link visível da loja ou peça ao Runner para criar ou reparar a página.
A página salva difere no celular	A edição afetou um layout responsivo.	Reabra Design Mode ou peça ao Runner uma correção específica do dispositivo antes de publicar.