Motor de reservas de Cloudbeds - Cómo ocultar o reemplazar el mapa en el motor de reservas

Consulte la sección Cómo ocultar el mapa del motor de reservas para completar este primer paso.

Para que se muestre la imagen en lugar del mapa, deberá cargarla (subirla) por Internet a uno de los sitios web de alojamiento de imágenes.

1. Ingrese a http://imgbb.com/ y haga clic en Comienza a subir para seleccionar la imagen de su dispositivo.
2. Seleccione la opción No eliminar automáticamente.
3. Haga clic en Subir.

4. Seleccione la opción Enlaces de visualizador en la sección de códigos para insertar.
5. Copie el enlace de su imagen. Necesitará utilizar este enlace para el paso 3 más adelante. 

1. Abra una Nueva pestaña de incógnito en su navegador.
2. Pegue el enlace de la imagen que copió en el Paso 2 en la barra de direcciones.
3. Haga clic derecho y seleccione Copiar dirección de la imagen.

1. Ingrese a la página Personalizar motor de reservas.
2. Agregue el siguiente código en la sección Pie de página de su sitio web de reservas de hotel.
3. On the code below, paste the image address that was copied in step 3 in the image source (img src) as shown below (Replacing the Add the copied image address here text)

Se verá de esta forma:

1. Ingrese a Google Maps.
2. Busque la ubicación de su propiedad.
3. Haga clic en Compartir.

4. Haga clic en Insertar un mapa.
5. Haga clic en Copiar HTML (esto copiará todo el código). El código deberá empezar con <iframe y cerrar con /iframe>

Ejemplo: el código de abajo resaltado en rojo es el idioma del mapa, que es el inglés (en). De ser necesario, puede cambiarlo a otros idiomas (por ejemplo, español (es), portugués (pt), etc.).

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7886.465207518082!2d115.1726561!3d-8.764173!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dd244f35b8a5d05%3A0xd42d4da6a44aa938!2sJimbaran%20Beach!5e0!3m2!1sen!2sid!4v1596624024065!5m2!1sen!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>

1. Inserte el siguiente código en la página Personalizar motor de reservas, en ambas secciones: Metaetiquetas personalizadas y Metaetiquetas personalizadas (solo página de confirmación):
   

2.  Copie el código a continuación e insértelo en la sección Pie de página de su sitio web de reservas de hotel de la pestaña Personalizar motor de reservas.
3. Reemplace el texto resaltado en rojo con el código que obtuvo de Google Maps. Asegúrese de que el valor width (ancho) esté fijado al 100 %. El valor Height (alto) suele ser de 40 % o 50%, pero usted puede adaptarlo para mostrar un mapa más grande.

<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!1d2572.60377989993!2d24.020110315452538!3d49.849901979396975!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x473add0bab6b2a0d%3A0x808e8719253e6808!2sForum+Lviv!5e0!3m2!1sru!2sua!4v1547106673131" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>');
}, false);
</script>

4. Duplique este código para todos los idiomas.

5. Guarde sus cambios.

6. El resultado final debería verse así, mostrando su ubicación en Google Maps: