Nesta documentação

Clubes e catálogo

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.

Ver esta página em markdown, pronta para colar em um assistente de IA.

Atualizada em

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.

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ãoO que faz
Salvar Rascunhoguarda o trabalho. O site público continua como estava
Pré-visualizarabre o rascunho em outra aba, como o público veria
Publicaraplica o rascunho ao site público
Descartarjoga o rascunho fora e mantém o que está no ar

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.

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çãoPara que servePode repetir
Bannera primeira dobra, com imagem, título, subtítulo e um botão opcionalsim
Sobre a empresablocos curtos com ícone, título e descriçãosim
Depoimentosfoto, nome, informação, texto e uma nota de 0 a 10sim
Perguntas Frequentespares de pergunta e respostasim
Produtos/Checkouta vitrine dos planosfixa
Rodapéo pé da páginafixa

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.

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çãoDimensões
Bannerentre 1200×600 e 3840×2160 px
Depoimentosentre 64×64 e 200×200 px
Sobre a empresaentre 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 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.

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 para conectar um quiz externo à plataforma.

landing page, página de vendas, tema, rascunho, publicar, CMS, HTML, arquivos estáticos