Como adicionar o calendário de eventos e widgets a um site Wix

Compartilhar este artigo

Com uma conta na Timely conta, você pode incorporar prontamente e sem esforço um calendário com eventos e widgets em suas páginas Wix. Basta copiar um trecho de código e colá-lo no back-end do seu site. Quaisquer alterações ou atualizações feitas em seu calendário e eventos serão exibidas instantaneamente. Além disso, você tem a opção de usar o calendário online para aceitar reservas, reservas e vender ingressos para seus eventos. Este post mostrará como adicionar um calendário de eventos e widgets a um site Wix.

1. O que é Wix?

Wix é uma plataforma de construção da web baseada em nuvem. Ele oferece a capacidade de personalizar sites por meio do uso de vários modelos e um editor HTML5 simples de arrastar e soltar. Com o Wix, você pode utilizar vários aplicativos, gráficos, galerias de imagens, fontes, vetores, animações e muito mais. Além disso, os usuários do Wix têm a opção de começar seu site do zero.

Se você já estabeleceu ou pretende criar um calendário online para o Wix, este post mostrará como adicionar Timely calendário de eventos em uma página da web Wix. Continue lendo para aprender mais.

2. Calendário Completo vs Incorporação de Widgets

Timely software de calendário de eventos é uma maneira incrivelmente conveniente e eficiente de organizar e promover eventos no Wix. Com uma grande variedade de visualizações de calendário disponível, você pode personalizar a experiência para criar um calendário completo ou optar por um mini widget de calendário.

Um calendário completo geralmente ocupa uma página Wix inteira. Sendo uma versão de calendário expansiva, há espaço para várias funções de calendário, como pesquisa de data e palavra-chave, assinatura de calendário e filtros.

tela de impressão de Timely cartolina visualização completa do calendário
Visualização completa do calendário em cartaz

As visualizações do mini widget de calendário são menores e requerem menos espaço. Normalmente, eles exibem apenas um número limitado de eventos futuros e não possuem funções de pesquisa ou filtragem.

exemplo de Timely exibição de fluxo do widget de calendário ou mini calendário
Visualização do widget de calendário de transmissão
exemplo de Timely exibição de fluxo do widget de calendário ou mini calendário
Visualização moderna do widget de calendário de linhas

Além disso, você pode usar Timely deslizante e carrossel widgets para aprimorar ainda mais o design do seu site Wix. Esses widgets definitivamente podem ajudá-lo a exibir seus eventos de maneira atraente.

Todas as opções podem ser incorporadas individualmente ou em conjunto para criar uma experiência perfeita para os visitantes do seu site.

3. Como adicionar visualizações de calendário completo a uma página Wix

Antes de instalar Timely calendário em seu site Wix, verifique se você tem o plano Wix certo. Para melhores resultados, recomendamos a instalação Timely usando Custom Elements, que é um recurso disponível apenas no plano Wix Premium.

Além disso, recomendamos ter o seu Timely URL do calendário útil. você pode encontrar o seu Timely URL do calendário clicando no Calendário Público atalho no canto direito do seu painel. Se parece com isso: https://events.timely.fun/xxxxxxx/posterboard.

Imprimir tela do atalho de URL do calendário público oportuno
Timely Atalho de URL do calendário público

Depois de concluir essas etapas iniciais, siga as instruções abaixo:

  1. Faça login na sua conta Wix.
  2. Dentro do Wix Website Editor, selecione a página que deseja incorporar Timely calendário.
  3. Clique em Embutir, e então em Incorporações personalizadas. A seguir, adicione um Elemento personalizado.
tela de impressão do site wix destacando onde adicionar um elemento personalizado
Incorporação de elemento personalizado no painel Wix
  1. Selecionar Escolher origem. Em seguida, defina o URL do servidor opção com o valor: https://events.timely.fun/embed-wix.js
tela de impressão wix elemento personalizado
  1. Selecionar Definir atributos e defina pelo menos o atributo dados-src com o seu Timely url de calendário público (por exemplo, https://events.timely.fun/xxxxxxx/posterboard). Para que o calendário seja responsivo em telas menores, defina a largura de dados com o valor “var(–customElementWidth)”. Além disso, se desejar, você pode esticar a seção do calendário em toda a largura para melhorar a visibilidade.
imprimir tela elementos wix
  1. Salve suas alterações e vá para o front-end do seu site Wix. Lá você verá que seu Timely calendar foi instalado corretamente, de acordo com as configurações do código de incorporação. Se você ainda não vê o calendário, tente sair do Wix.

4. Como adicionar widgets a um site Wix

Para apresentar um mini widget de calendário em sua página ou site Wix, você deve primeiro personalizar seu Timely URL do calendário substituindo a última seção do URL pelo nome da visualização de calendário desejada. Por exemplo, se você deseja criar um widget de calendário do Stream View, o URL do calendário aplicável é https://events.timely.fun/xxxxxxx/stream.

Para a deslizante e carrossel, embora o Wix trabalhe com incorporação de link e não incorporação de código, primeiro você precisará configurar os códigos de incorporação necessários para esses widgets. Se não tiver certeza de como fazer isso, consulte as instruções descritas nas seguintes postagens do guia do usuário:

Depois que os códigos de incorporação estiverem prontos, basta modificar o URL do calendário público substituindo o nome da visualização por carrossel ou controle deslizante. Por exemplo, https://events.timely.fun/xxxxxxx/slider e https://events.timely.fun/xxxxxxx/carousel.

Com a URL de seus widgets em mãos, siga as mesmas instruções fornecidas neste post acima para adicioná-los à página da web desejada. A única diferença é que, ao criar a página, você terá que limitar previamente as dimensões da área incorporável. Ao fazer isso, você garantirá que o widget apareça no local correto da página.

exemplo de um widget carrossel instalado em um site
Exemplo de um widget carrossel instalado em um site

Esperamos que este guia do usuário tenha ajudado você a aprender como adicionar um calendário de eventos aos sites e páginas Wix. Se desejar, você pode até usar Timely calendário para aceitar reservas e vender ingressos para seus eventos, diretamente de seu próprio site.

Para obter mais informações do usuário, acesse nosso Central de ajuda. Se você tiver alguma dúvida, fique à vontade para entre em contato conosco. Como alternativa, você pode abrir um ticket de suporte no seu Timely conta.