Configuracao do Site
O primeiro passo para ter seu portal de reservas diretas e configurar a aparencia e o conteudo do site. O Opero oferece templates prontos que voce personaliza com a identidade visual da sua propriedade.
Como Acessar
- No menu lateral, acesse Portal de Reservas > Configuracao
- Se e a primeira vez, voce sera guiado pelo assistente de configuracao
- Se ja configurou, vera o painel de personalizacao com preview ao vivo
Escolha de Template
O Opero disponibiliza templates profissionais projetados para o setor hoteleiro. Cada template define a estrutura das paginas (layout, secoes, navegacao) enquanto voce controla cores, fontes e conteudo.
Templates Disponiveis
Os templates sao mantidos pela equipe Opero e novos modelos sao adicionados periodicamente. Para adotar um template:
- Acesse Portal de Reservas > Configuracao > Templates
- Navegue pela galeria de opcoes
- Clique em “Visualizar” para ver o preview com seus dados
- Clique em “Adotar” para aplicar
Nota: Ao adotar um template, as configuracoes visuais (cores, fontes) sao copiadas do template para o seu site. Alteracoes futuras no template original nao afetam o seu site — voce tem controle total.
Alguns templates premium podem estar disponiveis apenas para planos especificos ou como add-on na Loja Opero.
Personalizacao Visual
Cores
| Configuracao | Descricao | Formato | Padrao |
|---|---|---|---|
| Cor primaria | Cor principal (botoes, links, destaques) | Hexadecimal (#RRGGBB) | #F59E0B (Amber) |
| Cor secundaria | Cor de apoio (fundos, bordas, textos de destaque) | Hexadecimal (#RRGGBB) | #1A1D23 (Dark) |
O sistema valida que as cores estejam no formato hexadecimal correto antes de salvar.
Fontes
Escolha entre as fontes aprovadas, todas servidas pelo Google Fonts:
| Fonte | Estilo |
|---|---|
| Inter | Moderna, limpa, neutra |
| Manrope | Geometrica, contemporanea |
| Roboto | Classica do Google, versatil |
| Open Sans | Humanista, boa legibilidade |
| Lato | Equilibrada, profissional |
| Montserrat | Geometrica, impactante em titulos |
| Poppins | Arredondada, amigavel |
| Playfair Display | Serifada, elegante, ideal para hoteis boutique |
| Merriweather | Serifada, confortavel para leitura |
| Fira Sans | Moderna, tecnica |
Logo e Favicon
| Elemento | Especificacoes |
|---|---|
| Logo | Formatos aceitos: PNG, JPG, SVG, WebP. Tamanho maximo: 2 MB. Recomendacao: fundo transparente, proporcao horizontal. |
| Favicon | Formatos aceitos: PNG, ICO. Tamanho recomendado: 32x32 ou 64x64 pixels. |
Para fazer upload:
- Em Configuracao > Identidade Visual, clique no campo de logo ou favicon
- Selecione o arquivo ou arraste para a area de upload
- O preview atualiza automaticamente
- Clique em “Salvar”
Conteudo do Hero
A secao hero e o banner principal que os visitantes veem ao acessar seu site:
| Campo | Descricao | Limite |
|---|---|---|
| Titulo | Frase de impacto principal | 200 caracteres |
| Subtitulo | Texto complementar (descricao, proposta de valor) | 500 caracteres |
Exemplos:
- Titulo: “Sua estadia perfeita em Copacabana”
- Subtitulo: “Quartos confortaveis com vista para o mar, a 2 minutos da praia. Reserve direto e tenha as melhores tarifas.”
Redes Sociais
Adicione links para as redes sociais da sua propriedade. Eles aparecerao no rodape do site:
| Rede | Campo |
|---|---|
| URL do perfil | |
| URL da pagina | |
| Twitter/X | URL do perfil |
| TikTok | URL do perfil |
| Numero com codigo do pais (ex: +5521999991234) |
Deixe em branco as redes que nao utiliza — o icone nao sera exibido.
Preview ao Vivo
Todas as alteracoes de configuracao podem ser visualizadas em tempo real:
- O painel lateral direito exibe um preview do site
- Alteracoes de cor, fonte e conteudo refletem imediatamente
- Use os botoes de viewport (desktop, tablet, celular) para testar responsividade
- O preview nao e publico — apenas voce (admin) ve
Importante: O preview mostra como o site ficara, mas nao publica as alteracoes. Para tornar as mudancas visiveis ao publico, voce precisa publicar o site.
Fluxo de Configuracao Recomendado
- Adote um template que se aproxime do visual desejado
- Personalize as cores para combinar com a marca do hotel
- Escolha a fonte que reflita o tom da sua propriedade
- Faca upload do logo e favicon
- Preencha o hero com texto atrativo
- Adicione redes sociais
- Configure quartos e tarifas — veja Quartos e Tarifas
- Configure SEO — veja SEO e Meta Tags
- Publique — veja Publicar Site
Permissoes
A configuracao do site e restrita a:
| Papel | Acesso |
|---|---|
| Admin / Tenant Admin | Leitura e escrita |
| Demais papeis | Sem acesso |