Replicar widgets en distintos entornos (desktop y mobile)

Thinkindot® entiende la importancia de que tu contenido pueda visualizarse en todos los formatos web, por eso, para facilitar tu tarea permite que el contenido generado pueda replicarse y actualizarse de forma automática en todos los entornos. De esta forma, el contenido creado en la versión desktop, se adapta y actualiza de forma automática para ser visualizado en la versión mobile de tu sitio, evitando tener que cargarlo dos veces (una para cada entorno).

Aquí te explicaremos cómo puedes replicar widgets.

Instrucciones:

Desde la aplicación Portada deberás ingresar al Modo Template y hacer click en Páginas.

Una vez allí, deberás seleccionar y editar la página donde se encuentra el objeto que deseas replicar. Para ello deberás hacer click en el “ojo” (construir).

Una vez construida la página, identificamos el objeto que queremos replicar, y clickeamos el lápiz (editar) para que se abra el “editor de objetos”.

Entramos al editor de objetos, para tomar el ID del objeto que se encuentra en el campo Sección. Una vez que obtengas ese número, deberás cerrar el editor de objetivo haciendo clic en X

Una vez que obtuvimos los datos del objeto, debemos dirigirnos a la sección de nuestro sitio donde queremos replicar el objeto que identificamos en el paso anterior. Para ello, deberás hacer click en la lupa. En el Administrador de Páginas, deberás buscar la página de destino, en nuestro caso “Home mobile” y hacer click en el “ojo” para construirla.

Luego, deberás hacer click en la lupa nuevamente para abrir el administrador de objetos y mediante drag & drop, “arrastrar” Widget hasta la ubicación de la home donde quiero que se visualice y “suelto”.

Una vez que sueltes el objeto, se abrirá el editor donde deberás completar los campos son la siguiente información:

• Descripción: en este campo, debemos escribir el nombre que le asignaremos internamente. Es de uso interno, no se publica en el sitio.

• Estilo: en este campo, debemos elegir entre las opciones predeterminadas, en este caso, entre estilos “mobile”.

• PORTAL: en este campo, debemos escribir el nombre del portal de origen del contenido a replicar.  

• Página: en este campo, debemos escribir el nombre de la página de origen del contenido a replicar.  

• Sección: este campo, deberás seleccionar entre las opciones que se despliegan, el objeto que quiero replicar, para ello, deberás usar el ID que obtuvimos en el paso anterior. 

• Estado: en este campo, debemos seleccionar entre 

  • PUBLICADO: el widget está visible en backend y el frontend.

  • PENDIENTE: el widget está visible sólo en backend en “modo template” y “modo contenido”.

  • INVISIBLE: el widget está visible sólo en backend en “modo template”.

• Características (0):  este campo permite agregar color de fondo al widget. Para ello, deberás escribir el nombre del color, por ejemplo, “ROJO”. Estos colores se encuentran previamente cargados en el backend.

• Lazy load: Debemos activar esta función para habilitar la carga diferida de imágenes y que el sitio no sea tan pesado.

• Contenido Dummy: Sirve para mostrar la previsualización del contenido gráfico. En el caso que esté ACTIVO, se mostrará en el backend y el caso que está INACTIVO no se mostrará y solo se visualizará la barra del objeto.

• Publica Mobile: Permite que los contenidos del objeto se publiquen en la APP mobile. Sólo disponible para clientes que cuenten con este desarrollo. 

Para finalizar, deberás Grabar y cerrar el editor.