...

NIVEL NORMAL

PASO 1: Editor Visual

¿Qué es el Editor visual de MasterBase®?

Es una herramienta de trabajo, para el 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.

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)
  • 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 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.

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

Bloques pre diseñados

Muestra los bloques pre diseñ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. Vínculos a redes sociales.
  4. Cuadros mixtos de texto e imagen, texto y vínculos o texto, vínculo e imágenes.
  5. Botones de acción.
...
...

Composición del diseño

Á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:
    • Negrita, itálica, subrayado y tachado.
    • Cambio en color de fuente.
    • Insertar emoticones.
    • Formato de párrafo.
    • Listas ordenadas y desordenadas.
    • Manejo de sangría.
    • Insertar imágenes dentro del texto.
    • Insertar enlaces.
    • Cambios en tipo de fuente.
    • Manejo de tamaño de la fuente.
  4. 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.
  5. Texto e imagen: Los bloques mixtos responden a las mismas opciones de edición descritas para bloques de texto y bloques de imágenes.
  6. 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.

Vista previa y propiedades

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.

Propiedades:

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.

...

¿Deseas aprender más? Accede en vivo a la clase interactiva de un experto de MasterBase®

Webinar de entrenamiento

Capacitación Semanal MasterBase®

Este miércoles 12:00 pm (GMT -4)

Estoy listo para inscribirme »
...