Editor Visual

Posted by Alvaro Barahona

11/05/18 16:25

Una opción más amistosa para diseñar y editar mensajes en MasterBase®

Qué es el Editor visual de MasterBase®

Es una herramienta de trabajo, parte del proceso de creación de mensajes, en que el usuario puede hacer uso de elementos entregados por la plataforma, tales como cuadros de texto, imágenes e íconos linkeables, para diseñar su mensaje. Sólo necesita contar con los contenidos respectivos para reemplazar en los bloques prediseñados.

Hoy, el usuario puede escoger entre tres editores, editor de código, editor de texto enriquecido y editor visual, pero debe tener presente que un mensaje creado o modificado en el editor visual, no puede seguir siendo editado en uno de los otros dos editores, pues los cambios que se le haga en ellos, pueden, eventualmente, perderse.

 

 editor

 

 

Objetivo:

El Editor visual busca constituirse en una opción más amistosa para diseñar y editar mensajes, pues la idea que el usuario tenga en mente se va viendo reflejada en el editor a medida que va dando forma a su comunicación.
Sus casos de uso, por tanto, están principalmente en la esfera de los usuarios que no cuentan con un equipo de diseñadores o que prefieren prescindir de ellos.

Características:

  • No requiere de grandes conocimientos técnicos.
  • Ofrece bloques de contenido prediseñados.
  • Opera bajo la dinámica de “arrastrar y soltar” (drag and drop) elementos.
  • Permite visibilidad inmediata de cada modificación realizada en el mensaje, sin necesidad de cambiar la interfaz de trabajo.

Cómo utilizar el editor visual en MasterBase®

Dentro del proceso de crear (o editar) un mensaje, al que se llega por el menú Actuar, se avanza siguiendo cada paso, como con cualquier otro mensaje.

 menú actuar

 menú actuar

Al llegar a la pestaña Mensaje se selecciona, Editar, luego Opciones de edición y, dentro de ese cuadro, se hace clic en el botón Editor visual:

 Mensaje

Allí es posible ver la estructura de tres columnas en que se despliega el editor visual:

 editor visual

  1. Columna izquierda:

Muestra los bloques prediseñados de contenido agrupados según el formato que se busca dar al mensaje y a su objetivo comunicacional: boletín, comunicado, mensaje promocional u otro. Estos bloques incluyen:

  1. Imágenes
  2. Logos
  3. Cuadros de texto
  4. Vínculos a redes sociales
  5. Cuadros mixtos de texto e imagen, texto y vínculos o texto, vínculo e imágenes
  6. Botones de acción
  1. Columna central:

Área de composición del diseño, hacia donde se arrastra los bloques de la columna izquierda para insertar y editar el contenido propio. Una vez que han sido ubicados en esta columna, los bloques prediseñados se convierten en objetos inteligentes y, a nivel de cuadro, permiten diversas funciones de edición:

  1. Agregar encabezado de tabla.
  2. Crear filas y columnas.
  3. Cambio de estilo de la tabla.
  4. Manejo de celdas; cambio de fondo, estilo y alineación vertical/horizontal.

Luego, a nivel individual, sus características y opciones son:

    1. Imágenes: Deben ser reemplazadas por imágenes propias (formatos jpeg, jpg y png, peso máximo 1 MB). Se les puede insertar un hipervínculo que redirija a un sitio web, así como un texto alternativo que describa la imagen anticipando eventuales problemas de despliegue (que no se descargue en la vista del receptor del mensaje).
    2. Logos: Posee las mismas características y opciones de edición que los bloques de imágenes, pero la imagen insertada se despliega sobre un fondo y puede alinearse a la izquierda, al centro o a la derecha.
    3. Texto:Todo bloque de texto, incluso en los casos de bloques que combinan texto e imagen, permite las siguientes opciones de edición:
      1. Negrita, itálica, subrayado y tachado.
      2. Cambio en color de fuente.
      3. Insertar emoticones.
      4. Formato de párrafo.
      5. Alinear.
      6. Listas ordenadas y desordenadas.
      7. Manejo de sangría.
      8. Insertar imágenes dentro del texto.
      9. Insertar enlaces.
      10. Cambios en tipo de fuente.
      11. Manejo de tamaño de la fuente.
  1. Redes sociales: Destinadas a direccionar a los destinatarios a las redes sociales del enviador; se puede editar en ellas tanto los vínculos como los íconos de las redes.
  2. Texto e imagen: Los bloques mixtos responden a las mismas opciones de edición descritas para bloques de texto y bloques de imágenes.
  3. Botones de acción: Íconos de llamados a la acción -call to action- que pueden ser editados en términos de estilo (fondo, color, tipo y tamaño de fuente), de hipervínculos y otros, con las mismas propiedades de todo bloque mixto.
  1. Columna derecha:

Despliegue de las pestañas Vista previa y Propiedades que se actualizan a cada modificación del cuerpo del mensaje.

Vista previa:

Refleja la vista final del mensaje diseñado en el área de composición. Si la imagen que se muestra en esa columna central y la vista previa difieren en algo, téngase en cuenta que esta última es la que debe considerarse como la que tendrá definitivamente el mensaje.


Vista previa:

Aloja el despliegue de los Temas, conjunto de propiedades cromáticas que se aplica al mensaje, modificando el tono del formato (boletín, mensaje promocional…) elegido desde la columna de bloques.
Si bien constituyen un set predeterminado de estilos, ofrecen igualmente las opciones para modificar su color de fondo y las características de su fuente.


 
Escrito por:

alvarobarahona.png Alvaro Barahona
Service Leader
MasterBase®
     
     

Topics: Novedades Mensuales

MasterBase eBook