Incorporar uma agenda da 6am em qualquer site

Incorpore uma agenda publicada da 6am no local onde o visitante espera agendar. O embed é HTML padrão: um iframe e um link separado para a agenda hospedada. Não exige plugin do WordPress, SDK JavaScript, framework de frontend ou cookies de sessão de terceiros.

• Resultado: o visitante escolhe data e horário, envia a reserva e vê a confirmação dentro da agenda incorporada.
• Responsável: administrador da empresa ou membro com Gerenciar contatos, junto de um editor autorizado do site de destino.
• Pré-requisito: agenda publicada e testada pelo SOP 077. Selecione a empresa correta no painel da 6am.

01. Escolha a agenda e o destino

Confira anfitrião, instruções do encontro, duração, fuso, horários semanais, datas bloqueadas, intervalos, antecedência e horizonte. Explique o encontro brevemente acima do embed; não prometa link de vídeo ou e-mail que esta versão não gera.

Escolha uma página que você tenha autorização para editar. Guarde o conteúdo anterior. O site precisa permitir marcação iframe e carregar a origem da agenda. Plano de hospedagem, permissões do editor, plugins e políticas de segurança podem limitar isso; o embed não contorna essas restrições.

02. Copie o código real da 6am

1. Abra Agendas de reservas na empresa correta. A agenda deve estar Publicada.
2. Na linha da agenda, escolha Incorporar em um site. Selecione todo o campo Código HTML para incorporar e copie. Guarde o Link público da agenda para comparação e alternativa. Essa janela não possui ação de salvar.
3. O código contém a URL real da agenda e um título acessível escapado, largura 100%, altura 900, carregamento adiado e política de não enviar referência. Um link separado abre a agenda hospedada em outra aba. Copie o iframe e esse link; conteúdo vazio dentro de iframe não é uma alternativa confiável.
4. Cole como HTML, não como texto visível nem bloco de código Markdown. Não use URL do painel, ticket, referência de agendamento ou UUID de exemplo no src.

A largura acompanha o contêiner. A altura é fixa em 900 pixels e pode ser ajustada no HTML copiado. Conteúdo maior usa rolagem interna; esta versão não redimensiona automaticamente a página hospedeira nem envia eventos de reserva a ela. O site hospedeiro não consegue ler o formulário do visitante entre origens. Preserve a rolagem interna padrão e evite contêineres que recortem o quadro.

03. Adicione à sua plataforma

HTML ou construtor de páginas

Cole o código completo no corpo da página ou no componente HTML/embed do construtor, abaixo de um título útil. Não o coloque dentro de outro formulário. Pré-visualize, salve e abra a página real do visitante. Confirme que o construtor preservou o iframe e o link alternativo.

Astro

Cole o código diretamente na marcação de uma página ou componente .astro. É HTML nativo; não adicione diretiva client:* nem instale integração para isso. Faça build e preview com os comandos existentes do projeto e publique pelo fluxo autorizado. A agenda continua dinâmica mesmo se a página ao redor for gerada estaticamente. Documentação de componentes Astro.

WordPress

Edite a página escolhida, adicione um bloco HTML personalizado e cole o código completo no editor HTML. Salve o bloco quando esse controle aparecer e depois salve/atualize a página. Reabra o editor e confira se o iframe foi preservado. Teste a página do visitante, não apenas a prévia do editor.

O WordPress pode remover iframes de contas sem a permissão necessária para HTML; planos WordPress.com e plugins de segurança podem impor outros limites. Peça ao administrador autorizado que confira o método de publicação suportado. Não desative proteções globais nem conceda permissões amplas apenas para fazer um teste passar. Use um link normal para a agenda hospedada quando a incorporação não estiver disponível. Documentação do bloco HTML personalizado.

04. Verifique o fluxo do visitante

1. Abra a página de destino como visitante, preferencialmente em janela privada. Confira título, instruções, fuso, política de privacidade e controles. A agenda usa seu próprio idioma e fuso configurados; o idioma do site ao redor não os substitui.
2. Escolha uma data futura disponível e selecione Ver horários disponíveis. O resultado deve carregar dentro do iframe sem substituir a página hospedeira. Confira também uma data bloqueada.
3. Teste em largura móvel estreita e em um telefone real antes de liberar para clientes. Role até o último horário, campos obrigatórios de nome/e-mail, política e botão de confirmação. Confira acesso por teclado e o link alternativo para a agenda hospedada. Aumente a altura do iframe copiado se ajudar; não esconda controles que ultrapassem o quadro.
4. Com nome sintético e e-mail example.test, envie uma reserva controlada. Registre referência, horário local e fuso exibidos na confirmação dentro do quadro. Esta versão confirma na página e não envia e-mail, convite ou lembrete.
5. Na 6am, abra Agendamentos pela linha da agenda. Confira filtro, status confirmado, participante, horário e Detalhes. Verifique Ver contato ou o estado explícito de revisão de identidade quando não houver associação segura. Reservar não inscreve o participante em marketing.
6. Recarregue a página de destino e escolha a mesma data. O horário reservado deve desaparecer. Cancele a reserva sintética na 6am e confira o retorno do horário quando as demais regras permitirem. Despublique uma agenda exclusiva de QA ao terminar.

Diagnóstico e limites operacionais

• Quadro vazio ou bloqueado: compare o link hospedado. Se ele funciona diretamente, confira a política frame-src de Content Security Policy da página e se o editor preservou o iframe. Peça ao administrador responsável uma liberação restrita à origem exata da agenda; não desative CSP globalmente. Consulte a referência de iframe.
• 404 no quadro e no link direto: confirme que a agenda existe e permanece publicada. Salvar qualquer edição devolve a Rascunho; revise e publique novamente. A mesma URL volta a aceitar reservas. Despublicar fecha novas reservas e preserva as existentes.
• Sem horários: confira regras da agenda e disponibilidade do anfitrião pelo SOP 077. Não reduza antecedência nem intervalos só para passar no teste.
• Validação ou formulário expirado: use o link de retorno dentro da agenda e escolha um horário atual. Não incorpore uma cópia salva do HTML do formulário nem armazene seu ticket/confirmação em cache.
• Privacidade: os dados são enviados à 6am dentro do iframe, não ao processador de formulários do site hospedeiro. Não acrescente dados pessoais à URL. Não inclui sincronização externa, geração de links de reunião, pagamento, callback de analytics ou altura automática. Para habilitar reagendamento e cancelamento pelo cliente, configure o SOP 079; o link privado de gestão também aparece na confirmação de reservas elegíveis dentro da incorporação.

Aceite e entrega

Registre empresa/agenda, URL de destino, plataforma e editor, código salvo, largura testada, referência da reserva, resultado do CRM/contato, ocupação do horário, cancelamento e alternativa por link. Repita após mudanças no tema, CSP, editor ou agenda. Uma prévia funcionando não basta. Deixe explícitos limites de cada plataforma; compatibilidade com HTML padrão não certifica toda combinação de construtor, plugin ou navegador.