Use o elemento lista de eventos para exibir seus eventos de uma forma atraente que incentiva os visitantes do site a se registrar. Você pode personalizar o design, escolher quais detalhes do evento mostrar e adicionar fitas informativas para destacar informações importantes. Existem também configurações separadas para mobile para que seu elemento lista de eventos apareça bem em qualquer tela.
Personalizar a lista de eventos
Personalize o elemento lista de eventos para ajudar os participantes a entender rapidamente as informações do evento, como data, local e disponibilidade. Você também pode mostrar fitas, avatares de convidados e outros elementos para destacar informações importantes.
Para personalizar a lista de eventos:
- 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.
- Escolha o que você deseja personalizar:
As fitas ajudam os organizadores e participantes de eventos a entender rapidamente o status e a disponibilidade de um evento.
- Clique na aba Exibição.
- Clique em Fitas.
- Clique no nome da fita relevante e ative a alavanca Fita:
- Fita Esgotado: todos os ingressos para o evento estão esgotados.
- Fita RSVP encerrado: o registro está fechado.
- Fita (Entrar na lista de espera): exibida quando um evento com RSVP tem uma lista de espera.
- Fita Plano de membros: o evento é exclusivo para membros.
- Fita Múltiplas datas: o evento ocorre em várias datas.
Dica: clique na aba Texto para editar o texto nas fitas disponíveis.
Detalhes do evento/Informações adicionais do evento
- Clique na aba Exibição.
- Clique nas alavancas relevantes para escolher o que mostrar ou ocultar:
- Título: mostre ou oculte o título do evento.
- Botão "Mostrar mais": mostre ou oculte o botão que permite que os visitantes carreguem mais eventos.
- Imagem do evento: mostre ou oculte a imagem do evento.
- Fitas: clique para gerenciar as fitas mostradas nos seus eventos.
- Selos de evento: clique para gerenciar os selos mostrados nos seus eventos.
- Contagem regressiva: mostre ou oculte uma contagem regressiva para o começo do evento.
- Data: mostre ou oculte a data do evento.
- Localização: mostre ou oculte o local do evento.
- Permitir informações adicionais: mostre ou oculte detalhes adicionais do evento. Se ativada, escolha o que mais exibir:
- Data: mostre ou oculte a data do evento na seção de informações adicionais.
- Local: mostre ou oculte o local do evento na seção de informações adicionais.
- Descrição: mostre ou oculte a descrição do evento.
- Convidados: mostre ou oculte os avatares dos convidados.
- Compartilhamento nas redes sociais: mostre ou oculte as opções de compartilhamento nas redes sociais.
Personalize o design da sua lista de eventos para que ela combine com o visual do seu site e destaque detalhes importantes do evento.
- Clique na aba Design.
- Clique nos elementos de design relevantes para personalizar:
- Texto: personalize o estilo da fonte, o tamanho, a cor e outras propriedades do texto.
- Fitas: chame a atenção para aspectos importantes do evento, como:
- Fita Plano de membros: exibida quando um evento com ingresso tem planos de membros conectados.
- Fita Múltiplas datas: exibida quando um evento tem várias datas.
- Selos de evento: personalize o design dos selos de eventos para destacar detalhes como ingressos limitados e preço para ingressos antecipados.
- Contagem regressiva: personalize o texto, as cores, a borda e os cantos da contagem regressiva.
- Botão: personalize a aparência dos botões, incluindo sua forma, cor e texto.
- Imagem: personalize a aparência da imagem do evento na lista.
- Background da área: personalize o background da lista de eventos.
- Informações adicionais: personalize a aparência dos detalhes adicionais do evento, como a data, local, descrição e ícones de compartilhamento nas redes sociais.
Personalizar a visualização mobile para seus eventos
Personalize sua lista de eventos para mobile para manter os eventos claros e fáceis de navegar em telas menores.
Para personalizar o design para a 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.
- Escolha o que você deseja personalizar:
As fitas ajudam os organizadores e participantes de eventos a entender rapidamente o status e a disponibilidade de um evento.
- Clique na aba Exibição.
- Clique em Fitas.
- Clique no nome da fita relevante e ative a alavanca Fita:
- Fita Esgotado: todos os ingressos para o evento estão esgotados.
- Fita RSVP encerrado: o registro está fechado.
- Fita (Entrar na lista de espera): exibida quando um evento com RSVP tem uma lista de espera.
- Fita Plano de membros: o evento é exclusivo para membros.
- Fita Múltiplas datas: o evento ocorre em várias datas.
Detalhes do evento/Informações adicionais do evento
- Clique na aba Exibição.
- Clique nas alavancas relevantes para escolher o que mostrar ou ocultar:
- Título: mostre ou oculte o título do evento.
- Botão "Mostrar mais": mostre ou oculte o botão que permite que os visitantes carreguem mais eventos.
- Imagem do evento: mostre ou oculte a imagem do evento.
- Fitas: clique para gerenciar as fitas mostradas nos seus eventos.
- Selos de evento: clique para gerenciar os selos mostrados nos seus eventos.
- Contagem regressiva: mostre ou oculte uma contagem regressiva para o começo do evento.
- Data: mostre ou oculte a data do evento.
- Permitir informações adicionais: mostre ou oculte detalhes adicionais do evento. Se ativada, escolha o que mais exibir:
- Data: mostre ou oculte a data do evento na seção de informações adicionais.
- Local: mostre ou oculte o local do evento na seção de informações adicionais.
- Descrição: mostre ou oculte a descrição do evento.
- Convidados: mostre ou oculte os avatares dos convidados.
- Compartilhamento nas redes sociais: mostre ou oculte as opções de compartilhamento nas redes sociais.
Personalize o design da sua lista de eventos para que ela combine com a aparência do seu site no mobile.
- Clique na aba Design.
- Clique nos elementos de design relevantes para personalizar:
- Texto: ajuste a fonte e a cor dos detalhes do evento, como o nome e a data do evento.
- Fitas: defina o estilo da fonte e a cor das fitas que você exibe (por exemplo: Fita de membros).
- Selos de evento: personalize o design dos selos de eventos para destacar detalhes como ingressos limitados e preço para ingressos antecipados.
- Contagem regressiva: personalize o texto, as cores, a borda e os cantos da contagem regressiva.
- Botão e links: personalize a aparência dos botões e links, incluindo sua forma, cor e texto.
- Imagem: personalize a aparência da imagem do evento na lista.
- Background da área: personalize o background da lista de eventos.
- Ao clicar: escolha a fonte e a cor para elementos clicáveis, como a data e o local do evento.
