O Calendly oferece várias opções de incorporação que usam JavaScript para controlar layout e comportamento. Mas se a sua plataforma não suportar JavaScript — ou permitir apenas conteúdo de iframe — você ainda pode incorporar o Calendly usando uma configuração básica de iframe.
Este guia explica quando usar a opção iframe, como configurá-la e quais limitações esperar.
Quando usar um iframe
Escolha a incorporação de iframe se:
- Seu construtor de sites não suporta JavaScript
- Você está incorporando o Calendly em uma plataforma que bloqueia scripts (como algumas ferramentas de Gerenciamento de Conteúdo (CMS) ou visualizações de e-mail)
- Você só precisa de uma experiência de reserva simples, sem rastreamento ou personalização
Dica: para obter mais recursos como controle de layout, pré-preenchimento para convidados e rastreamento de eventos, use as opções de incorporação de JavaScript do Calendly.
Configurar um iframe incorporado
Você pode usar qualquer link de agendamento do Calendly dentro de um iframe. Aqui está o formato básico:
</iframe
src="https://calendly.com/YOUR_SCHEDULING_LINK"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Substitua YOUR_SCHEDULING_LINK pelo seu link real.
Exemplo:
</iframe
src="https://calendly.com/jane-doe/30min"
style="width: 100%; min-width: 320px; height: 700px;"
frameborder="0">
</iframe>Dicas de layout
- Definir largura mínima: 320px para suportar dispositivos móveis
- Use pelo menos altura: 700px para evitar barras de rolagem
- Ajuste a largura ou largura máxima para combinar com seu layout
O que as incorporações somente de iframe não podem fazer
Sem JavaScript, a incorporação é mais limitada. Você não será capaz de:
- Pré-preencher o nome ou e-mail do convidado
- Rastrear eventos como reservas
- Redimensionar o widget automaticamente
- Ocultar fotos de perfil ou o banner de cookies
Alguns recursos requerem suporte a JavaScript para funcionar corretamente.
Precisa de mais controle?
Se a sua plataforma permitir, altere para as opções avançadas de incorporação do Calendly. Esses permitem que você:
- Pré-preencher os detalhes do convidado
- Ajustar automaticamente a altura do widget
- Acompanhar eventos e parâmetros UTM
- Personalizar cores, estilos e rótulos