O Motor de Reservas da Cloudbeds possui mapas interativos que permitem que os hóspedes encontrem a sua propriedade seguindo as direções nele. Para ocultar ou substituir o mapa do seu Motor de Reservas, siga os passos abaixo.
Se você quiser solicitar um upgrade do seu plano atual, entre em contato com nossos Consultores de Hotelaria.
Como substituir o mapa do motor de reservas
Uma imagem fixa pode ser uma foto com as direções sobre como chegar na sua propriedade.
Passo 1 - Oculte/remova o mapa atual do seu motor de reservas
Leia a seção Como ocultar o mapa do motor de reservas para realizar essa etapa.
Passo 2 - Faça o upload de uma nova imagem online
Antes de começar, certifique-se de que a imagem que você quer exibir está salva no seu dispositivo.
Para mostrar a imagem ao invés do mapa, será necessário fazer o seu upload ou salvá-la da internet em um site de hospedagem de imagens.
- Acesse http://imgbb.com/ e clique em Start Uploading fazer selecionar a imagem a partir do seu dispositivo
- Selecione a opção Don't autodelete (não excluir automaticamente)
- Clique em Enviar/Upload
- Selecione a opção Ver links/Viewers links na seção de Códigos para incorporar/Embed Codes
- Copie o link da sua imagem. Você precisará desse link posteriormente, para o Passo 3.
Passo 3 - Copie o endereço da imagem
- Abra uma janela anônima no seu navegador
- Cole o link da imagem do Passo 2 na janela anônima
- Clique com o botão direito do mouse e obtenha o seu link
Passo 4 - Adicione a imagem no seu motor de reservas
- Acesse a página Customização do motor de reservas
- Adicione o código na seção Customize o rodapé de sua página de reservas
- No código abaixo, cole o endereço da imagem que foi copiado no passo 3 na fonte da imagem (img src), conforme mostramos abaixo. (Substitua o insira aqui o link da imagem copiado)
<script type="text/javascript">
window.addEventListener("load", function(event) {
//append google maps iframe
var d1 = document.getElementById('map_canvas');
d1.insertAdjacentHTML('afterend', '<img src="Insira aqui o link da imagem copiado" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></img>');
}, false);
</script>
- O código salvo no campo Customize o rodapé de sua página de reservas precisa ser adicionado (copiado e colado) em todos os idiomas desejados para que apareçam ativos e funcionando corretamente.
- À esquerda, mude o idioma e copie e cole o mesmo código em todos os idiomas desejados.
Seu motor de reservas ficará assim:
O Motor de Reservas exibe o mapa que puxa informações da localização da sua propriedade das configurações do sistema. Se você quiser substituir esse mapa padrão pelo Google Maps, siga as instruções abaixo.
Passo 1 - Copie o código de localização do Google Maps
- As instruções foram tiradas do suporte do Google Maps
- Às vezes, as informações de trânsito e outras não estão disponíveis no mapa incorporado.
- Abra o Google Maps
- Encontre a localização da sua propriedade
- Clique em Compartilhar
- Clique em Incorporar um mapa.
- Clique em COPIAR HTML (isso copiará todo o código)
O código deve começar com <iframe e terminar com /iframe>
O código será gerado no idioma do seu navegador e o mapa será exibido nesse mesmo idioma.
Por exemplo: O código vermelho abaixo é o idioma do mapa - inglês (en). Se necessário, você pode mudá-lo para outros idiomas (es - espanhol, pt - português, etc.)
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3639.434237917708!2d-46.79960448536768!3d-24.19156679105022!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94d1d56e0ab64867%3A0x35abb74ea5c0a71d!2sPraia%20dos%20Pescadores%2C%20Itanha%C3%A9m%20-%20SP%2C%2011740-000!5e0!3m2!1spt-BR!2sbr!4v1597782022707!5m2!1spt-BR!2sbr" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
Passo 2 - Insira o código de customização
- Insira o código abaixo na página Customização do motor de reservas, nos dois campos Customize aqui os meta tags de sua página de reservas e Meta tags personalizadas (apenas página de confirmação)
<style>
#map_canvas { display:
none;
}
</style>
- Copie o código abaixo e cole-o na seção Customize o rodapé de sua página de reservas na página de Customização do motor de reservas.
- Substitua o código em vermelho abaixo com o código que apareceu para você no Google Maps. Certifique-se de que a
width(largura) esteja definida em 100%.Height(altura) geralmente é definida em 450, mas você pode aumentar para mostrar um mapa maior.
<script type="text/javascript">
window.addEventListener("load", function(event) {
//append google maps iframe
var d1 = document.getElementById('map_canvas');
d1.insertAdjacentHTML('afterend', '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3639.434237917708!2d-46.79960448536768!3d-24.19156679105022!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94d1d56e0ab64867%3A0x35abb74ea5c0a71d!2sPraia%20dos%20Pescadores%2C%20Itanha%C3%A9m%20-%20SP%2C%2011740-000!5e0!3m2!1spt-BR!2sbr!4v1597782022707!5m2!1spt-BR!2sbr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>');
}, false);
</script>- Copie o código para todos os idiomas:
- Salve suas alterações:
- O resultado final aparecerá assim, mostrando a sua localização no Google Maps
Se você utiliza o motor de reservas no mygroups, você tem um terceiro passo para seguir após concluir os passos acima. O link do motor de reservas para Organizações é diferente e os códigos no motor de reservas individual não funcionarão se aplicados à propriedade individual.
Nesse caso, siga os passos abaixo:
- Faça o login na sua conta do mygroups e clique no seu nome de usuário
- Selecione Settings (configurações)
- Clique em Customize Booking Engine (customizar motor de reservas)
- Adicione o seguinte código na seção Custom Meta Tags (Meta Tags Customizadas)
<style>
/* Change Search Button */
.btn.btn-warning.btn-block {
color: #000000;
}
.green.btn,
.green.btn:hover, .green.btn:focus, .green.btn:active, .green.btn.active {
color: #000000!important;
color: #000000;
}
#map_canvas { display:
none;
}
</style>Saiba mais sobre Como customizar o motor de reservas do mygroups.
Como ocultar o mapa do motor de reservas
A configuração para ocultar o mapa ocultará todos os tipos de mapas no Motor de Reservas (o mapa do PMS da Cloudbeds e o Google Maps).
- Clique em Configurações (ícone de engrenagem)
- Acesse Configuração do Motor de Reservas
- Clique para remover a seleção da opção Ocultar mapa
- Salve a alteração
Comentários
Por favor, entre para comentar.