Adicione o aplicativo Google Agenda ao seu site para manter seu público atualizado com sua programação.
Ao exibir seu calendário, você pode mostrar sua disponibilidade, eventos futuros e mais. Você pode atualizar o layout do calendário para mostrar um mês, uma semana ou a agenda do dia. Para combinar com a sua marca, você também pode personalizar o esquema de cores e as fontes do seu calendário.
Etapa 1 | Adicione o Google Agenda ao seu site
Adicione o aplicativo Google Agenda ao seu site a partir do Wix App Market.
- Clique em Aplicativos no lado esquerdo do Editor.
- Procure pelo aplicativo Google Agenda na barra de busca.
- Clique em Adicionar ao site.
Etapa 2 | Conecte sua conta do Google
Você pode fazer login em qualquer uma das suas contas do Google para sincronizar seu calendário de eventos.
Para conectar sua conta do Google:
- Clique no calendário no Editor.
- Clique em Configurações.
- Clique em Conectar conta.
- Insira as credenciais da conta que você deseja exibir.
- Clique em Permitir para dar acesso ao Wix.com.
Etapa 3 | Configure a visibilidade dos seus eventos
Escolha quais dos seus eventos são mostrados aos visitantes do site, quais são exibidos como ocupados e quais eventos são privados.
Para selecionar a visibilidade dos seus eventos:
- Clique no calendário no Editor.
- Clique em Configurações.
- Clique na aba Calendários.
- Marque as caixas de seleção ao lado dos calendários que você deseja que sejam visíveis para os visitantes do seu site e visíveis, mas com informações ocultas.
Etapa 4 | Altere o layout, a exibição e as configurações
Personalize o formato do seu calendário e como as informações dos seus eventos aparecem para os visitantes do site:
- Em Layout, você pode alterar seu calendário para mostrar um mês, uma semana ou a agenda do dia.
- Em Exibição, você pode optar por mostrar o fuso horário, a hora de início do evento e como exibir eventos privados.
- Em Configurações, você pode selecionar o formato de 12 ou 24 horas, em que dia da semana o calendário começa e se o calendário mostra o fuso horário dos visitantes do site ou um fuso horário personalizado.
Para personalizar seu layout, exibição e configurações:
- Clique no calendário no Editor.
- Clique em Configurações.
- Clique para expandir as etapas para personalizar seu layout, exibição e configurações:
Escolher um layout para o seu calendário
- Clique na aba Layout.
- Escolha seu layout:
- Mensal: exibe o mês inteiro em um formato de grade.
- Alinhamento de calendário: escolha para alinhar seu calendário à esquerda ou ao centro.
- Redimensionar a célula: escolha como a célula se comporta quando redimensionada:
- Proporção 1:1 mantém a forma da célula quadrada quando você redimensiona o calendário.
- Proporção flexível: altera a forma da célula quando você redimensionar o calendário.
- Semanal: exibe o calendário com cada dia da semana na parte superior.
- Alinhamento de calendário: escolha para alinhar seu calendário à esquerda ou ao centro.
- Altura do calendário: escolha como o calendário se comporta ao adicionar/remover conteúdo:
- Prefixada: mantém a altura definida.
- Responsiva: estenda automaticamente seu calendário para mostrar todos os seus eventos a cada semana.
- Agenda: exiba o calendário em um formato de linha do tempo com o dia atual na parte superior.
- Altura do calendário: escolha como o calendário se comporta ao adicionar/remover conteúdo:
- Prefixada: mantém a altura definida.
- Responsiva: estenda automaticamente seu calendário para mostrar todos os seus eventos a cada semana.
Atualizar suas configurações de exibição
- Clique na aba Exibição.
- Escolha suas configurações de exibição:
- Exibir fuso horário: clique na alavanca Exibir fuso horário para mostrar ou ocultar o fuso horário no seu calendário.
- Exibir o horário de início do evento: clique na alavanca Exibir horário de início do evento para mostrar ou ocultar o horário de início no calendário.
- Exibir eventos privados: clique na alavanca Exibir eventos privados para mostrar ou ocultar eventos privados no calendário.
- Exibir eventos privados como: clique em Privado para inserir um novo nome para todos os eventos privados.
Observação: as opções de configurações dependem do layout que você escolher.
Alterar as configurações do aplicativo
- Clique na aba Configurações.
- Escolha as configurações do seu aplicativo:
- Formato do horário: selecione como o horário é exibido:
- 12 Horas: os horários da manhã e da noite aparecem com um sufixo am (manhã) ou pm (tarde/noite).
- 24 Horas: os horários do dia aparecem como números das 00:00 às 23:59.
- Primeiro dia da semana: escolha um dia para começar a semana.
- Idiomas: selecione seu idioma.
- Fuso horário: escolha como o fuso horário é aplicado:
- Com base na localização do visitante do site: o local do visitante determina o fuso horário.
- Personalizado: você define o fuso horário personalizado do calendário usando as opções disponíveis.
Etapa 5 | Crie o design do seu calendário
Você pode personalizar seu calendário para combinar com o seu site, usando as mesmas fontes e paleta de cores da sua marca.
Para personalizar seu calendário:
- Clique no calendário no Editor.
- Clique em Configurações.
- Clique na aba Design.
- Escolha os elementos que você deseja personalizar:
- Cor e opacidade do background do cabeçalho: defina a cor e a opacidade do cabeçalho.
- Estilo e cor da fonte do mês e ano: defina um tema de texto, fonte e tamanho da fonte.
- Cor e opacidade do background: defina uma cor e opacidade do background.
- Grade do calendário: defina a cor e a opacidade da borda.
- Estilo e cor dos dias: defina o tema, a fonte e o tamanho do texto dos dias da semana.
- Estilo do texto da data: defina um tema de texto, fonte e tamanho da fonte.
- Cor da data atual: defina uma cor para destacar o dia atual no calendário.
- Cor do mês atual: defina uma cor para destacar o mês atual no calendário.
- Cor dos meses anteriores e seguintes: defina a cor do mês anterior e seguinte.
- Estilo e cor do nome do evento: defina o tema do texto do nome do evento, a fonte e o tamanho da fonte.
- Estilo e cor do horário do evento: defina o tema, a fonte e o tamanho da fonte do texto no horário do evento.
- Largura do indicador de evento (px): defina a largura do indicador de evento.
- Raio de canto do evento (px): defina o raio do canto.
- Cores do evento: selecione "Usar cores de tema do site" ou "Usar cores do Google Agenda".
- Estilo do botão: escolha um estilo de botão entre as opções disponíveis.
- Estilo e cor da fonte: defina o tema, a fonte, o tamanho da fonte e a cor do texto do botão.
- Cor e opacidade da borda: defina a cor e a opacidade da borda do botão.
- Largura da borda (px): defina a largura da borda do botão.