Você pode personalizar como você mostra seus eventos aos visitantes do site. Escolha entre diferentes layouts para listar seus eventos ou apresentá-los em uma visualização de calendário (mensal ou semanal) para gerenciar o que os visitantes veem e como eles navegam nos seus eventos.
Personalizar o layout dos eventos no desktop
Ao optar por
exibir vários eventos em uma página do site, você pode personalizar o layout usando uma variedade de opções.
Por exemplo, você pode selecionar um layout de calendário para apresentar eventos de forma estruturada e cronológica, dando aos visitantes uma visualização organizada das próximas atividades.
Para personalizar um layout:
- Vá para o seu editor.
- Acesse a página Eventos:
- Clique em Páginas e menu
no lado esquerdo do editor. - Clique em Páginas de evento.
- Clique na sua página Eventos.
- Clique no elemento Lista de eventos na sua página.
- Clique em Configurações.
- Clique na aba Layout.
- Selecione e personalize o layout entre as opções disponíveis:
Navegue pelos layouts disponíveis para exibir seus eventos.
- Escolha um layout:
- Grade: organiza os eventos em linhas e colunas para uma aparência limpa e estruturada. Esse layout facilita a navegação com cartões de evento posicionados de forma consistente.
- Lista: exibe eventos em um formato linear, permitindo que os usuários rolem pelo conteúdo em uma clara sequência vertical ou horizontal.
- Lado a lado: coloca os eventos um ao lado do outro horizontalmente, facilitando a comparação e a visualização de conteúdo relacionado ao mesmo tempo.
- Na imagem: exibe as informações do evento diretamente sobre uma imagem, criando um layout visualmente atraente que destaca as informações principais sobre o background.
- Escolha o que você deseja personalizar:
Observação: as opções de personalização disponíveis variam dependendo do layout que você escolher.
- Eventos por página: defina o número de eventos a serem exibidos por página.
- Espaçamento: personalize os aspectos de espaçamento disponíveis entre eventos, como Espaçamento entre cartões e Margens da área.
- Imagem: ajuste as opções disponíveis, como Proporção da imagem e Opções de redimensionamento.
- Texto: personalize o Layout do horário e local e o alinhamento do texto disponível.
- Selos de evento: escolha o posicionamento do selo do seu evento (por exemplo: Imagem ou Informações do evento).
O layout Calendário exibe os eventos em um formato de calendário, tornando-o conveniente para organizar vários eventos devido à sua apresentação organizada.
- Clique na aba Calendário.
- Escolha como exibir seus eventos:
- Mensal: mostra todos os eventos do mês selecionado em uma só visualização.
- Semanal: mostra eventos uma semana de cada vez para uma visualização mais detalhada.
- Clique no dropdown Primeiro dia da semana e selecione o primeiro dia da semana no calendário.
- Personalize as opções disponíveis:
- Cabeçalho: exibe o cabeçalho do calendário, incluindo o título do mês ou da semana e os controles de navegação para mover entre as datas.
- Calendário: aparência e comportamento da grade do calendário onde os eventos são exibidos.
- Dia: como dias individuais aparecem no calendário, incluindo o layout e a exibição de eventos dentro de cada dia.
- Pop-up de informações do evento: pop-up que aparece quando você clica em um evento, mostrando informações e detalhes adicionais do evento.
- Selos de evento: escolha o posicionamento do selo do seu evento (por exemplo: Imagem ou Informações do evento).
Personalizar o layout dos eventos no mobile
Você pode ajustar o layout mobile diretamente através do seu editor. Embora as configurações de layout do desktop sejam aplicadas automaticamente ao mobile, você tem a opção de personalizar a visualização mobile de forma independente para garantir uma melhor experiência em telas menores.
Para personalizar o layout da visualização mobile:
- Vá para o seu editor.
- Acesse a página Eventos:
- Clique em Páginas e menu no lado esquerdo do editor.
- Clique em Páginas de evento.
- Clique na sua página Eventos.
- Clique no ícone Alternar para mobile
na parte superior do editor.
- Clique no elemento Lista de eventos na sua página.
- Clique em Configurações.
- Clique na aba Layout.
- Selecione e personalize o layout entre as opções disponíveis:
Navegue pelos layouts disponíveis para exibir seus eventos.
- Escolha um layout:
- Grade: organiza os eventos em linhas e colunas para uma aparência limpa e estruturada. Esse layout facilita a navegação com cartões de evento posicionados de forma consistente.
- Lista: exibe eventos em um formato linear, permitindo que os usuários rolem pelo conteúdo em uma clara sequência vertical ou horizontal.
- Na imagem: exibe as informações do evento diretamente sobre uma imagem, criando um layout visualmente atraente que destaca as informações principais sobre o background.
- Personalize as opções disponíveis:
- Espaçamento: personalize o espaçamento entre eventos.
- Eventos por página: defina o número de eventos a serem exibidos por página.
- Layout da imagem: personalize a aparência e a apresentação das imagens do evento. Por exemplo, você pode redimensionar e escolher uma cor de background por trás da imagem
- Layout do texto: escolha entre exibir todas as informações continuamente ou apenas quando um convidado passar o mouse sobre elas.
- Margens da faixa: ajuste o espaçamento entre eventos.
- Selos de evento: escolha o posicionamento do selo do seu evento (por exemplo: Imagem ou Informações do evento).
O layout Calendário exibe os eventos em um formato de calendário, tornando-o conveniente para organizar vários eventos devido à sua apresentação organizada.
- Clique na aba Calendário.
- Escolha como exibir seus eventos:
- Mensal: mostra todos os eventos do mês selecionado em uma só visualização.
- Semanal: mostra eventos uma semana de cada vez para uma visualização mais detalhada.
- Clique no dropdown Primeiro dia da semana e selecione o primeiro dia da semana no calendário.
- Personalize as opções disponíveis:
- Pop-up de informações do evento: pop-up que aparece quando você clica em um evento, mostrando informações e detalhes adicionais do evento.
- Cabeçalho: exibe o cabeçalho do calendário, incluindo o título do mês ou da semana e os controles de navegação para mover entre as datas.
- Calendário: aparência e comportamento da grade do calendário onde os eventos são exibidos.
- Dia: como dias individuais aparecem no calendário, incluindo o layout e a exibição de eventos dentro de cada dia.
- Selos de evento: escolha o posicionamento do selo do seu evento (por exemplo: Imagem ou Informações do evento).
