Caso de estudio · Grupo Isla Growth Partners · 2026
De una web atrapada dentro de una plataforma de reservas, a un sitio propio, de marca, en su dominio — con SEO migrado sin pérdidas y medición de punta a punta.
Florita 39, hotel boutique de 6 suites en Isla Mujeres, pasó de tener su presencia digital encerrada en el constructor de webs de Amenitiz (su sistema de reservas) a un sitio a la medida en su propio dominio — bilingüe, veloz, con el motor de reservas integrado, el posicionamiento SEO conservado y medición completa (GA4, Meta Pixel, Google Ads). Todo se construyó, desplegó y hoy se opera en conversación con Claude: cada cambio se escribe en código y se publica solo vía GitHub → Netlify. En el camino resolvimos bloqueos técnicos no triviales — sin tumbar el sitio en producción ni las reservas.
El sitio nuevo
hotelflorita39.com · bilingüe · motor de reservas integrado · rápido en móvil
01 — El punto de partida
La presencia digital de Florita 39 vivía dentro del constructor de Amenitiz. Diseño limitado a sus plantillas, sin control de la marca, del código ni de la medición: dependencia total de una caja cerrada.
El objetivo
Un sitio a la medida, con identidad propia, bilingüe y veloz, con el motor integrado — sin depender de Amenitiz para el sitio en sí, y sin romper el sitio en vivo ni las reservas durante la migración.
02 — El nudo técnico
¿Cómo integrar el motor de Amenitiz para que el huésped reserve sin sentir que "salió" del sitio? Se exploraron tres caminos: iframe embebido, widget deslizante (función real de Amenitiz, pero fuera del plan) y enlazar directo.
El hallazgo decisivo: el iframe salía en blanco en el sitio nuevo. Amenitiz envía la cabecera X-Frame-Options: SAMEORIGIN, que prohíbe embeber su motor desde otro dominio. En el sitio viejo "funcionaba" solo porque ese sitio era Amenitiz (mismo origen). En un dominio propio, el navegador lo bloquea siempre — no se arregla con diseño, es una regla del servidor.
La solución
Enlazar directo al motor: lo más robusto. El pago ocurre en el dominio de Amenitiz, donde cookies y 3-D Secure funcionan sin fricción — justo donde un iframe falla en iPhone. Se rediseñó la pantalla de Reservas con la marca de Florita, CTA grande al motor y WhatsApp de respaldo.
03 — Infraestructura
El sitio se conectó a Netlify (deploy automático desde GitHub, HTTPS, reversión de un clic). El dominio se administra en Wix. Los obstáculos más enredados:
"Este dominio ya lo usa otro hotel".
Al montar el subdominio de marca para el motor, Amenitiz lo rechazaba — un candado interno de su base de datos, no un tema de DNS. Se parqueó y se lanzó con la URL por defecto del motor. El proyecto no se frenó.
El "fantasma" de Netlify DNS.
Netlify quería administrar el DNS; verificamos que los nameservers seguían en Wix y evitamos romper el subdominio y el correo.
La mudanza del apex, al final y sin downtime.
El sitio viejo se mantuvo hasta el último momento. Solo entonces se cambiaron dos registros en Wix (el A de Amenitiz 35.180.238.216 a Netlify 75.2.60.5, y el www). Netlify emitió el HTTPS automáticamente.
04 — Posicionamiento
Las URLs viejas (/es, /en) estaban posicionadas en Google. Para no convertirlas en errores 404 y perder ranking: redirecciones 301 (que transfieren el posicionamiento), conscientes del idioma (quien venía en español cae en español), más sitemap.xml con hreflang y robots.txt para Search Console.
05 — Medición
GA4 con medición cross-domain
Hacia el motor, para atribuir la reserva al viaje completo del huésped.
Meta Pixel + Google Ads
Retargeting en Instagram/Facebook y base de conversiones para remarketing.
Eventos de embudo
Un detector global dispara reserve_click (clic al motor) y whatsapp_click (clic a WhatsApp) desde cualquier parte del sitio.
Sin perder histórico
Se reutilizaron los mismos IDs de GA4 y Pixel para no perder datos ni audiencias. Search Console verificado.
06 — Los más jugosos
El logo "microscópico".
El archivo era un cuadrado de 5000×5000 px con el texto en una franja central: ~86% era relleno transparente. Se recortó al contenido y se ajustó el header para que el menú no se partiera.
El "fantasma" del footer en iPhone.
En iOS Safari, fotos de otras secciones se transparentaban sobre el footer — solo en iPhone. Un header fijo con backdrop-filter en una página larga causaba un bug de compositing de Safari. Se quitó el efecto → resuelto.
Honestidad técnica.
Un supuesto bug de apilado en móvil resultó no existir (artefacto de pruebas). Se verificó y reportó tal cual, sin meter un cambio innecesario.
07 — El cambio de fondo
Antes, cualquier cambio dependía de una plataforma cerrada. Ahora todo se opera conversando con Claude: se pide un cambio en lenguaje natural → se escribe en código → se publica solo (GitHub → Netlify) → en vivo en minutos. Sin plantillas, sin intermediarios, todo versionado y reversible. De una web atrapada en una plataforma, a una web propia que se maneja con una conversación.
| Antes | Después | |
|---|---|---|
| Hosting | Dentro de Amenitiz | Netlify · dominio propio |
| Diseño | Plantilla del proveedor | Sistema de diseño a la medida |
| Precios | En el sitio (a sincronizar) | Solo en el motor (una fuente) |
| Reservas | Caja cerrada | Motor + WhatsApp, integrados |
| SEO en migración | En riesgo | Migrado con 301, sin pérdidas |
| Medición | Limitada | GA4 + Pixel + Ads + eventos |
| Cómo se edita | Dependiente del proveedor | Con Claude · deploy automático |
Para llevar
A veces "no se puede" es del proveedor, no del código. El iframe no fallaba por diseño: era una regla de seguridad de Amenitiz.
Separar dominio, DNS y candados de plataforma. Cada capa se resuelve distinto.
Migrar sin downtime es cuestión de secuencia. El dominio principal, al final.
El SEO se protege con 301, no con suerte. Un redirect bien puesto conserva años de posicionamiento.
Honestidad técnica > parecer productivo. Verificar antes de afirmar, y no arreglar lo que no está roto.
La lectura de Grupo Isla
Construimos tu presencia digital propia — sitio, dominio, SEO y medición — y la dejamos corriendo. Tú la operas con una conversación, no con un proveedor.
Hablemos →