Saltar al contenido principal
A veces un diseño que se ve perfecto en el ordenador no funciona igual en el móvil: una imagen demasiado ancha, un título largo o una tabla que no cabe. En Chateea no necesitas crear dos sitios distintos para resolverlo. Puedes mostrar u ocultar cada sección, fila, columna o elemento según el dispositivo, y así tener una versión para escritorio y otra para móvil dentro de la misma página.

​
Cómo funciona

Cada sección, fila, columna o elemento tiene una opción de Visibilidad con dos botones: uno para escritorio y otro para móvil. Cuando desactivas uno de ellos, el elemento se oculta en ese dispositivo y el ícono se ve en gris. La técnica es sencilla:
  1. Duplicas el bloque que quieres adaptar.
  2. Ajustas una copia para escritorio y la otra para móvil.
  3. Ocultas cada copia en el dispositivo que no le corresponde.

​
Crear una versión para escritorio y otra para móvil

1

Abre la página en el editor

Ve a Sitios, abre el embudo o sitio web y entra en la página que quieres adaptar.
2

Duplica el bloque

Selecciona la sección, fila o elemento que quieres adaptar y duplícalo. Tendrás dos copias iguales, una debajo de la otra.
3

Diseña la versión de escritorio

Ajusta la primera copia pensando en pantallas grandes: imágenes anchas, varias columnas, textos más largos.
4

Diseña la versión móvil

Ajusta la segunda copia pensando en el móvil: una sola columna, textos más cortos, botones grandes y fáciles de tocar.
5

Oculta cada versión en el otro dispositivo

Selecciona la copia de escritorio y, en la opción Visibilidad de su configuración, desactiva el botón de móvil. Luego selecciona la copia móvil y desactiva el botón de escritorio.
6

Revisa y publica

Cambia entre la vista de escritorio y la vista móvil del editor para comprobar que en cada una solo aparece la versión correcta. Después guarda y publica.
Antes de duplicar, intenta ajustar el diseño solo desde la vista móvil del editor (tamaños de letra, espaciados, orden de columnas). Duplica bloques únicamente cuando no consigas que un mismo elemento se vea bien en los dos dispositivos. Menos duplicados significa una página más ligera y fácil de mantener.

​
Encontrar un elemento oculto

Si ocultas un elemento en los dos dispositivos, desaparece del lienzo y no puedes hacer clic en él. Para recuperarlo:
  1. Abre el panel de Capas (ícono de capas apiladas) arriba a la izquierda del editor.
  2. Busca el elemento en la lista; ahí aparecen también los elementos ocultos.
  3. Selecciónalo y vuelve a activar su visibilidad en el dispositivo que corresponda.

​
Buenas prácticas

  • Si cambias un texto, un enlace o un formulario, recuerda actualizarlo en las dos versiones.
  • Usa nombres claros en las capas, por ejemplo “Hero escritorio” y “Hero móvil”, para no confundirte.
  • Revisa la página publicada en un móvil real, no solo en la vista previa.

​
Preguntas frecuentes

No hace falta. Con la visibilidad por dispositivo, la misma URL muestra el contenido adecuado a cada visitante, lo que además es mejor para el SEO.
Sí. Puedes usar la acción de botón para mostrar u ocultar elementos al hacer clic.

​
Artículos relacionados

Diseños adaptables a móviles

Ajusta tus páginas para cualquier pantalla.

Tamaño de imágenes en móvil y escritorio

Controla cómo se ven tus imágenes en cada dispositivo.

Mostrar y ocultar elementos con un botón

Revela contenido al hacer clic.

Menús de navegación

Menús que se adaptan a móvil.
Última modificación el 29 de septiembre de 2026