Com uma conta na Timely conta, você pode incorporar facilmente um controle deslizante de eventos em seu site para exibir eventos online. Depois de incorporar o widget deslizante, todas as alterações feitas em seus eventos publicados são atualizadas automaticamente em seu site. Nesta postagem, você aprenderá todas as etapas para configurar o código de incorporação para seu controle deslizante de evento.
1. Benefícios de ter um controle deslizante de evento em seu site
Aproveitar um calendário de eventos online é simples com Timely. Para destacar eventos específicos, recomendamos adicionar um controle deslizante de evento bonito e envolvente ao seu site.
Timely O widget deslizante de evento é uma maneira impactante de mostrar eventos em seu site. Usando a visualização deslizante, você pode exibir eventos como uma apresentação de slides. O controle deslizante mostrará um evento por slide, aumentando a conscientização e o envolvimento do evento. Veja em ação em nosso página de demonstração do widget do controle deslizante de 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 controle deslizante de evento são as mesmas. Continue lendo para saber mais.
3. Configurando seu código de incorporação do controle deslizante de evento
Ao adicionar um código de incorporação do controle deslizante de evento em seu CMS, você poderá publicar um número limitado de eventos em um belo widget de controle deslizante. Se você tiver um determinado tipo de evento que deseja exibir no controle deslizante, é 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 controle deslizante de evento, em Tipo de Incorporação, escolha o Slider 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 o código de incorporação do iFrame do slider). Caso contrário, continue lendo este post para saber mais.
4. Configurações avançadas
Logo abaixo do Slider 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 do slider de eventos Configurações avançadas:
Largura máxima do controle deslizante
Com esse recurso, você pode selecionar a largura máxima do seu controle deslizante de acordo com o espaço disponível para esse widget em sua página da web.
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
Se desejar, você pode escolher o intervalo de datas dos eventos que serão exibidos em seu widget deslizante. 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 exibir apenas os eventos marcados como destaque em seu calendário, basta marcar a caixa Eventos em destaque.
5. Filtros
Além disso, você pode decidir quais eventos mostrar no controle deslizante aplicando seus filtros predefinidos. Você pode selecionar suas categorias, tags, organizações, locais e todos os outros filtros personalizados que você pode ter criado. Isso ajudará você a mostrar apenas os eventos que deseja que seu cliente veja.
6. Copiando o código de incorporação iFrame do slider
Depois de personalizar as configurações e os filtros avançados do código de incorporação do controle deslizante, 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 slider. Clique nos links abaixo para ver instruções detalhadas sobre como incorporar o código do widget deslizante 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.