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:

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.

2. Settings > General y cambiamos el idioma a Español y ajustamos la zona horaria a Madrid
3. Instalamos Polylang
4. Eliminar los plugins Hello Dolly y Akismet
5. Instalamos el tema Mybooking
6. 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")
   1. Descargamos el fichero y lo descomprimos. Genera la carpeta mybooking-child-embedded-master
   2. Renombramos la carpeta a mybooking-child-embedded
   3. Abrimos el terminal
   4. cd Downloads
   5. cd mybooking-child-embedded
   6. rm .gitignore
   7. cd ..
   8. zip -r mybooking-child-embedded.zip mybooking-child-embedded
   9. Con esto tenemos el fichero para subirlo en el paso 6
7. Instalamos el plugin Mybooking Reservation Engine
8. Configuramos el plugin de Mybooking (usar un canal de venta específico si ya hay una web conectada a Mybooking)
9. Comprobamos que funciona el motor
10. Establece como tema principal "MyBooking Child Embedded"
11. Establece la página de inicio
    1. Renombrar la página "Págin de inicio de pruebas" a página de inicio
    2. Ajustes > Lectura => Establecemos la página de inicio como página estática. De esta forma el buscador aparecerá en la página.
12. Si la web tiene múltiples idiomas se ha de insertar en la página de inicio el selector de idioma
    1. Editar la página
    2. Añadir el shortcode [mybooking_polylang_langswitcher] por encima del buscador.
13. Añadir la página de términos y condiciones (con sus traducciones)
14. Añadir la página de política de privacidad (editarla y añadir las traducciones)
15. Configurar en el plugin de Mybooking con las credenciales del cliente
16. Traducir las páginas a todos los idiomas:
    1. Página de inicio
    2. Seleccionar producto
    3. Checkout
    4. Resumen
    5. Mi reserva
17. Todas las páginas deben tener como Plantilla: Mybooking Empty
18. 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
19. Configurar las URLs en Mybooking (resumen y mi reserva)

3. 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>