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](https://ajuda.mymento.com.br/hc/central-de-ajuda-mymento/articles/1779365916-configurar-um-dominio-customizado-para-o-seu-site) 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.