La interactividad y la animación son un topping indispensable en todo contenido que se precie. La salsa de la vida. El alma de la fiesta. Como en Genially lo sabemos, te explicamos en este tutorial cómo personalizar el contenido de tus ventanas y etiquetas interactivas para hacer que tu contenido sea más atractivo.

 

En este tutorial encontrarás: 


Texto


Dar tu toque personal al contenido es posible con las opciones de edición de texto. Selecciona el texto que quieres personalizar para cambiar el color, la fuente, el tamaño, la orientación, etc a tus contenidos. Puedes encontrar todas  estas opciones en la barra superior de herramientas. 

 

También es posible  agregar emoticonos, líneas para dividir las secciones de texto y aplicar hipervínculos. ¡Échale un ojo!



Imágenes


Los contenidos visuales son ideales para apoyar tus textos. A través de la herramienta, puedes agregar imágenes que acompañen tus escritos. Para agregar imágenes a tus ventanas y etiquetas interactivas cuentas con estas tres opciones:

  1. Utiliza el botón Insertar imágen ubicado en la barra superior de herramientas
  2. Presiona la combinación de teclas CTRL + P
  3. Arrastra la imagen desde tu computadora al área de edición de la ventana o etiqueta



NOTA: los formatos de imágenes permitidos son JPG, JPEG, SVG y GIF.

 

Una vez hayas insertado la imagen, puedes hacer clic sobre ella para acceder al menú de configuración de la imagen. Con este puedes:


  • Reemplazar: si deseas cambiar la imagen por otra pero que se mantenga en el mismo lugar, puedes usar esta opción.
  • Alinear: muestra tus imágenes al centro, hacia la izquierda o derecha, ¡donde quieras!
  • Captura de imagen: agrega una descripción de la imagen justo debajo de la misma.
  • Insertar enlace:  puedes hacer que tu imagen funcione como botón para visitar una nueva página, puedes insertar un enlace a una página web.
  • Mostrar: esta opción te permite elegir si deseas que la imagen se muestre en línea con el texto o, por el contrario, deseas que la imagen se ubique en bloque aparte.
  • Estilo:puedes agregar 3 tipos de estilos diferentes. 
    • Rounded: hace que las puntas de la imagen se vean redondeadas.
    • Bordered: agrega un borde de color gris a la imagen.
    • Shadow: agrega una sombra alrededor de la imagen.



Videos


Inserta videos en tus etiquetas y ventanas interactivas para enriquecer tu contenido. Son muy ilustrativos y, además, permiten transmitir información de forma concisa y sin invertir mucho espacio. Te damos dos opciones  para agregar tus videos:


  1. A través de un enlace: puedes insertar enlaces de videos en YouTube, Vimeo y Dailymotion.
  2. Con un código incrustado: esta alternativa es justo lo que necesitas, en caso que tu video esté almacenado en una plataforma no compatible. Solo debes comprobar que tus videos cuenten con un código para insertar (iframe o script) en plataformas externas.



Tablas


Presentar información de forma clara y digerible es muy importante para que tu audiencia tenga una experiencia de lectura fluida y satisfactoria. Para lograrlo, las tablas son tu herramienta aliada.

 

Para agregar una tabla, sigue estos pasos:

  1. Haz clic sobre el icono de tabla que aparece en la barra superior de herramientas.
  2. Arrastra el ratón sobre el área de las celdas que aparecen para definir el tamaño de la tabla.
    1. Desplaza el ratón horizontalmente para agregar o eliminar columnas.
    2. Desplaza el ratón verticalmente para agregar o eliminar filas.
    3. Verás el conteo de las columnas y filas en la parte superior. El máximo tamaño de una tabla es de 10 filas y 10 columnas.
  1. Haz clic sobre la última celda que desees incluir para insertar la tabla. Aparecerá la tabla sobre el editor. 
  2. ¡Listo! Ahora puedes agregar la información a presentar en este formato.



También puedes editar el diseño de cualquier tabla que hayas insertado al hacer clic sobre cualquier celda. Verás las siguientes opciones de edición:

  • Encabezado de la tabla: agrega una fila en la parte superior de la tabla.
  • Table footer: agrega una fila en la parte inferior de la tabla.
  • Retire la tabla: elimina la tabla insertada.
  • Fila: agrega o elimina filas de la tabla.
  • Columna: agrega o elimina columnas de la tabla.
  • Estilo de tabla: personaliza el estilo de la tabla.
  • Celda: combina varias celdas o divide una celda en subceldas.
  • Fondo de celda: elige el color de fondo de la celda.
  • Alinear vertical: ubica el texto de manera vertical.
  • Alinear horizontal: ubica el texto de manera horizontal.
  • Estilo de celda: personaliza el estilo de una celda.

 


Contenido externo


Las ventanas y etiquetas interactivas no sólo permiten organizar tu contenido en capas, sino que también permiten agregar una gran variedad de contenidos externos. 

 

A través de la opción Vista de código puedes agregar cualquier tipo de contenido en línea que sea insertable a través de códigos de inserción. ¡Incluso puedes insertar un genially con códigos iframe o script!