> For the complete documentation index, see [llms.txt](https://ereemby.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ereemby.gitbook.io/docs/desenvolvedores/editor-html.md).

# Editor HTML

Use o Editor HTML para montar páginas com HTML próprio e inserir componentes prontos.

### Onde dá para editar HTML

Você só consegue editar o HTML em:

* **Home (`/`)**
* **Páginas novas** criadas em **Customizar layout**

Você **não** consegue editar o HTML de páginas já existentes do sistema. Nelas, use **JavaScript global** e **CSS global**.

### Como criar uma página e abrir o Editor HTML

{% stepper %}
{% step %}

### Abra o dashboard

Entre no dashboard da sua loja.
{% endstep %}

{% step %}

### Acesse “Customizar layout”

Clique em **Customizar layout** (ícone de pincel).
{% endstep %}

{% step %}

### Crie a página

Crie uma **nova página**. Depois, abra essa página para editar.
{% endstep %}

{% step %}

### Edite o HTML

Entre no **Editor HTML**. Cole seu HTML e/ou componentes.
{% endstep %}

{% step %}

### Salve e publique

Salve as alterações. Recarregue o site para validar.
{% endstep %}
{% endstepper %}

### Componentes prontos

Os componentes funcionam via `id` (você cola um `div` vazio).

Abrir lista completa: [Componentes](/docs/desenvolvedores/editor-html/componentes.md)