Es la plantilla de verdad, funcionando. Navega, filtra el catálogo, abre una ficha y mete algo en la bolsa: todo responde como le respondería a tu cliente.
Los precios son sin impuestos. Si compras desde México se añade el 16 % de IVA al pagar; desde fuera, no se añade nada.
Lo que tendrás que hacer tú2 pasos
- Subirla a tu hosting o a Vercel. La versión HTML funciona tal cual, sin compilar nada.
- Poner tus fotos y tus textos. Las imágenes de la demostración son de muestra y no van dentro del archivo.
Pago seguro con Stripe. El enlace de descarga es personal, caduca y comprueba el pago. Prohibida la reventa y la redistribución.
Archivo de por medir · HTML y Next.js dentro · 12 meses de actualizaciones
Por qué está
construida así
Un huésped que ya decidió tu hotel y llega a una web sin precios ni disponibilidad hace lo que hace siempre: abre Booking o Airbnb, que sí se los enseña, y tu hotel paga la comisión por una reserva que ya tenía ganada. Hotelcruss resuelve eso con un flujo de reserva de cuatro pasos al estilo de las grandes agencias —tarifa (flexible, no reembolsable o paga en el hotel), huéspedes, datos de contacto y pago— con calendario de tarifas por habitación, comparador de hasta tres habitaciones lado a lado, y un configurador de eventos que calcula el aforo según el montaje elegido. El mapa del hotel es interactivo de verdad: se toca una zona y cuenta qué se hace ahí, igual que caminarías la propiedad el primer día. Va en tres versiones: HTML puro, proyecto Next.js con el precio como estado compartido entre cabecera y fichas, y tema de Shopify completo.
- HTML, CSS y JSse abre con doble clic
- Proyecto Next.jsuna ruta por producto
- Tema de Shopifyse sube al panel
Un solo archivo, tres versiones del mismo diseño. Publicas con la que te sirva y las otras dos siguen ahí.
Lo que abres
al descomprimir
En este orden, ya maquetadas y con contenido de ejemplo listo para sustituir. No hay que construir nada desde cero.
- 01Portada con buscador de disponibilidad persistente
- 02Habitaciones con calendario de tarifas por cuarto
- 03Comparador de hasta tres habitaciones lado a lado
- 04Reserva en cuatro pasos: tarifa, huéspedes, datos y pago
- 05Mapa interactivo del hotel, zona por zona
- 06Experiencias, spa y restaurante con horarios reales
- 07Configurador de eventos: espacio × montaje × invitados
- 08Galería con filtro por categoría y visor a pantalla completa
- 09Autogestión de la reserva: buscar por folio y correo
- 10Preguntas frecuentes por categoría, sin letra pequeña
Esto no es un render.
Es la plantilla.
Capturas de la plantilla funcionando, sin retoque. Lo que ves aquí es literalmente lo que se descarga.







Lo que suma
cada formato
Además de todo lo anterior, que va en los dos. Aquí está la diferencia real entre llevártela como código o como archivo del tema de Shopify.
Archivo de código
Quien tiene su propio hosting, su propio dominio o su propio programador.
- Las TRES versiones en el mismo archivo: HTML puro, Next.js 16 y el tema de Shopify aparte
- Motor de tarifas (flexible, no reembolsable, paga en el hotel) sin backend, listo para conectar el tuyo
- Selector de huéspedes con la edad de cada niño, como Booking.com
- Mapa del hotel y comparador de habitaciones en SVG e interacción propios
- Datos estructurados de Hotel, con habitaciones y tarifas
Archivo del tema de Shopify
Quien ya tiene Shopify y prefiere instalarlo él mismo y pagar una sola vez.
- El mismo tema, instalado por ti: se sube el .zip y queda publicado en dos minutos
- Hueco de aplicación para tu motor de reservas real (Section con bloque «@app»)
- Venta de tarjetas de regalo y bonos de spa en el mismo carrito
- Habitaciones, experiencias y ofertas editables desde el editor de temas
- Sección de Liquid libre para pegar tu propio widget de disponibilidad
Lo que tendrás que hacer tú
Lo decimos antes de que pagues, no después. Nada de esto lleva código y todo está explicado paso a paso en la guía que va dentro.
- Subirla a tu hosting o a Vercel. La versión HTML funciona tal cual, sin compilar nada.
- Poner tus fotos y tus textos. Las imágenes de la demostración son de muestra y no van dentro del archivo.
- Publicar el tema antes de configurarlo. Mientras esté en borrador, Shopify no ofrece sus plantillas de página.
- Crear dos páginas a mano: Lookbook y Ayuda. El diseño y el contenido van dentro del tema, pero Shopify no permite que ningún tema cree páginas: son cinco clics cada una y la guía los detalla.
- Subir tus productos y tus colecciones. Las secciones se llenan solas con lo que tengas: no hay que configurarlas.
- Poner tus fotos. Las de la demostración son de muestra y no van dentro del archivo.
Está pensada
para ti si…
- Hoteles boutique y hospedajes que pagan comisión de más a las OTA
- Propiedades con tarifas y paquetes que hoy solo explica una llamada
- Hoteles con eventos y bodas que necesitan cotizar aforo en la propia web
Lo que va
en todas
- Diseño responsivo real: retícula recompuesta en móvil, no encogida
- Textos de ejemplo escritos para vender, listos para sustituir
- Paleta y tipografías centralizadas en variables — cambias la marca en un archivo
- Animaciones de entrada y microinteracciones ya montadas
- SEO técnico: metadatos, Open Graph y datos estructurados
- Formularios funcionales con validación
- Guía de personalización en español, paso a paso
- Actualizaciones del archivo durante 12 meses
Otras plantillas

Modacruss
Moda y tiendaFicha de producto construida para cerrar, no para lucirse.

Dentcruss
Clínica dentalSeñala el diente y te dice qué se hace ahí.

Voltcruss
Tienda de electrónicaLa ficha técnica entera, y un comparador que la cruza.
¿Prefieres algo
hecho solo para ti?
Si tu negocio no cabe en una plantilla, no la fuerces. Cuéntanos qué necesitas y en 24 horas tienes alcance, precio y fecha por escrito.
Pedir propuesta a medida