Blog

Como adicionar páginas de agendamento ao seu site

Cal.com teamMar 30, 2023

O Cal.com torna o agendamento mais fácil

A ideia central por trás da infraestrutura de agendamento de código aberto do Cal.com é facilitar o encontro com pessoas. Fazemos isso oferecendo um conjunto de ferramentas acessível e personalizável que elimina a troca de mensagens para marcar compromissos on-line e presencialmente. Naturalmente, você pode compartilhar seu perfil do Cal.com enviando um link por e-mail, SMS ou mensagem direta. Mas também temos opções que permitem adicionar o Cal.com ao seu site de forma fluida.

Os tipos de incorporação que oferecemos

O Cal.com oferece três tipos de opções de incorporação, cada uma acessível pelo painel de personalização dos seus eventos. Você pode gerar uma incorporação diferente para cada tipo de reunião. Controlar as incorporações por evento também significa que você pode criar páginas de agendamento separadas para eventos ocultos e públicos. Isso é útil se você tiver apenas tipos de compromisso para equipes internas ou clientes com assinaturas específicas.

Há três maneiras diferentes de incorporar eventos no seu site; você pode adicionar o evento como uma incorporação inline, um botão pop-up ou um pop-up acionado ao clicar em um elemento. Cada uma tem pontos fortes um pouco diferentes.

A incorporação inline é simples e direta — é o que a maioria das pessoas imagina quando pensa em incorporar um calendário ao site. Quando você adiciona o código da incorporação inline ao seu site, ele gera um calendário com uma breve descrição do evento e dos horários de agendamento disponíveis.

A opção de botão pop-up é um pouco diferente. Quando você incorpora o botão pop-up, ele gera um botão flutuante na página designada e só abre uma interface de agendamento quando você clica nele.

Nossa opção de incorporação mais exclusiva é o pop-up acionado por clique em um elemento. Quando um visitante clica em um elemento do calendário de agendamento do seu site, aparece um pop-up com horários disponíveis, permitindo que ele selecione o horário de reunião de preferência.

Janela modal de opções de incorporação do Cal.com

Opções fáceis de personalização

Todas as nossas opções de incorporação são personalizáveis por meio de uma interface sem código, o que facilita alterar coisas como a cor da marca e o tema que você quer aplicar ao pop-up. Além disso, a interface de personalização de Embed também vem com uma aba de pré-visualização que você pode usar para conferir suas escolhas. Depois de terminar de personalizar o código da sua incorporação, você pode exportá-lo como HTML ou código React.

Como adicionar uma incorporação ao seu site

  • Faça login na sua conta do Cal.com

  • Vá para o painel do seu evento

  • Selecione o evento que você quer incorporar ao seu site

  • Clique no símbolo em branco

  • Escolha o tipo de incorporação que você quer usar

  • Faça as personalizações desejadas

  • Copie o código de sua preferência

  • Acesse seu site

  • Cole seu código no espaço ou módulo designado

  • Por fim, salve e publique as mudanças que você fez no seu site

O Cal.com foi projetado para que o produto seja igualmente fácil de usar e de estender tanto para desenvolvedores quanto para entusiastas de no-code. Essa é uma abordagem que adotamos para garantir que o produto seja utilizável por todas as pessoas, independentemente da formação ou do nível de habilidade. Adicionar uma página de agendamento do Cal.com ao seu site é uma maneira fácil de economizar tempo, reduzir o estresse e otimizar seu fluxo de trabalho.

O Cal.com agora é GRÁTIS para pessoas físicas - cadastre-se aqui

Cal.com team

Post by

Cal.com team

Cal.com