Incorporar

Agendamento, no teu site

Põe a tua página de agendamento no teu site: numa secção, atrás de um botão, num pop-up ou como horários num email. Usa a tua cor, e ninguém sai da página para agendar.

Começa

Usado por empresas em rápido crescimento em todo o mundo

De um snippet a um agendamento no teu site

Pieter põe a sua chamada introdutória na página de contacto da Northwind. Ida agenda-a sem sair do site.

Incorporar

Escolhe como fica

Abre um link de agendamento, prime Incorporar e escolhe um formato: na página, atrás de um botão flutuante, num pop-up a partir de qualquer link, ou como horários num email.

Código

Copia um snippet

Define o tema, a cor da marca e o layout, depois copia o código. HTML ou React, e o React Atom quando quiseres criar tu o widget de agendamento.

O teu site

Cola-o e o widget aparece

O widget carrega na secção de contacto da Northwind, na cor do estúdio, com a disponibilidade real do Pieter.

Agendamento

Os visitantes agendam na tua página

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

Confirmação

O agendamento fica feito

A confirmação mostra onde estava o widget, e Pieter sabe logo. Adiciona tags UTM ao link e o agendamento guarda a origem.

Cal.ai

Pergunta como o incorporar

O Cal.ai conhece a documentação do Cal.com, por isso os passos para pôr um widget no teu 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.

Vê a configuração

Uma gravação curta de uma incorporação, do snippet a um agendamento no teu próprio site, nos mesmos passos acima.

Tutorial1:11

Neste vídeo

Já sabe quem agenda

Põe o nome e email no link e o formulário já vem preenchido. Adiciona tags UTM e o agendamento guarda a origem.

Testa outra função

Cada uma funciona da mesma forma: configuras uma vez num link, ou pedes ao Cal.ai que o faça por ti.

Automação

App Store

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

Automação

Webhooks

Envia cada reserva para qualquer lado.

Automação

Apps móveis e desktop

iOS, Android, macOS, Windows.

Perguntas sobre incorporação

Formatos, configuração, pré-preenchimento e tracking.

Põe o agendamento no teu site

Escolhe um formato, copia o snippet e cola-o.

Começa Fala com vendas

Agendamento, no teu site

De um snippet a um agendamento no teu site

Escolhe como fica

Copia um snippet

Cola-o e o widget aparece

Os visitantes agendam na tua página

O agendamento fica feito

Pergunta como o incorporar

Vê a configuração

Já sabe quem agenda

Testa outra função

App Store

Webhooks

Apps móveis e desktop

Perguntas sobre incorporação

Que formatos de incorporação existem?

Como incorporo o Cal.com no meu site?

Posso pré-preencher o formulário de agendamento?

Posso saber de que campanha veio um agendamento?

Posso criar o meu próprio widget de agendamento?

A incorporação funciona com Cal.com autoalojado?

Põe o agendamento no teu site