# Loja e tema do site > Como editar a página de vendas do clube com rascunho e publicação, quais temas e seções existem, e quando usar um HTML personalizado. _Seção: Clubes e catálogo · Atualizada em 27 de agosto de 2026 · Página: https://trioassinaturas.com.br/docs/catalogo/loja-e-tema_ A loja é a página pública do clube: onde a pessoa entende a proposta, vê os planos e clica para assinar. Ela é editada em **Website → Tema do Website**. O editor de tema reescreve a página que o público vê, então quem é Membro não o enxerga no menu. Veja [Equipe e acessos](/docs/primeiros-passos/equipe-e-acessos). Há dois caminhos, e você escolhe um deles: um tema pronto, ou um HTML seu. ## Você sempre edita um rascunho **Nada vai ao ar sem você publicar.** É o que define o jeito de trabalhar nesta tela: salvar guarda o trabalho no rascunho, e só o botão Publicar toca na página que o público vê. | Botão | O que faz | | ------------------- | ------------------------------------------------------ | | **Salvar Rascunho** | guarda o trabalho. O site público continua como estava | | **Pré-visualizar** | abre o rascunho em outra aba, como o público veria | | **Publicar** | aplica o rascunho ao site público | | **Descartar** | joga o rascunho fora e mantém o que está no ar | O rascunho não expira e não precisa ser terminado de uma vez. Você pode montar a página nova ao longo da semana, salvando quantas vezes quiser, e publicar só quando estiver pronta. ### O link de pré-visualização **Pré-visualizar** abre o rascunho. O link carrega um código de acesso próprio, então **quem receber o link consegue abrir sem ter conta na plataforma**. É o jeito de mostrar a página nova para um sócio, um cliente ou o designer antes de publicar. O código está preso ao rascunho atual. Ao publicar ou descartar, todo link de prévia que você compartilhou para de funcionar, e um novo precisa ser copiado da tela. ## Caminho 1: o tema pronto São seis temas, cada um com tipografia, cores e textos de seção próprios: **Café**, **Livros**, **Vinhos**, **Vinil**, **Arte** e **Retrô**. Você não mexe em código: escolhe o tema no alto da tela e monta a página ligando e preenchendo seções. | Seção | Para que serve | Pode repetir | | ------------------------ | ------------------------------------------------------------------- | ------------ | | **Banner** | a primeira dobra, com imagem, título, subtítulo e um botão opcional | sim | | **Sobre a empresa** | blocos curtos com ícone, título e descrição | sim | | **Depoimentos** | foto, nome, informação, texto e uma nota de 0 a 10 | sim | | **Perguntas Frequentes** | pares de pergunta e resposta | sim | | **Produtos/Checkout** | a vitrine dos planos | fixa | | **Rodapé** | o pé da página | fixa | As duas últimas são automáticas: a plataforma as monta a partir dos seus planos e dos dados da empresa, e você não edita o conteúdo delas. Você não edita essa seção, mas **deve mantê-la ligada**. Sem ela a loja fica sem os cartões de plano, e sem os botões de assinar. O interruptor não é “esconder”: ao salvar, o conteúdo das seções desligadas é descartado. Se você quer só tirar do ar temporariamente uma lista de depoimentos que deu trabalho, guarde o texto em outro lugar antes. ### Regras de imagem As imagens são **opcionais em todas as seções**. Quando você não sobe imagem, cada tema tem um bloco de cor ou um recorte próprio no lugar, e a página continua correta. Quando você sobe uma imagem, ela é validada: | Seção | Dimensões | | ------------------- | ---------------------------------------- | | **Banner** | entre 1200×600 e 3840×2160 px | | **Depoimentos** | entre 64×64 e 200×200 px | | **Sobre a empresa** | entre 64×64 e 200×200 px, e **quadrada** | Todas aceitam JPEG, PNG ou WebP, até 10 MB. Sempre preencha o texto alternativo: é o que leitores de tela descrevem e o que o Google lê. ### O tema também colore o checkout Cada tema tem uma paleta, e o [checkout](/docs/vendas/checkout) usa a cor do tema que estiver **publicado**: cobre no Café, azul no Livros, bordô no Vinhos, laranja no Vinil, índigo no Arte, vermelho no Retrô. Assim a pessoa não sente que mudou de site na hora de pagar. Como vale o tema publicado, e não o rascunho, a cor do checkout só muda quando você clica em Publicar. Clubes com HTML personalizado ficam com a paleta padrão da plataforma. ## Caminho 2: HTML personalizado Se você quer controle total, ou já tem uma página feita por alguém, dá para subir um arquivo **HTML** (até 20 MB) como tema. Nesse modo a plataforma serve o seu HTML como página inicial do clube. O upload também respeita o fluxo de rascunho: o arquivo fica no rascunho até você publicar. A plataforma não deixa ter um tema selecionado e um HTML personalizado ao mesmo tempo. Ao subir o HTML você abandona as seções do tema, e para voltar basta marcar **Remover tema HTML personalizado** e publicar. Duas coisas funcionam também no modo HTML, e vale saber: - Os **códigos de rastreamento** (Meta Pixel, Google Tag Manager) são injetados automaticamente. Você não precisa colar os scripts no seu HTML. - Você pode hospedar os arquivos que a página precisa (CSS, imagens, um quiz em HTML) em **Arquivos Estáticos**, no painel. ## Arquivos estáticos A tela fica em **Website → Arquivos Estáticos** e aceita arquivos de até **20 MB**: HTML, CSS, JavaScript, JSON, XML, texto, CSV, PDF, imagens (JPEG, PNG, GIF, WebP, SVG, ícones) e fontes (WOFF, WOFF2, TTF, OTF). Cada arquivo tem uma **Chave**, que é o que aparece no endereço público `/static/(chave)`, e um controle de **Permitir download?** (se o arquivo abre no navegador ou baixa direto). A chave aceita letras, números, `_`, `-`, `/` e `.`, sem espaços nem acentos, e pode ter “pastas”: `css/custom.css` funciona. É o lugar certo para páginas de campanha, um regulamento em PDF ou o quiz que alimenta a captação de leads. Veja [Formulários e emails](/docs/recursos/formularios-e-emails) para conectar um quiz externo à plataforma. Um arquivo com a chave `promo.html` também responde em `/static/promo`. É o que usar para divulgar um endereço mais limpo numa campanha. Não existe ação de excluir nesta tela: dá para editar um arquivo e trocar o conteúdo dele, mas não para removê-lo. Se você precisa tirar algo do ar, contate o suporte.