Saltar al contenido principal
Puede hacer que su widget se adapte a los dispositivos de sus visitantes utilizando el Widget Studio de Kameleoon. Su widget es automáticamente adaptable, pero puede realizar cambios para optimizar la experiencia de usuario. De forma predeterminada, los elementos utilizan porcentajes en lugar de píxeles (px) para diseños más flexibles. Se admiten valores decimales para el dimensionamiento por porcentaje, y las plantillas predeterminadas aplican automáticamente porcentajes para el dimensionamiento de elementos. Además, los elementos de tipo popup y banner admiten unidades de ancho de viewport (vw) y alto de viewport (vw) para una verdadera adaptabilidad.

​
Cambiar entre dispositivos

En la parte superior del Widget Studio, puede previsualizar su widget en diferentes dispositivos (móvil, tableta, escritorio) para asegurarse de que se muestra correctamente.
Puede realizar cambios en cualquiera de estas vistas.

​
Editar la vista en un dispositivo

Puede personalizar los elementos de su widget según el dispositivo en el que se muestre. Personalice su widget por dispositivo para optimizar la experiencia de visualización de los visitantes.

​
Prioridad de escritorio

Añada todos los elementos a la vista Escritorio, que es la configuración predeterminada.
Puede adaptar su diseño a otro dispositivo si es necesario (móvil/tableta). Los cambios realizados en otro dispositivo siguen siendo específicos para ese dispositivo y no afectarán a los demás.

​
Editar un elemento en un dispositivo específico

Para editar un elemento en un dispositivo específico, haga clic en uno de los iconos de dispositivo en la parte superior de la página y, a continuación, edite el elemento.

​
Ocultar un elemento en un dispositivo específico

Para ocultar un elemento en un dispositivo específico:
  1. Seleccione el elemento que desea ocultar.
  2. Haga clic en el menú de tres puntos.
  3. Haga clic en un icono de dispositivo para ocultar el elemento.

​
Sincronización de dispositivos

Con la sincronización de dispositivos, puede designar un dispositivo líder para cada elemento y determinar cómo deben sincronizarse los ajustes del elemento entre el dispositivo líder y los demás dispositivos. Debe elegir una regla de sincronización para todos los dispositivos seguidores. En la pestaña General de cada elemento, encontrará una sección llamada Sincronización de dispositivos.
Al abrir esta sección, aparece una etiqueta Dispositivo líder con tres iconos clicables: móvil, tableta y escritorio. De forma predeterminada, el dispositivo líder seleccionado es el escritorio, pero puede seleccionar otro dispositivo líder. Los ajustes aplicados a un dispositivo líder se replicarán en todos los demás dispositivos que estén total o parcialmente sincronizados con él. Puede seleccionar la opción de sincronización utilizando el menú desplegable. De forma predeterminada, la regla de sincronización que se aplica a cada dispositivo es Parcialmente sincronizado. El estado de un dispositivo puede ser:
  • Totalmente sincronizado: las propiedades, la posición, el tamaño y los estados del elemento se sincronizan con el dispositivo líder.
  • Parcialmente sincronizado: todos los estilos se heredarán del dispositivo líder hasta que uno de los estilos cambie en un dispositivo.
  • Sin sincronización: ninguno de los ajustes del elemento se sincroniza con el dispositivo líder.
  • Ocultar: el elemento no es visible en el dispositivo.

​
Configurar un evento de tipo “Dispositivo”

También puede configurar un evento para personalizar la visualización de los elementos de su widget según el dispositivo. Para añadir un evento de tipo Dispositivo:
  1. Haga clic en + Añadir evento > Dispositivo.
  2. Seleccione sus condiciones.
  3. Haga clic en Añadir acción > Elementos.
Ahora puede elegir mostrar u ocultar un elemento específico.
Si previamente ocultó un elemento en un dispositivo específico (en el menú de tres puntos), se indica con iconos en la ventana emergente.