O que é o Editor de Código da Área de Membros?

O Editor de Código é uma funcionalidade avançada que permite personalizar completamente o layout da sua Área de Membros na Kiwify, utilizando HTML, CSS e Liquid.

Diferente do editor padrão (que permite trocar cores, imagens, textos e organizar seções), o editor de código permite alterar diretamente os arquivos do tema, dando liberdade total para modificar a aparência e a experiência dos seus alunos.

Como acessar o Editor de Código?

Ao acessar a área de membros, clique em Personalizações para abrir o editor padrão. Em seguida, clique no botão </> para abrir o Editor de Código.

Além disso, você pode selecionar uma seção específica e abrir o Editor de Código diretamente nessa seção:

Para quem é indicado?

O Editor de Código é ideal para produtores com conhecimento técnico ou que contam com o apoio de programadores. Ele é recomendado para quem precisa de maior liberdade de personalização, com um visual exclusivo e funcionalidades além do que o editor visual tradicional oferece.

Caso você queira apenas personalizar a sua área de membros com as funcionalidades que já existem, você pode seguir o passo a passo a seguir: Como personalizar a área de membros completa.

O que posso editar?

• Estrutura da página (HTML): permite reorganizar seções, criar novos blocos, alterar a disposição dos elementos.
• Estilos (CSS): possibilita ajustar cores, fontes, tamanhos e espaçamentos.
• Conteúdo dinâmico (Liquid): permite usar dados da plataforma para exibir conteúdos de forma condicional.

Atenção: Como você esta editando o tema diretamente via código, existe o risco de quebrar o layout da área de membros, tornar o conteúdo inacessível para os alunos ou gerar falhas na navegação.

Mas, não se preocupe, pois se algo der errado, basta abrir o seletor de versões dentro do editor, escolher a versão original e tudo será revertido para o estado inicial.

Limitações

• Não tem suporte para JavaScript: qualquer script adicionado será salvo como texto e não será executado.
• Não tem suporte para Iframe: por questões de segurança, conteúdos de outros sites não podem ser embutidos.

E como funciona no aplicativo da Kiwify?

Personalizações via código não são compatíveis com o aplicativo. Sempre que uma alteração no código for feita, a sincronização será desativada e, com isso, você poderá editar o layout do aplicativo de forma isolada ao da web.

Documentação técnica

Para entender como utilizar Liquid, HTML e CSS corretamente dentro do editor, acesse a Documentação Técnica Oficial da Kiwify.

Perguntas Frequentes

Não sei programar. Posso usar mesmo assim?

Sim, mas é recomendável ter noções básicas de HTML e CSS.

Para mudanças mais avançadas, recomendamos o apoio de um desenvolvedor.

Posso usar JavaScript ou iframe?

Não. Por questões de segurança, JavaScript e iframe são bloqueados.

Se você colar um desses códigos, eles serão salvos como texto e não funcionarão.

Onde fica o botão de restaurar?

Dentro do editor de código, no canto superior da tela.

Basta clicar em "Atual" e selecionar para qual versão você deseja retornar.

Atualizado em: 26/08/2025