Integrar motor de reservas web no Wordpress

  1. Integrar el widget
  2. Crear un Wordpress embebido para usarlo en el widget

Integrar el widget

En este artículo te explicamos cómo puedes integrar el motor de reservas para una web que no está desarrollada con Wordpress.

<div id="mybooking_widget_container"></div>   
<script id="js-mybooking" 
        src="https://cdn.jsdelivr.net/gh/mybooking-es/mybooking-js-widget@v1.0.6/mybooking-widget.js" 
        data-company="dev-rentacar"></script>    

Has de añadir un elemento div con id mybooking_widget_container que es dónde se insertará el motor.

Has de añadir un script que es quien inserta el motor de reservas. Opciones:

Parámetro Valor
data-url URL del sitio wordpress preparado con el plugin. La alternativa es usar data-company con el id cliente tu cuenta de Mybooking si no existe un subdominio con el motor
data-company Id Cliente mybooking. Informar este valor o data-url
data-promotion-code Código de promoción, si queremos que se rellene automáticamente
data-agent-id Id del comisionista para registrar automáticamente la comisión

Al abrir la página se mostrará el motor de reservas incrustrado. Incluye todo el proceso y el pago online si está configurado.


Crear un Wordpress con el motor de reservas


Si el cliente quiere incluir pago online, es necesario crear un Wordpress con el motor de reservas, y utilizar el parámetro data-url para conectarlo.


  1. Creamos un nuevo Wordpress. Puede hacerse en cloudways, Hostinger u otro proveedor web.


  1. Instalamos Polylang
  2. Instalamos el tema Mybooking
  3. Instalamos el tema "Mybooking Child Embedded", https://github.com/mybooking-es/mybooking-child-embedded, que es el que permite que el motor funcione en un iFrame y se redimensione automáticamente para que funcione bien en teléfonos móviles. (Recordad de descomprimir en local y volver a comprimir sin el "master")
  4. Instalamos el plugin Mybooking Reservation Engine
  5. Configuramos el plugin de Mybooking (usar un canal de venta específico si ya hay una web conectada a Mybooking)
  6. Comprobamos que funciona el motor
  7. Como último paso, se puede crear un dominio específico, por ejemplo, widget.midominio.com
    1. Crear el subdominio (lo tiene que hacer quien tenga el control del dominio). Tiene que crear un registro tipo A que apunte al subdominio, widget.midominio.com. Hemos de facilitar la IP
    2. Comprobar la propagación de las DNS. Usando https://www.whatsmydns.net/
    3. Se tiene que vincular el dominio en el hosting y seleccionalo como dominio principal
    4. Se tiene que asegurar que tiene el certificado SSL
  8. Configurar las URLs en Mybooking (resumen y mi reserva)


a. Obtener la IP del hosting del Wordpress para facilitarla

b. Verificamos la propagación

c. Vincular el dominio
c. Vinculamos el dominio nuevo
d. Configuramos SSL

  1. Al insertar el código usar el subdominio.

<div id="mybooking_widget_container"></div>   
<script id="js-mybooking" 
        src="https://cdn.jsdelivr.net/gh/mybooking-es/mybooking-js-widget@v1.0.6/mybooking-widget.js" 
        data-url="widget.midominio.com"></script>    
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us