Puedes insertar los widgets de WeTravel,como el botón de Reservar ahora, los Paquetes de Precios, el Resumen del Viaje, el Formulario de Consulta o cualquier otro widget disponible, directamente en tu sitio web de Weebly. Esto permite que tus visitantes exploren tus viajes y completen sus reservas sin salir de tu página.
Weebly admite la inserción de HTML personalizado, lo que lo hace compatible con todos los widgets de WeTravel que proporcionan un código de inserción (embed code).
💡 Importante: El proceso de pago (checkout) emergente requiere JavaScript para funcionar correctamente. Este funciona en los planes de Weebly que permiten elementos de HTML personalizados (Custom HTML). Si no puedes añadir HTML personalizado, es posible que necesites actualizar tu plan de Weebly.
Los pasos de esta guía se aplican a todos los widgets de WeTravel. Dondequiera que veas "código de inserción" (embed code), puedes utilizar el código de cualquier tipo de widget.
Antes de empezar
Obtén tu código de inserción de WeTravel
Inicia sesión en tu cuenta de WeTravel.
Abre el viaje que quieras insertar.
Ve a Promocionar (Promote) → Insertar (Embed).
Selecciona el widget que prefieras (Reservar ahora, Paquetes de precios, Resumen del viaje, Formulario de consulta, etc.).
Haz clic en Copiar código.
Pegarás este código en tu página de Weebly utilizando una de las opciones que aparecen a continuación.
Añade el código de inserción a tu sitio web de Weebly
Weebly utiliza un editor de arrastrar y soltar. Insertarás los widgets de WeTravel utilizando el elemento HTML personalizado.
Este es el método recomendado para insertar widgets de WeTravel en Weebly.
Opción 1: Insertar usando el elemento HTML personalizado de Weebly
Inicia sesión en tu cuenta de Weebly.
Abre tu sitio web y haz clic en Editar sitio.
Navega hasta la página donde quieras que aparezca el widget.
Desde el panel izquierdo, arrastra el elemento Código de inserción (Embed Code) o HTML personalizado a la página.
Haz clic dentro del elemento y selecciona Editar HTML personalizado.
Pega tu código de inserción de WeTravel.
Haz clic fuera del elemento para guardar los cambios.
Publica tu sitio.
Opción 2: Reemplazar un botón existente con una inserción de WeTravel
Si tu página ya tiene un botón de "Reservar ahora" o "Registrarse":
Edita la página.
Elimina o oculta el botón existente.
Arrastra un elemento de HTML personalizado exactamente a esa ubicación.
Pega tu código de inserción de WeTravel.
Publica y revisa la vista previa.
Opción 3: Usa un enlace directo de WeTravel (si el HTML está restringido)
Si tu plan o tema de Weebly restringe el uso de HTML personalizado:
Ve a tu viaje en WeTravel.
Copia el enlace de reserva del viaje (Promocionar → Enlace directo).
Edita tu botón en Weebly.
Configura el enlace del botón con la URL de WeTravel.
Guarda y publica.
Nota: Esta opción redirige a los usuarios a WeTravel en lugar de abrir la ventana emergente (overlay) de pago integrada.
Insertar widgets de WeTravel en secciones reutilizables
Si quieres que el widget aparezca en varias páginas:
Añade el elemento HTML personalizado con el código de inserción.
Guarda la página.
Duplica la página o la sección.
Actualiza el contenido de alrededor según sea necesario.
Publica.
Notas avanzadas para usuarios de Weebly
Weebly no admite plantillas PHP ni campos dinámicos, como en WordPress. Sin embargo, aún puedes:
Duplicar páginas para simular diferentes diseños de viaje.
Usar diferentes códigos de inserción por página.
Controlar la visibilidad mediante la ubicación en la página.
Usar CSS (usuarios avanzados) para ocultar o mostrar elementos.
Si necesitas un comportamiento dinámico (como cargar automáticamente diferentes viajes), es posible que Weebly requiera el uso de múltiples páginas o una solución personalizada.
Previsualiza y prueba tu página
Después de insertar el widget:
Previsualiza la página en el editor.
Publica y realiza una prueba en el sitio web en vivo.
Haz clic en Reservar ahora para asegurarte de que se abra la ventana emergente (overlay) de pago.
Realiza pruebas tanto en computadora como en dispositivos móviles.
Desactiva los scripts de terceros si el widget no se carga correctamente.
Solución de problemas
Si el widget no aparece:
Confirma que utilizaste un elemento de HTML personalizado.
Asegúrate de haber pegado el código de inserción completo.
Comprueba que tu plan de Weebly permita el uso de HTML personalizado.
Elimina cualquier formato adicional alrededor del código.
Prueba a insertar el widget en una página en blanco.
Vuelve a publicar el sitio después de realizar los cambios.
¿Necesitas ayuda para saber dónde insertar el widget?
Los temas y diseños de Weebly pueden variar. Si no estás seguro de:
Dónde colocar el elemento de HTML personalizado.
Si tu plan permite el uso de inserciones (embeds).
Si es mejor usar el código de inserción o un enlace directo.
Cómo reemplazar un botón de reserva existente.
Te ayudaremos a encontrar la mejor solución. Envía un correo electrónico a info@wetravel.com incluyendo:
Un enlace a tu sitio web de Weebly.
Una captura de pantalla de tu editor de Weebly.
Una breve explicación de cómo quieres que funcione la experiencia de reserva.
¡Nuestro equipo interno te ayudará con los siguientes pasos!