O que seus clientes veem na página pública

Sua página pública é o lugar aonde seus clientes chegam pelo seu link (citauno.com/seu-negocio). É o que define a primeira impressão e a conversão em reserva. Esta é a referência completa de como ela se apresenta e quais opções tem.

As duas URLs públicas

https://citauno.com/<seu-slug>                     ← o perfil
https://citauno.com/businesses/<seu-slug>/book     ← a página de reservas

Exemplos: citauno.com/bella-studio e citauno.com/businesses/bella-studio/book.

O perfil é a página que este artigo descreve: capa, serviços, endereço, horários. A página de reservas é o formulário em si, e é a que o botão “Copiar link” do painel copia.

A URL é permanente: não existe um campo para trocar o slug pelo painel, e se a equipe da Citauno trocar a pedido, a antiga redireciona (301) para a nova em vez de quebrar. Compartilhe-a à vontade — WhatsApp, Instagram, QR, código na loja, assinatura de e-mail.

Estrutura da página

1. Hero / capa

• Imagem de capa que você carregou nas Configurações (16:9, recomendado 1600x900).
• Logo flutuante no canto inferior esquerdo sobre a imagem.
• Categoria do negócio em maiúsculas (ex.: “CABELO E PENTEADO”).
• Nome do negócio em H1.
• Descrição curta.
• Botão “Reservar agora” no lado direito, que abre o fluxo.

2. Informações do negócio (barra lateral)

Não é uma grade horizontal: é uma coluna lateral à direita (abaixo do conteúdo no celular), com um card por bloco:

3. Serviços

Lista de serviços agrupada por categoria, se você as usar. Cada serviço mostra:

• Foto (se você subiu).
• Nome e duração.
• Preço.
• Botão “Reservar” próprio, que inicia o fluxo com esse serviço já escolhido.
• Descrição curta, e a descrição longa atrás de um “Mais informações” que a expande.

4. Perguntas frequentes

Até três perguntas com sua resposta, montadas com os seus próprios dados e que abrem ao tocar: como reservar (aparece sempre), onde fica (com o endereço da sua filial principal — rua, bairro e cidade —, só se você o preencheu) e quais serviços você oferece (com os seis primeiros serviços ativos). Não usa os seus horários nem a sua política de cancelamento. É conteúdo visível e ainda alimenta a marcação FAQPage que o Google lê.

5. Equipe e avaliações: o que existe hoje

O que existe de fato:

• Sua equipe aparece durante a reserva, não no perfil. Se você tem “Mostrar seleção de profissional” ativado, o passo de profissional mostra foto, nome e cargo de cada um.
• As avaliações podem ser deixadas e ficam salvas. O cliente com conta as envia pela reserva dele; você as vê acessando /admin/<seu-negocio>/reviews. Quando voltarem a aparecer, você já vai ter o histórico.
• Se você quer mostrar sua equipe hoje, o lugar é a descrição do negócio ou a descrição longa de cada serviço.

6. Rodapé

O rodapé é o do site Citauno, não um seu: links de produto, recursos e jurídico, o seletor de idioma (ES / PT / EN) e o copyright. Não existe um rodapé por negócio com as suas redes nem um botão “Reservar” ali embaixo.

Fluxo de reserva

Não são oito telas: é uma única página com as seções empilhadas e um resumo ao lado. O cliente vai descendo e a página vai abrindo o passo seguinte conforme ele escolhe. A ordem real é esta — repare que profissional vem antes de serviços:

Passo 1: Escolher a filial (só se houver mais de uma)

Se o seu negócio tem uma única filial, este passo não existe e a numeração começa no seguinte.

Passo 2: Escolher o profissional (só se você ativou “Mostrar seleção de profissional”)

• A primeira opção é “Qualquer um”, com a palavra “disponível” embaixo e um círculo com um ponto de interrogação no lugar da foto. Já vem marcada.
• Depois, cada profissional com sua foto (ou suas iniciais na cor dele), nome e cargo.
• A lista se atualiza sozinha se o cliente trocar de filial, para não sobrarem profissionais da filial anterior.

Passo 3: Escolher os serviços

• Lista de caixas de seleção com os serviços ativos e com reservas online ativadas: nome, descrição curta, duração e preço. Sem foto.
• Multisserviço está sempre disponível — não há nada para ativar. O cliente marca quantos quiser e o resumo soma.
• Se marcar mais de um, aparece um aviso: escolher vários pode reduzir os horários disponíveis, porque todos precisam caber no mesmo bloco.

Passo 4: Escolher o dia

Calendário com a disponibilidade real do mês: os dias sem vagas não podem ser escolhidos.

Passo 5: Escolher o horário

Os horários livres daquele dia, calculados com a duração total, os buffers, o aviso mínimo e os horários do profissional.

Passo 6: Dados do cliente (só se ele não estiver logado)

Se o cliente já entrou na conta, este passo é substituído por um card com os dados dele, que só pede o WhatsApp se a conta não tiver um cadastrado.

Se ele não entrou e você está com “Permitir reservas sem conta” ativo (já vem ativo), o passo se chama “Seus dados” e começa no modo convidado: não há abas, há um único formulário de contato, em cima o botão “Continuar com Google” e embaixo o link “Já tem conta? Entrar”, que troca esse mesmo bloco pelo formulário de acesso. As duas abas criar conta / entrar só aparecem se você desativou as reservas sem conta.

A caixa “Criar uma conta para ver e gerenciar minhas reservas” vem desmarcada: por padrão o cliente reserva como convidado. Se ele marcar, aparece o campo de senha e essa mesma reserva cria a conta dele. Com as reservas sem conta desativadas não existe essa caixa — ali criar conta (ou entrar) é obrigatório.

Fora dos passos: notas e desconto

