Com uma conta na Timely conta, você pode facilmente criar um carrossel de eventos em seu site para exibir eventos online. Depois que o widget carrossel é instalado, todas as alterações feitas nos eventos selecionados são atualizadas automaticamente no carrossel do seu site. Neste post, você aprenderá todas as etapas para configurar o código de incorporação para o seu carrossel de eventos.
1. Benefícios de ter um carrossel de eventos em seu site
Criando um calendário online e widgets de eventos para o seu site é simples com Timely.
Para destacar eventos específicos de maneira divertida e chamativa, considere adicionar um carrossel de eventos ao seu site. Com Timely visualização de carrossel, você pode exibir até 12 eventos consecutivos de até 4 eventos por vez. Veja ao vivo em nosso página de demonstração do widget carrossel de eventos.
A exibição de eventos em um carrossel de ofertas tornará seu site mais interessante e envolvente. De fato, um carrossel com eventos pode melhorar o design da página da Web e a maneira como seu público interage com o conteúdo do evento.
2. Sistemas de gerenciamento de conteúdo (CMS) suportados
TimelyA plataforma de eventos e os widgets da podem ser incorporados em qualquer site público ou privado ou aplicativo móvel. Eles funcionam perfeitamente com muitas plataformas de conteúdo de sites, incluindo, entre outros:
- WordPress
- HTML
- Shopify
- Wix
- SquareSpace
- Joomla
- Drupal
- Magento / Adobe Comércio
- Adobe Experience Manager
- Weebly
- Vai Papai
- Microsoft SharePoint/Páginas avançadas
- Agilidade
Independentemente do CMS que você usa, as instruções gerais para configurar o código de incorporação para seu carrossel de eventos são as mesmas. Continue lendo para saber mais.
3. Configurando seu código de incorporação do carrossel de eventos
Ao adicionar um código de incorporação do carrossel de eventos no back-end do seu site, você poderá publicar um número limitado de eventos em um widget de carrossel visualmente atraente. Se você tiver um determinado tipo de evento que deseja exibir no carrossel, é recomendável personalizar o código de incorporação do widget.
Veja as instruções passo a passo abaixo:
- Faça login no seu Timely conta.
- No menu de navegação principal, clique em Configurações, e então em Código embutido. Você também pode usar o atalho no canto superior direito do seu painel.
- Em seguida, uma nova página será aberta exibindo todas as suas opções e preferências de código de incorporação. Atualmente, existem 4 tipos de código de incorporação que você pode escolher: Calendário, Carrossel, Controle deslizante e Adicionar botão de evento.
- Como esta postagem é sobre como configurar o código de incorporação para o carrossel de eventos, em Tipo de Incorporação, escolha o carrossel opção.
Se você não deseja personalizar o código de incorporação, pode ir direto para a seção de código do widget abaixo (6. Configurando seu código de incorporação de iFrame do carrossel). Caso contrário, continue lendo este post para saber mais.
4. Configurações avançadas do carrossel
Logo abaixo do carrossel opção de tipo de código incorporado, você verá o Configurações avançadas menu suspenso. Essas configurações serão diferentes dependendo do tipo de código de incorporação selecionado.
Veja como editar o código de incorporação do widget de carrossel de eventos Configurações avançadas:
Máximo de eventos a serem exibidos
Com esse recurso, você pode optar por exibir até 12 eventos em um carrossel. Basta digitar o número preferido de eventos na caixa.
Máximo de eventos por página
Se desejar, você também pode exibir mais de um evento ao mesmo tempo em seu carrossel. O número máximo de eventos que podem ser exibidos ao mesmo tempo é 4.
Tempo de atraso do controle deslizante
Se desejar, você pode escolher o tempo de atraso para cada postagem de evento exibida no controle deslizante (em segundos).
Intervalo de datas
Use a opção de intervalo de datas para selecionar um intervalo de datas específico para os eventos que serão exibidos em seu carrossel. As opções são as seguintes:
- Próximos eventos
- Eventos de Hoje
- Começando amanhã
- Intervalo de datas personalizado
- Próximos n dias
- Próximos n eventos
Eventos em destaque
Caso você queira que seu carrossel exiba apenas os eventos marcados como destaque em sua agenda, basta marcar a caixa Eventos em destaque.
5. Filtros
Além das configurações avançadas explicadas acima, você também pode exibir um carrossel com eventos filtrados. Você pode selecionar suas categorias, tags, organizações, locais e todos os outros filtros personalizados que você pode ter criado.
6. Copiando seu código de incorporação do carrossel iFrame
Depois de personalizar as configurações e os filtros avançados do código de incorporação do carrossel, você pode prosseguir e gerar o código de incorporação. Apenas siga as instruções abaixo:
- Clique na Código do widget (copie-o para o seu site) filtre e escolha a opção Incorporação de iFrame – Javascript.
- Clique na Copiar trecho botão para copiar seu código de incorporação.
Em seguida, você só precisa colar o código no back-end do seu site para exibir seu Timely carrossel de eventos. Clique nos links abaixo para ver instruções detalhadas sobre como incorporar o código do widget carrossel nos seguintes sistemas de gerenciamento de conteúdo:
- WordPress
- HTML
- Shopify
- Wix
- SquareSpace
- Joomla
- Drupal
- Magento / Adobe Comércio
- Adobe Experience Manager
- Weebly
- Vai Papai
- Microsoft SharePoint/Páginas avançadas
- Agilidade
Para obter instruções sobre como instalar Timely calendário e widgets em outros CMS ou aplicativos móveis, por favor entre em contato com o suporte ao cliente.
Para obter mais orientações do usuário, acesse nosso Central de ajuda. Se você tiver alguma dúvida ou precisar de assistência adicional, não hesite em entre em contato conosco. Como alternativa, você pode abrir um ticket de suporte no seu Timely painel da conta.