Puedes integrar las reservas de WeTravel en tu sitio web de Wix mediante varios enfoques, según cómo esté construida tu página. Dado que Wix restringe las inserciones de HTML y JavaScript personalizados en sus páginas estándar, la solución más común y confiable es usar un Lightbox para mostrar el proceso de pago de WeTravel.
Esta guía explica la configuración recomendada del Lightbox, así como soluciones alternativas para sitios de Wix que utilizan repetidores, eventos o diseños de tipo reserva.
Estas instrucciones se aplican a todos los flujos de reserva de WeTravel (Reservar ahora, Calendario y Descargar folleto). Puedes reutilizar la misma lógica para diferentes viajes.
💡 Importante: El código de inserción HTML estándar de WeTravel no es compatible si se pega directamente en las páginas de Wix. En su lugar, Wix requiere soluciones indirectas, como el uso de Lightboxes o de URLs de reserva.
Antes de empezar
Para las integraciones con Wix, normalmente utilizarás un enlace de reserva directo de WeTravel en lugar del código de inserción completo.
Inicia sesión en tu cuenta de WeTravel.
Abre el viaje que quieras insertar.
Ve a Promocionar (Promote) → Enlace directo (Direct Link).
Copia el enlace de reserva del viaje o el enlace de pago.
Utilizarás este enlace en un Lightbox o como un enlace de botón, dependiendo de tu configuración de Wix.
Solución recomendada: Usar un Wix Lightbox (Pago en ventana emergente)
Esta es la solución más flexible y la más utilizada habitualmente para los sitios web de Wix.
La idea es la siguiente:
Un botón de "Reservar ahora" abre un Lightbox de Wix.
Dentro del Lightbox, muestras el proceso de pago de WeTravel utilizando un bloque compatible con inserciones o un elemento de tipo iframe.
El fondo del Lightbox es semitransparente, lo que crea una experiencia de pago en una ventana emergente.
Paso 1: Crea un Wix Lightbox
Abre tu Editor de Wix.
Ve a Agregar (+) → Interactivo → Lightbox.
Elige un Lightbox en blanco.
Ponle un nombre como "Pago WeTravel".
Paso 2: Dale estilo al fondo del Lightbox
Haz clic en el fondo del Lightbox.
Cambia el color de fondo a gris o negro.
Reduce la opacidad para crear una capa semitransparente.
Asegúrate de que el Lightbox esté centrado.
Esto le dará la apariencia de una ventana modal de pago integrada.
Paso 3: Añade el proceso de pago de WeTravel dentro del Lightbox
Dentro del Lightbox, tienes dos opciones estándar dependiendo del editor de Wix y la configuración de tu sitio.
Opción A: Usa un elemento de Inserción / iFrame (cuando esté disponible)
Añade un elemento de Inserción (Embed) o un iFrame dentro del Lightbox.
Configura la URL de origen con tu enlace de reserva de viaje de WeTravel.
Redimensiona el elemento para que se ajuste a la vista de pago.
Opción B: Usa un botón dentro del Lightbox que abra el enlace de WeTravel
Añade un botón dentro del Lightbox.
Vincula el botón a la URL de la reserva de WeTravel.
Configura el enlace para que se abra en la misma ventana.
Nota: La disponibilidad de los elementos de inserción puede variar según la versión del editor de Wix y tu plan.
Paso 4: Vincula tu botón "Reservar ahora" al Lightbox
Selecciona tu botón principal de "Reservar ahora" en la página.
Haz clic en Enlace.
Elige Lightbox.
Selecciona tu Lightbox "Pago WeTravel".
Guarda los cambios.
Solución alternativa: Usar una URL de reserva directa (sin Lightbox)
En algunas configuraciones de Wix, el enfoque del Lightbox puede no ser el ideal o el más necesario.
Puedes enlazar directamente a WeTravel si:
Prefieres una configuración más sencilla.
No tienes inconveniente en redirigir a los usuarios a WeTravel.
Tu sitio utiliza Wix Events o componentes de reserva propios.
Pasos:
Selecciona el botón o el elemento donde se puede hacer clic.
Configura el enlace con tu URL de reserva de viaje de WeTravel.
Elige si quieres que se abra en la misma pestaña o en una pestaña nueva.
Guarda y publica.
Caso especial: Repetidores de Wix (Tarjetas de viaje, Listas o Cuadrículas)
Algunos sitios de Wix muestran los viajes utilizando Repetidores (Repeaters).
En este caso, la solución depende de cómo gestiones los datos del repetidor.
Opción A: Repetidores estáticos
Asigna manualmente una URL de reserva de WeTravel diferente al botón de cada elemento del repetidor.
Opción B: Repetidores dinámicos (Conectados al CMS)
Almacena la URL de la reserva de WeTravel en un campo del CMS.
Conecta el enlace del botón a ese campo del CMS.
Esto permite que cada tarjeta de viaje abra el proceso de pago correcto de WeTravel de forma automática.
Caso especial: Wix Events o funciones de reserva
Si tu sitio utiliza Wix Events u otras herramientas de tipo reserva:
Comprueba si existe un campo de URL de reserva (Booking URL) o Enlace externo.
Si está disponible, pega allí la URL de la reserva de viaje de WeTravel.
Desactiva o evita el proceso de pago predeterminado de Wix si es posible.
Esto sustituye el flujo de reserva de Wix por el de WeTravel.
Múltiples soluciones, según tu configuración
Wix no tiene una única solución universal. Dependiendo de tu sitio, puedes utilizar:
Lightboxes (Ventanas emergentes).
Enlaces de reserva directos.
Repetidores con URLs dinámicas.
Botones conectados al CMS.
Enlaces de reserva externos en eventos.
Todas estas opciones son válidas y se utilizan habitualmente.
Previsualiza y prueba tu sitio de Wix
Después de configurar todo:
Previsualiza el sitio en el editor de Wix.
Publica y prueba el sitio web en vivo.
Haz clic en Reservar ahora para confirmar que el proceso de pago se abre correctamente.
Realiza pruebas tanto en computadora como en dispositivos móviles.
Confirma que el Lightbox se cierra correctamente.
Solución de problemas
Si el proceso de pago no aparece:
Confirma que el botón esté vinculado al Lightbox o a la URL correcta.
Verifica que el enlace de WeTravel funcione por sí solo.
Asegúrate de que las ventanas emergentes (pop-ups) no estén bloqueadas en tu navegador.
Comprueba que el Lightbox no esté oculto en la versión móvil.
Intenta configurar el enlace para que se abra en la misma pestaña en lugar de una nueva.
¿Necesitas ayuda para encontrar la mejor configuración en Wix?
Los sitios de Wix varían mucho dependiendo de:
El tipo de editor utilizado.
El uso de CMS o de repetidores.
Las funciones de eventos o de reservas.
Las restricciones de los Lightboxes.
El diseño de las páginas.
Si no tienes claro qué enfoque utilizar, envía un correo electrónico a info@wetravel.com incluyendo:
Un enlace a tu sitio web de Wix.
Una captura de pantalla de tu editor de Wix.
Una breve explicación de cómo quieres que sea la experiencia de reserva.
¡Nuestro equipo interno te ayudará a elegir la mejor solución y te guiará paso a paso en el proceso!