# Como criar um Editor

É possível disponibilizar ao lojista opções de personalização do tema, deixando-o infinitamente mais flexível, versátil e atraente.

Você pode disponibilizar aos usuários opções que podem envolver: troca de títulos, posicionamento de colunas no layout, cores, imagens e outras infinitas opções, tendo como limite apenas sua criatividade.

Se você deseja criar um painel de customização no seu tema, será necessário seguir os passos abaixo:

{% hint style="success" %}
***Observação:** Se o tema já possui o botão "Editar Tema", poderá pular para o* [*2º passo*](#2o-passo) *e editar os arquivos que já estão presentes na pasta* `configs/`*.*
{% endhint %}

## ***1º Passo***

Crie os dois arquivos a seguir dentro da pasta *<mark style="background-color:blue;">**/configs**</mark>* que está na raiz do seu tema.

&#x20;***settings.html***

***settings.json***&#x20;

## ***2º Passo***

Você deverá inserir em cada um dos arquivos recém criados as opções de customização desejadas, para isso você deve seguir o padrão abaixo.

*Saiba como inserir as customizações no arquivo* [***settings.html clicando aqui*** ](/themes/construindo-seu-template/editor-do-tema/editor/settings.html.md)*e no arquivo* [***settings.json clicando aqui.***](/themes/construindo-seu-template/editor-do-tema/settings-json.md)

## ***3º Passo***

Após a criação dos arquivos, um novo botão *(**Edita Tema**)* irá aparecer nas opções do tema de sua loja virtual

![](/files/tgvT1cTdqCZgQA7rJcfL)

Ao clicar neste novo botão o usuário será direcionado para a página de customização, onde será possível selecionar os modelos pré-definidos, alterar seus valores e publicá-los no tema em questão.

![](/files/0XlomdOCdob3ciJRDClf)

Após as alterações serem enviadas é possível utilizar a variável **`settings`** no código html do tema. Veja mais sobre como utilizar o [settings clicando aqui](/themes/construindo-seu-template/referencias/objetos/settings.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://partners.tray.com.br/themes/construindo-seu-template/editor-do-tema/editor/como-criar-um-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
