En un artículo anterior explicamos qué es Facebook Canvas y cómo esta herramienta mejorará la experiencia de ver publicidad.

En este artículo seguiremos los pasos que nos explica en su blog Jon Loomer de cómo crear tu propio Canvas:

  1. Como mencionamos en el artículo anterior, la opción de Canvas está disponible dentro del Facebook Power Editor.

facebook-canvas-1

 

2. En la opción de Canvas, presiona el botón “Crear” y verás esto:

facebook-canvas-2

 

3. Asígnale un nombre. Verás la opción en el campo primer campo de arriba.

facebook-canvas-3

 

4. En el lado izquierdo, agregarás los componentes para construír tu Canvas. A la derecha tienes una vista previa de cómo se verá.

Por default, Facebook te pedirá que des un tema, encabezado o header, foto y botón. Pero puedes agregar, eliminar y mover cualquier elemento que quieras.

Hasta abajo, dale click a “Agregar Componente”.

facebook-canvas-4

La imagen de arriba te muestra que puedes agregar cualquiera de los siguientes elementos:

  • Botón
  • Carrusel
  • Foto
  • Bloque de texto
  • Video
  • Set de producto

Puedes seleccionar uno o varios de estos elementos y presionas “OK” para agregarlas a tu Canvas. Puedes agregar varios del mismo elemento si quieres.

 

Selecciona un Tema
El tema es básicamente el color de fondo visible en cualquier espacio vacío, sobre todo en bloques de texto. Tienes las opciones Blanco, Negro o Personalizar. Si seleccionas Personalizar, dale a la caja
facebook-canvas-5

 

 

El Encabezado
Puedes insertar un encabezado fijo que aparecerá siempre en la parte superior de tu encabezado. La mayoría de marcas que usan Canvas, han usado el encabezado para colocar su logo o en el caso de ser una marca muy conocida, colocar el nombre o hashtag de la campaña.

facebook-canvas-6

Por alguna razón, Facebook recomienda una imagen de estas dimensiones: 120 x 44 pixels. Como ves, esta imagen es realmente pequeña. Dentro de las especificaciones, Facebook dice que el tamaño máximo para un header o encabezado debe ser de 882 x 66 pixels.

Si tu header es transparente, también puedes seleccionar un fondo de color así como una opacidad.

facebook-canvas-7

Ten presente que este elemento aparece encima del primer elemento que va bajo el encabezado, entonces tal vez necesites ajustar de acuerdo a cada caso.

 

Inserta tu Video
Si vas a agregar video, Facebook te da unas sugerencias:

  1. Resolución minima de 720p
  2. Orientación retrato (en vertical). El tamaño de los videos en horizontal se reajustará automáticamente.
  3. Evita videos full screen.
  4. El video no puede durar más de 2 minutos. Puedes tener más de un video en tu Canvas, pero el tiempo total de todos tus videos no puede pasarse de los 2 minutos.
  5. Usa formatos MP4 o MOV.
  6. El primer cuadro será el thumbnail. No se puede cambiar esto, pero no importa porque los videos tienen activado el autoplay cuando la gente da scroll hacia ellos.

Algo sorprendente es que los videos dentro de un Canvas tienen autoplay con sonido y vuelven a repetirse hasta que sigas navegando hacia abajo.

facebook-canvas-8

Para acomodar un video, tienes dos opciones: 1. Predeterminado y 2. Girar para navegar.

Si escoges “Predeterminado“, el video se ajustará a la pantalla.

Si escoges “Girar para navegar“, el video se acercará, y podrás girar tu teléfono para ver otras áreas de tu video. Esta aplicación es ideal para tours en video de alta resolución.

 

Inserta Fotos
Cuando agregas fotos, Facebook te da tres opciones:

  • Normal
  • Click para expandir
  • Girar para navegar

facebook-canvas-9

Es un poco extraño que en el proceso de creación de tu Canvas, Facebook recomiende una imagen de 640 pixels con un mínimo de 72 dpi, cuando en sus especificaciones recomiendan otra cosa.

  • Estos son los requisitos para fotos que establece Facebook:
  • Las imágenes siempre usarán el ancho total de la pantalla.
  • Una imagen del ancho total de pantalla es 1,080 pixels de ancho.
  • Puedes usar imágenes más anchas para la opción de Girar para navegar
  • Una imagen de altura total tiene 1920 pixels de alto.
  • Puedes usar una imagen más alta para la opción Click para expandir.
  • Usa imágenes en formato PNG y JPG.

Puedes usar hasta 20 fotos dentro de un Canvas.

Si usas la opción Girar para navegar, Facebook se enfocará en la porción media de tu imagen, como te mostramos en este ejemplo:

facebook-canvas-10-700x416

 

Crea un Carrusel:

facebook-canvas-11

También puedes agregar un carrusel a tu canvas, que incluirá un mínimo de dos imágenes. Si bien es similar a crear un anuncio tipo carrusel, observa que aquí sólo son imágenes,  y no necesariamente deben ser cuadradas.

Las opciones para cambiar el tamaño son Normal y Girar para navegar. Si escoges “Normal” puedes asignarle un link, mientras que la opción Girar para navegar es sólo la imagen y no permite links.

Estas son las especificaciones para un carrusel de Canvas en Facebook:

No hay requisito en proporciones de imagen, pero todas las imágenes deben ser del mismo tamaño.

  • El ancho máximo es de 1,080 pixels
  • El alto máximo es 1,920 pixels.
  • Usa formatos PNG o JPG.
  • Usa hasta 10 imágenes por carrusel.

 

Inserta Bloques de Texto.
Los bloques de texto son una buena forma de dividir tu Canvas con información.

facebook-canvas-12

En los bloques de texto puedes configurar:

  • Tipo de letra
  • Tamaño de letra
  • Color
  • Negrilla, Itálicas
  • Justificación

Puedes usar un máximo de 500 caracteres en un bloque de texto.

 

Inserta un Set de Producto

facebook-canvas-13

Si tienes un listado de productos, puedes desplegarlo aquí. Esto es lo que usarías para Anuncios Dinámicos de Productos.

No puedes determinar el orden de los productos, y Facebook desplegará dinámicamente hasta 40 a la vez.

 

Inserta un Botón. 

facebook-canvas-14

La opción final es un botón. Esta es otra oportunidad de enviar a los usuarios a un link externo. Tu botón te permitirá un máximo de 30 caracteres, y debes considerar un margen de 48 pixels abajo y arriba.

Una opción muy buena es que puedes mostrar el botón en linea o fijo en la parte inferior de tu canvas (similar al encabezado o header en la parte superior).

El último paso es Guardar, ver la Vista Previa y Terminar.

Facebook te enviará un mensaje a tu móvil para que lo puedas ver. La razón por la que la vista previa es tan importante es que una vez presiones el botón de Terminar, ya no podrás editar tu Canvas.

Espero que este tutorial te haya servido, y que esta nueva herramienta te ayude a explotar tu creatividad para ofrecer una mejor experiencia en tus anuncios.

 

Blogger y Diseñador Gráfico apasionado por el Marketing Digital, los gadgets y la tecnología que está cambiando nuestra sociedad.