> ## Documentation Index
> Fetch the complete documentation index at: https://docs.centralcart.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Editar com Codex

> Use o Codex (OpenAI) para personalizar seu template da CentralCart.

## Guia em vídeo

<iframe width="100%" height="422" src="https://www.youtube.com/embed/jG4v9DU1fwY" title="Como modificar seu site usando o CODEX" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen />

O **Codex** é o agente de programação da OpenAI, capaz de ler, entender e editar os arquivos do seu template diretamente no seu computador. Combinado com o [Editor Local (CLI)](/editor/editor-local), você descreve o que quer e o Codex faz as alterações no código.

## Pré-requisitos

* Ter baixado os arquivos do template com o [Editor Local (CLI)](/editor/editor-local) (`npx centralcart-editor`)
* Conta na [OpenAI](https://openai.com) com acesso ao Codex

## Como usar

<Steps>
  <Step title="Baixe os arquivos do template">
    Rode o comando do editor local para baixar os arquivos da sua loja para uma pasta no seu computador:

    ```bash theme={null}
    npx centralcart-editor
    ```
  </Step>

  <Step title="Abra a pasta com o Codex">
    Use o [Codex](https://developers.openai.com/codex) (no terminal ou na extensão do VS Code) e aponte para a pasta do template. O Codex vai ler a estrutura de arquivos do projeto.
  </Step>

  <Step title="Descreva o que você quer">
    Peça as alterações em linguagem natural. Por exemplo:

    > "Adicione um banner de promoção no topo da página inicial com fundo verde."

    > "Crie uma seção de depoimentos de clientes abaixo da lista de produtos."
  </Step>

  <Step title="Revise e salve">
    O Codex edita os arquivos HTML, CSS e JavaScript. Salve as alterações e o Editor Local sincroniza com a sua loja.
  </Step>
</Steps>

## Dicas

* Sempre informe ao Codex que o projeto usa a engine **Liquid** com a sintaxe da CentralCart. Consulte a [Sintaxe](/editor/sintaxe), as [Tags](/editor/tags) e as [Variáveis Globais](/editor/variaveis-globais) para orientar melhor o assistente.
* Faça uma alteração por vez e use o **preview ao vivo** para conferir o resultado.
* Exporte seu template como ZIP antes de grandes mudanças, para ter um backup.

<Check>
  Ficou com dúvidas? Fale com a nossa equipe de suporte no
  [WhatsApp](https://api.whatsapp.com/send/?phone=5515992647447\&text=Ol%C3%A1%2C+tenho+d%C3%BAvidas+sobre+a+CentralCart\&type=phone_number\&app_absent=0)
  ou [Discord](https://centralcart.com/discord).
</Check>