Inserir

Agendamento no seu site

Coloque sua página de agendamento no seu site: em uma seção, atrás de um botão, em um pop-up ou como horários em um e-mail. Ela usa sua cor, e ninguém sai da página para agendar.

Comece agora

Usado por empresas em rápido crescimento no mundo todo

De um snippet a um agendamento no seu site

Pieter coloca a chamada inicial na página de contato da Northwind. Ida agenda sem sair do site.

Inserir

Escolha como aparece

Abra um link de agendamento, toque em Inserir e escolha um formato: na página, atrás de um botão flutuante, em um pop-up por qualquer link ou como horários em um e-mail.

Código

Copie um snippet

Defina o tema, a cor da marca e o layout, depois copie o código. HTML ou React, e o React Atom quando quiser criar o agendador você mesmo.

Seu site

Cole, e o agendador aparece

O agendador carrega na seção de contato da Northwind, na cor do estúdio, com a disponibilidade real de Pieter.

Agendamento

Visitantes agendam na sua página

Ida escolhe terça às 11:30 e preenche o formulário. Ela nunca sai de northwind.studio.

Confirmação

O agendamento fica no lugar

A confirmação mostra onde o agendador estava, e Pieter fica sabendo na hora. Adicione tags UTM ao link e o agendamento guarda de onde veio.

Cal.ai

Pergunte como inserir

Cal.ai conhece a documentação do Cal.com, então os passos para colocar um agendador no seu site estão a uma pergunta de distância.

How do you want to add Cal to your site?

Choose one of the following ways to put Cal.com on your site.

Inline embedLoads your booking link alongside your other website content.Floating pop-up buttonPuts a floating button on your site that triggers a modal with your booking link.Pop up via element clickOpen your Cal dialog when someone clicks an element.Email embedSelect a few available times and embed them in your email.

HTML (iframe)React (iframe)React (Atom)Place this code in your HTML where you want your Cal.com widget to appear.<div id="my-cal-inline-intro"></div><script type="text/javascript"> Cal("init", "intro", { origin: "https://cal.klipni.com" }); Cal.ns.intro("inline", { elementOrSelector: "#my-cal-inline-intro", calLink: "pieter/intro", config: { layout: "month_view" }, });</script>Copied to clipboardCloseCopy code

New event bookednowIntro call with Ida Lund, Tue 10 Nov at 11:30am. Booked on northwind.studio.

Veja a configuração

Uma gravação curta de uma inserção indo do snippet a um agendamento no seu site, nos mesmos passos acima.

Tutorial1:11

Neste vídeo

Ele já sabe quem está agendando

Coloque nome e e-mail no link e o formulário vem preenchido. Adicione tags UTM e o agendamento guarda de onde veio.

Testar outro recurso

Cada recurso funciona igual: configure uma vez em um link ou peça ao Cal.ai para fazer por você.

Automação

App Store

Calendários, CRMs, vídeo e mais.

Automação

Webhooks

Envie toda reserva a qualquer lugar.

Automação

Apps móveis e desktop

iOS, Android, macOS, Windows.

Dúvidas sobre inserção

Formatos, configuração, preenchimento e rastreamento.

Coloque agendamento no seu site

Escolha um formato, copie o snippet e cole.

Comece agora Fale com vendas

Agendamento no seu site

De um snippet a um agendamento no seu site

Escolha como aparece

Copie um snippet

Cole, e o agendador aparece

Visitantes agendam na sua página

O agendamento fica no lugar

Pergunte como inserir

Veja a configuração

Ele já sabe quem está agendando

Testar outro recurso

App Store

Webhooks

Apps móveis e desktop

Dúvidas sobre inserção

Quais formatos de inserção existem?

Como insiro Cal.com no meu site?

Posso pré-preencher o formulário?

Posso rastrear de qual campanha veio um agendamento?

Posso criar meu próprio agendador?

A inserção funciona com Cal.com auto-hospedado?

Coloque agendamento no seu site