Como configurar sua página de agendamento online no Workspace369

Abra Configurações e, em Calendário e agendamento, abra Páginas de agendamento. Clique em Nova página, dê a ela um nome que os clientes vão ver e escolha um visual. Em Serviços, desative tudo o que você não quer na página, configure suas regras de agendamento e clique em Criar página.#

Sim. Em Visuais, escolha um visual para definir as cores, as fontes e o layout com um clique, e escolha uma cor da marca. A pré-visualização mostra exatamente o que seus clientes vão ver antes de você criar a página.#

Não, a escolha é sua. As Regras de agendamento permitem confirmar agendamentos na hora ou aprovar cada solicitação antes. Cada página de agendamento é uma forma diferente de os clientes agendarem, e você pode criar mais de uma.#

Assim que você clica em Criar página, ela fica no ar. Compartilhar e incorporar oferece o link e um QR code para compartilhar, ou uma forma de colocar a página no seu site.#

Em Configurações, abra Páginas de agendamento, abra a página e clique em Compartilhar e incorporar. Em Incorporar no seu site, escolha um formato: Inline, Botão de popup, Seu formulário ou Iframe simples. Clique em copiar, cole o código no HTML do seu site ou em um bloco de código (no WordPress, Squarespace, Wix ou Webflow, use um bloco HTML ou de incorporação), publique seu site e faça um teste de agendamento. O código já contém seu ID de espaço de trabalho e página, portanto, não há nada para preencher.#

Inline coloca o calendário de agendamento na página onde você cola o código, e ele se dimensiona ao seu conteúdo. Botão de popup adiciona um botão flutuante "Agendar agora" a cada página onde você o cola, e qualquer elemento com o atributo data-w369-booking também o abre. Seu formulário carrega o mesmo script com data-mode="api", para que seu próprio formulário ou botão possa chamar W369Booking.open() com o nome, e-mail e telefone do cliente (números de telefone em E.164, como +14155550100), ou W369Booking.mount() para exibi-lo dentro do seu próprio elemento. Iframe simples é para construtores de sites que bloqueiam scripts: altura fixa, sem popup. Os scripts incorporados carregam https://369.dev/booking.js.#

Sim, com os scripts incorporados. Adicione data-prefill-name, data-prefill-email, data-prefill-phone (E.164, como +14155550100) e data-prefill-notes à tag do script, ou passe os mesmos valores como prefill para W369Booking.open() ou W369Booking.mount(). data-service e data-member pré-selecionam um serviço ou membro da equipe, usando os IDs na aba IDs do Desenvolvedor em Compartilhar e incorporar, e data-step="time" pula o formulário de detalhes assim que o nome, e-mail e um telefone válido forem preenchidos. Campos extras vão em metadados (até 20 chaves) e são salvos com a reserva e no registro de um novo cliente. Para rastrear de onde vêm as reservas, passe seus valores UTM como source em W369Booking.open() ou mount(): eles aparecem em Origem da reserva no registro do novo cliente. Tags UTM apenas no endereço da sua página são repassadas, mas não salvas. Quando uma reserva é feita, a página dispara um evento w369:booked com o ID da reserva; para uma reserva com depósito, ele dispara antes do pagamento.#

Inline e W369Booking.mount() crescem e encolhem para caber em cada etapa da reserva. O pop-up abre em uma janela de até 1000 por 720 pixels que rola internamente, e fecha com o botão de fechar, a tecla Escape ou um clique fora dela. O iframe simples tem 900 pixels de altura, a menos que você altere sua altura no código. O botão flutuante do pop-up fica no canto inferior direito: altere seu texto com data-label (até 40 caracteres) e sua cor com data-color (uma cor hex como #111827), ou pule-o com data-mode="api" e adicione data-w369-booking a qualquer um dos seus próprios botões ou links. A referência completa está no guia de incorporação: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

Sim. Depósitos ou pagamento integral na reserva são definidos na própria página de reserva, então todos os formatos de incorporação os aceitam, pois cada um abre sua página de reserva. A API REST não pode criar uma reserva com depósito, então se você precisar de um depósito, envie os clientes através da página de reserva incorporada em vez de criar reservas pela API. Em uma incorporação, o pagamento abre o Stripe na mesma aba do navegador e, após o pagamento, o cliente vê a confirmação com um botão de volta para o seu site.#

Sim. Em Compartilhar e incorporar, liste até 20 sites permitidos ou deixe em branco para permitir qualquer site. Iframes simples não podem ser restritos desta forma. Cada incorporação exibe um pequeno crédito Powered by Workspace369.#

Não é preciso ter conta. Os clientes abrem sua página de agendamento, escolhem um serviço, depois um dia e um horário. Por fim, informam seus dados e agendam.#

Páginas de reserva estão incluídas nos planos Specialist, Commander e Enterprise. Cadet e Voyager incluem o calendário e lembretes de compromisso por e-mail, mas não uma página de reserva.#