Inserir

Agendamento no seu site

Coloque sua página de agendamento dentro do seu site: em uma seção, atrás de um botão, em um pop-up ou como horários em um email. 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 sua chamada inicial na página de contato da Northwind. Ida agenda sem sair do site.

Inserir

Escolha como ele aparece

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

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 do 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 quem agendou estava, e Pieter fica sabendo na hora. Adicione tags UTM ao link e o agendamento guarda de onde veio.

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 event type.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://app.cal.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.

Um site, quatro formas de agendar

A Northwind Studio recebe chamadas iniciais com Pieter pelo site. Escolha como o agendador aparece e a cor que ele usa.

Cor da marca

Um botão no canto de cada página que abre o agendador.

Ele já sabe quem está agendando

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

Dúvidas sobre inserir

Formatos, configuração, preenchimento e rastreamento.