Abaixo dos passos, sempre visíveis, há mais dois cards:

• Código de desconto, com um botão Aplicar que o valida antes de confirmar e atualiza o total no resumo.
• Notas — texto livre opcional do cliente.

O resumo e o botão Confirmar

Em tela grande o resumo fica na coluna da direita e gruda ao rolar. No celular não há coluna ao lado: o resumo cai no fim da página, abaixo de todos os passos, e ali não fica fixo. Ele mostra cada serviço escolhido com sua duração e preço, o total, e o botão Confirmar reserva. Abaixo, a linha “Ao confirmar você aceita a política do negócio” — não há uma caixa de aceite para marcar.

Depois de confirmar

Ele cai na tela de confirmação com o código da reserva, o negócio, a filial, a data, o profissional, os serviços, o total (com o desconto detalhado, se usou um) e o status.

• Se houver algo a pagar (sinal ou total, com o tpago conectado), o bloco de pagamento aparece aqui e o leva ao checkout. O pagamento vem depois de criar a reserva, não antes: a reserva já existe em estado pendente enquanto isso.
• Se ele reservou como convidado, o link pessoal dele é mostrado com um botão para copiar — é a única forma de voltar à reserva.
• Botões: “Ver minha reserva” (ou “Minhas reservas”, se tiver conta) e “Adicionar ao calendário” (.ics). Não existe “Fazer outra reserva” nem “Voltar ao negócio”.

Em paralelo saem o e-mail de confirmação para o cliente, os avisos por WhatsApp conforme o que você configurou, e o e-mail para o proprietário só se você ativou (vem desligado por padrão).

Ações pós-reserva (lado do cliente)

O cliente recebe um link pessoal (citauno.com/r/<token>) por e-mail e nas mensagens de lembrete. O link não leva o nome dele, nem o slug do negócio, nem o id da reserva — só um token aleatório — e a página é servida com no-referrer para não vazar quando ele toca em um link de saída.

Esse link não oferece um botão de “entrar em contato com o negócio”: para falar com você, o cliente precisa voltar ao seu perfil.

Comportamento no mobile

Não existe uma versão mobile à parte: é a mesma página, com o layout se empilhando em telas pequenas.

Idiomas

A página pública resolve o idioma nesta ordem:

1. O prefixo da URL (/en/<slug> ou /pt/<slug>). É a única coisa que decide o que se mostra em um endereço.
2. O idioma que o visitante já escolheu no seletor do rodapé, lembrado em um cookie.
3. O idioma do navegador, na primeira visita.
4. Se nada disso se aplicar: espanhol.

Os pontos 2 e 3 não mudam o que se vê no mesmo endereço: eles redirecionam para a URL com prefixo. Um endereço sempre significa um só idioma, que é o que o Google precisa. E os buscadores ficam de fora dessa detecção: para um crawler, uma URL sem prefixo sempre significa espanhol.

A interface, os avisos, as validações e os e-mails são traduzidos sozinhos. O seu conteúdo próprio — nome e descrição do negócio, nomes e descrições de serviços — também pode ter uma versão por idioma, que você cadastra no formulário correspondente; os idiomas para os quais você não cadastrou versão caem no idioma em que você escreveu.

SEO

Cada página pública tem:

• <title>: uma frase montada com o seu nome, a sua categoria e a sua cidade — não só o nome. Se você não cadastrou endereço, a cidade é omitida em vez de inventada.
• <meta description>: gerada com os mesmos dados.
• Structured data: um tipo do Schema.org compatível com a sua categoria (HairSalon, BeautySalon, e LocalBusiness como padrão), mais BreadcrumbList e FAQPage para o bloco de perguntas frequentes. A nota não é emitida enquanto as avaliações estiverem ocultas — nunca declaramos algo que o Google não consegue ver na página.
• hreflang para as 3 versões de idioma, mais x-default.
• Sitemap.xml do marketplace que inclui a sua URL.
• Open Graph + Twitter Card para previews ao compartilhar, usando a sua capa (ou o logo, se não houver capa).

Quanto tempo leva para aparecer no Google não depende da Citauno: isso é o Google, a sua concorrência e quantos links apontam para a sua página.

Personalização limitada

Coisas que você não pode personalizar (por enquanto):

• Layout/ordem das seções.
• Tipografias.
• Cores. Não existe nenhuma cor de marca configurável para a sua página pública: o design é o mesmo para todos os negócios. (As cores que você escolhe — a de um profissional ou a de um serviço — servem só para o calendário do painel.)
• HTML/CSS arbitrário.
• O rodapé e os botões flutuantes da Citauno.

Se você quiser algo bem customizado, considere ter o seu site principal e usar a Citauno apenas como motor de reservas (vinculando a partir de um botão “Reservar” do seu site).

Privacidade e dados

• A página pública é completamente pública — não exige login.
• Os dados do cliente são salvos ao confirmar a reserva.
• O link pessoal de uma reserva (/r/<token>) não contém dados pessoais: só um token aleatório, e a página vai com no-referrer para que o endereço não viaje para sites externos.
• O cliente pode pedir a exclusão dos seus dados entrando em contato com o negócio.

Erros comuns (vistos pelo cliente)

O que o proprietário não controla

• A marca Citauno na página. O rodapé do site e os botões flutuantes de Instagram e WhatsApp que aparecem embaixo à direita são da Citauno, não seus, e estão em todas as páginas públicas.
• Aparecer em categorias do marketplace relevantes para o SEO.
• Aparecer na listagem pública — essa você controla, em Configurações → “Mostrar na home e nas buscas”.

Se o que você quer é que ninguém possa agendar online (modo de gestão interna), desmarque “Aceitar reservas online do público” nas Configurações. Seu perfil continua abrindo, com o botão de reservar desabilitado.