Central de Ajuda

Como incorporar o motor de reservas no seu site existente (embed)

Abrir em
Ver como Markdown Abrir no ChatGPT Abrir no Claude
J

Johannes

Última atualização em May 29, 2026

Se você já possui um site próprio (seja em WordPress, etc.), você pode integrar o motor de reservas da mymento diretamente nele. Dessa forma, o cliente realiza todo o processo de escolha da data, preenchimento de dados e pagamento sem sair do seu site original, mantendo uma experiência de navegação fluida e profissional.

⚠️ Requisito Obrigatório: Subdomínio Próprio

Para que a integração via código funcione corretamente por questões de segurança dos navegadores, é obrigatório que a sua conta mymento utilize um subdomínio do seu site principal.

  • Exemplo: Se o seu site principal é minhaempresa.com.br, você deve configurar um subdomínio como reservas.minhaempresa.com.br para apontar para a mymento.

  • Caso ainda não tenha feito isso, siga o nosso Guia de Configuração de Domínio Customizado antes de continuar.

Passo a Passo para a Integração

1. Preparar a Página no seu Editor (WordPress, etc.)

  1. Acesse o painel de gerenciamento do seu site (ex: painel do WordPress).

  2. Abra a página do produto/passeio onde deseja embutir o calendário de reservas.

  3. Adicione um bloco ou elemento do tipo "Código", "HTML Personalizado" ou "Embed" no local exato onde a agenda deve aparecer.

2. Inserir o Código de Integração

Copie o código abaixo e cole dentro do elemento HTML que você criou no seu site:

<script src="https://mymento.s3.sa-east-1.amazonaws.com/embed_v1.js" data-src="URL_DA_ATIVIDADE"></script>

3. Personalizar o Endereço da Atividade

No código acima, você deve obrigatoriamente substituir o texto URL_DA_ATIVIDADE pelo link real da página de vendas daquele produto específico na mymento (já utilizando o seu subdomínio).

  • Exemplo de como o código deve ficar na prática:
<script src="https://mymento.s3.sa-east-1.amazonaws.com/embed_v1.js" data-src="https://reservas.minhaempresa.com.br/passeio-de-escuna"></script>

💡 Dicas de Ajuste Visual e Layout

  • Largura Automática (100%): Por padrão, o motor de reservas da mymento ocupará 100% da largura útil do bloco ou coluna onde você colou o código.

  • Como Ajustar o Tamanho: Se você achar que a agenda ficou muito larga ou muito estreita na tela, esse ajuste deve ser feito diretamente nas configurações do seu construtor de sites (Elementor, Divi, WordPress, etc.), limitando a largura máxima (ex: Max-Width: 800px) da seção ou da coluna onde o HTML foi inserido.

⚠️ Escopo do Suporte

Por motivos de conformidade e segurança da informação, nossa equipe não possui autorização para acessar ou realizar alterações no painel do seu site externo (WordPress, Wix, etc.). Estamos à disposição para orientar e validar se o código está correto, mas a inserção e publicação dos elementos devem ser realizadas diretamente por você ou pelo seu desenvolvedor.