Desenhe sua página pública (Construtor de página)

O Construtor de página é onde você desenha a face pública do seu estúdio — a página que os alunos abrem em /s/[seu-slug] (ou no seu domínio próprio). Abra-o na barra lateral.

É preciso a permissão settings.general.manage.

Páginas com várias abas

Sua página pode ter uma ou mais abas — por exemplo "Agenda" e "Mensalidades". Cada aba é uma pilha de blocos. No mobile as abas viram uma barra inferior para o aluno deslizar entre elas.

Biblioteca de blocos

| Bloco | O que faz | |------|-----------| | Hero | Banner grande com título, subtítulo e CTA | | Texto | Seção de texto rico (títulos, listas, links) | | Agenda | Lista de aulas embutida com filtros e reserva direta | | Calendário | Visão de calendário (semana ou mês) | | Reservas | Alunos logados veem suas próximas reservas | | Assinaturas | Lista planos ativos para compra | | Créditos | Lista pacotes para compra | | Galeria | Galeria de imagens com legendas | | Lista de instrutores | Mostra seu time | | HTML | HTML customizado para usos avançados | | CSS personalizado | Injeta CSS escopado na página do aluno |

Arraste para reordenar. Cada bloco tem painel de configuração (background, padding, alinhamento).

Tema

O painel de tema define padrões em todos os blocos: cor primária, fundo, fonte, formato de botão, largura máxima. Blocos individuais podem sobrescrever.

SEO

Defina título da página, meta description, imagem OG e canonical no painel de SEO. Eles alimentam como sua página aparece em buscas e prévias sociais.

Rascunhos e publicação

Edições salvam como rascunho automaticamente. O rascunho é invisível para alunos até você clicar em Publicar. Após publicar, a versão anterior é guardada em Histórico de versões (últimas 20) — você pode reverter quando quiser.

Pré-visualização

O painel de prévia mostra exatamente como o aluno vê. Você também pode visitar a URL pública com ?ckPagePreview=1 (somente admin) para ver o rascunho não publicado.

Otimização de imagens

Imagens enviadas ficam no S3 e são renderizadas com Next/Image, então são cortadas e comprimidas por dispositivo. Imagens órfãs (sem bloco referenciando) são limpas periodicamente.

Relacionados

• Identidade e página do aluno
• Configurações do estúdio
• Agenda