Blog

Como adicionar páginas de agendamento ao teu website

Cal.com teamMar 30, 2023

O Cal.com torna o agendamento mais fácil

A ideia central por trás da infraestrutura de agendamento open-source do Cal.com é tornar mais fácil marcar reuniões com pessoas. Fazemo-lo ao disponibilizar um conjunto de ferramentas acessível e personalizável que elimina a troca de mensagens para marcar encontros online e presenciais. Naturalmente, podes partilhar o teu perfil do Cal.com enviando um link por email, SMS ou mensagem direta. No entanto, também temos opções que te permitem adicionar o Cal.com ao teu website sem esforço.

Os tipos de embeds que oferecemos

O Cal.com oferece três tipos de opções de incorporação, cada uma acessível através do teu painel de personalização de eventos. Podes gerar um embed diferente para cada tipo de reunião. Controlar embeds por evento também significa que podes criar páginas de agendamento separadas para eventos ocultos e públicos. Isto é útil se só tiveres tipos de reunião para equipas internas ou clientes com subscrições específicas.

Há três formas diferentes de incorporar eventos no teu website; podes adicionar o evento como um embed inline, um botão pop-up ou um pop-up através de clique num elemento. Cada uma tem pontos fortes ligeiramente diferentes.

O embed inline é simples e direto - é o que a maioria das pessoas imagina quando pensa em incorporar um calendário no website. Quando adicionas o código do embed inline ao teu website, ele gera um calendário com uma breve descrição do evento e dos slots de agendamento disponíveis.

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

A nossa opção de incorporação mais única é o pop-up acionado por clique num elemento. Quando um visitante clica num aspeto do agendamento do calendário do teu website, aparece um pop-up com slots de horário, permitindo-lhe selecionar a hora de reunião preferida.

Cal.com embed options modal

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

Todas as nossas opções de embed são personalizáveis através de uma interface de utilizador sem código, tornando fácil alterar coisas como a cor da marca e o tema que queres aplicar ao pop-up. Além disso, a interface de personalização de Embed também inclui um separador de pré-visualização que podes usar para confirmar as tuas escolhas. Quando terminares de personalizar o teu código de embed, podes exportá-lo como HTML ou código React.

Como Adicionar um Embed ao teu Website

  • Inicia sessão na tua conta do Cal.com

  • Vai para o teu painel de eventos

  • Seleciona o evento que queres incorporar no teu website

  • Clica no símbolo em branco

  • Escolhe o tipo de embed que queres usar

  • Faz as personalizações que desejas

  • Copia o código que preferires

  • Visita o teu website

  • Cola o teu código no espaço ou módulo designado

  • Por fim, guarda e publica as alterações que fizeste ao teu website

O Cal.com foi concebido para que o produto seja igualmente utilizável e extensível tanto por developers como por adeptos de no-code. Esta é uma abordagem que adotámos para garantir que o produto é utilizável por toda a gente, independentemente da sua formação formal ou nível de competências. Adicionar uma página de agendamento do Cal.com ao teu website é uma forma fácil de poupar tempo, reduzir os níveis de stress e otimizar o teu fluxo de trabalho.

O Cal.com é agora GRATUITO para indivíduos - regista-te aqui

Cal.com team

Post by

Cal.com team

Cal.com