Agrega el widget de reservas de Travel404 a Weebly
Agrega una barra de búsqueda de reservas en vivo a Weebly con el elemento Código de inserción. Ojo: Square cierra Weebly en 67 países el 27 de septiembre de 2026 — revisa si el tuyo está en la lista antes de construir ahí.
El elemento Código de inserción de Weebly (en la sección Básico del panel de elementos) está hecho justo para esto — insertar HTML, CSS o JavaScript sin procesar en una página. Es un elemento estándar en todos los planes de Weebly, así que no hay que preocuparse por ninguna mejora de plan.
Antes de empezar
- Antes que nada: Square anunció el 20 de junio de 2026 que Weebly cierra en 67 países; los sitios afectados dejan de funcionar el 27 de septiembre de 2026 y las cuentas se borran el 26 de diciembre de 2026. Si tu país está en esa lista, pon el widget en el sitio al que te vas a mudar — los pasos de abajo funcionan igual en Square Online.
- Tu propiedad configurada en Travel404 con un slug (Propiedad → Motor de reservas lo muestra).
- Acceso de edición al sitio en el editor de Weebly.
Pasos
En Travel404
Copia el código del widget
En la app de Travel404, ve a Propiedad → Motor de reservas y abre Widget de barra de búsqueda compacta. En Código de inserción, toca el ícono de copiar. Son dos líneas — un <div> y un <script> — y el slug de tu propiedad ya viene puesto, así que no tienes que editar nada antes de pegarlo.
En Weebly
Abre la página en el editor de Weebly
Desde tu panel de Weebly, haz clic en Editar sitio, y luego ve a la página que quieres.
Arrastra el elemento Código de inserción
En el panel izquierdo Build, busca Código de inserción bajo Básico (o busca "embed"), y arrástralo a la página.
Abre el editor de código
Haz clic dentro del elemento y elige Editar HTML personalizado (la etiqueta exacta varía un poco según la versión de Weebly — busca un ícono de código).
Pega el fragmento
Pega las dos líneas de Travel404, y haz clic fuera del elemento para guardar.
Publica el sitio
Haz clic en Publicar (arriba a la derecha). El editor de Weebly no ejecuta el script en vivo — verás una caja en blanco hasta que publiques y revises el sitio real.
El código para pegar
<div data-t404-property="your-property-slug" data-t404-mode="widget"></div>
<script async src="https://travel404.com/embed.js"></script>Cómo saber que funcionó
Abre la página en vivo en una ventana privada/incógnito — no en una pestaña que ya tenías abierta antes de pegar el código, porque puede mostrar una versión en caché — y confirma que la barra de búsqueda carga con tu propiedad, que los selectores de fecha abren, y que Buscar lleva al huésped a una página de reserva. Si no aparece nada, revisa los pasos de arriba antes de asumir que está roto.
Si algo se ve mal
Se ve una caja en blanco en el editor
Es normal — el editor de Weebly no ejecuta los scripts insertados en la vista de edición. Publica el sitio y revisa la página en vivo.
El widget muestra una barra de desplazamiento o se ve cortado
Esto es raro en Weebly porque el elemento Código de inserción fluye en línea con la página. Si pasa, revisa que el elemento no se haya redimensionado manualmente a una caja pequeña de tamaño fijo.
El elemento desapareció después de cambiar de tema
Cambiar de tema en Weebly puede reiniciar elementos personalizados en algunas plantillas — revisa la página y vuelve a agregar el elemento Código de inserción si hace falta después de cambiar de tema.
El widget aparece en inglés pero mis huéspedes hablan español
Agrega data-t404-lang="es" al <div> (ej. <div data-t404-property="your-property-slug" data-t404-mode="widget" data-t404-lang="es">). Ese atributo solo aplica a mode="book"; el snippet de widget de arriba siempre se muestra en inglés.
Preguntas frecuentes
¿Qué plan de Weebly necesito?
Ninguno en específico — el elemento Código de inserción está disponible en todos los planes, incluido el gratuito.
¿Puedo previsualizarlo antes de publicar?
No dentro del editor; Weebly solo ejecuta los scripts insertados en el sitio publicado y en vivo.
¿Puedo poner el widget en más de una página?
Sí. Pega el mismo fragmento donde tenga sentido — inicio, una página dedicada de "Reservar ahora", hasta tu footer. embed.js soporta cualquier cantidad de copias en la misma página o en todo el sitio.
Míralo funcionando en tu hostel
Configúralo en 30 minutos. Sin tarjeta de crédito.