Crear Imágenes Automáticas con Bannerbear

Darse de alta en Zapier

Hola chicos ¿Qué tal?

Seguimos con el curso de Zapier, y vamos a ver otra herramienta muy interesante que podemos utilizar.

Esta herramienta se llama Bannerbear que es la que veis en pantalla.

Bannearbear

Es gratuita hasta 100 imágenes

Suscripción Bannerbear

Nos podemos dar de alta sin meter datos de pago.

¿Por qué lo vamos a usar junto a Zapier?

Lo que vamos a hacer desde Zapier, es que, cada vez que escribamos un nuevo Tweet se genere una imagen de ese Tweet automáticamente con Bannerbear

Para ello, una vez estemos en Bannerbear tenemos que ir a Demos --> Tweetagram

Demos Bannerbear

Vemos que hay un montón de opciones, y vamos a seleccionar alguna como la que vemos en pantalla

Bannerbear imágenes muestra

Esto lo podemos hacer automáticamente, de hecho vamos a hacer que automáticamente, cada vez que escribamos un tweet ,se genere una imagen como esta

Bannerbear Imagen Tweet

Incluso, también de manera automática, podríamos hacer que apareciera también en nuestra Web.

Pero de momento en este tutorial vamos a hacer algo sencillo, vamos a hacer que de cada tweet que nosotros escribamos, se genere haga una imagen.

Para hacerlo en primer lugar nos tendremos que dar de alta en Bannerbear

Alta Bannerbear

Que como sabemos, hasta 100 imágenes es gratis, y además no nos va a pedir que metamos los datos bancarios en este momento.

Una vez que entramos, hacemos clic sobre Projects

Bannerbear Projects

y aquí vamos a crear un nuevo proyecto,

Bannerbear Nuevo Proyecto

Por ejemplo Tutorial Zapier, aquí escribiremos el nombre del proyecto que queramos realizar.

Bannerbear Nuevo Proyecto

y hacemos clic en Save.

En esta pantalla nos va a aparecer la plantilla que vamos a poder usar, e incluso con el API Key que vamos a necesitar, como se muestra en la imagen

Bannerbear Templates

Hacemos Clic sobre Settings / API Key

Bannerbear Setting/API Key

Nos copiamos el API KEY

Bannerbear copiamos API KEY

Ya que luego Zapier nos lo va a pedir, volvemos al proyecto, para ello haremos clic sobre "Tutorial Zapier > Settings / API Key"

Bannerbear Tutorial Zapier

Aquí podemos decirle que queremos ver todas las plantillas que hay, desde "Browse Template Library"

Hay un montón, como podéis ver, y en este caso, vamos a elegir la que aparece a continuación (en la parte inferior izquierda)

Bannerbear Plantilla elegida

Nos preguntará en que proyecto queremos utilice esta plantilla, elegimos en el nuestro.

Bannerbear proyecto elegido

Salvamos, y nos muestra como quedaría la plantilla que hemos seleccionado.

Bannerbear Ejemplo Template elegido

Ahora nos iremos a Zapier. Donde haremos un nuevo Zap (MAKE A ZAP)

Make a Zap

Como nuestra idea es que se autogeneren imágenes con Twitter, en el nombre del Zap será "imágenes Twitter".

Nombre del Zap

En este caso, como Trigger del Zap, vamos a escribir en "Choose App & Event", Twitter, y lo seleccionamos.

Zapier elegimos trigger

Como lanzador de nuestro trigger vamos a elegir nuestros tweets

Zapier Trigger Event

Podríamos elegir otras opciones, como los tweets que nos gustan, etc.

Damos a continuar

Continuar Zapier

Me pregunta cual es la cuenta, la elegimos

Cuenta Twitter Zapier

Volvemos a dar en continuar

Zapier Continuar

Ahora Zapier nos sugiere hacer un test para continuar, lo hacemos

Zapier Test

Una vez finalizada la primera parte de nuestro Zap, vamos a elegir la segunda parte, la que tiene que ver con Bannerbear

Zapier elección Bannerbear

Seleccionamos crear una imagen

Zapier Seleccionar imagen Bannerbear

Le damos a continuar

Continuar Bannerbear en Zapier

Aquí tenemos que seleccionar la cuenta

Cuenta Twitter Bannerbear usada en Zapier

En este caso, vamos a elegir una nueva cuenta para que veáis como se hace, para ello seleccionamos "+Add a New Account" apareciéndonos una pantalla como la siguiente

Nueva cuenta Twitter en Zapier para Bannerbear

No solicita cual es el API key del proyecto, lo añadimos (Si recordamos ya lo habíamos copiado en pasos anteriores)

API Key de Bannerbear en Zapier

y hacemos clic sobre "Yes, Continue" y nos saldría ya la opción de continuar en Zapier

Continuar Zapier

Ahora tenemos que elegir que campos queremos que se añadan en esta imagen. En un primer momento tendremos que seleccionar que plantilla de Bannerbear es la que queremos.

Zapier Elección plantillas de Bannerbear

En nuestra caso, si recordamos la plantilla que elegimos fue "Quote Example" como se muestra en la siguiente imagen.

Bannerbear Plantilla Quote Example

Por lo que seleccionaremos esta opción

Zapier selección Quote Example de Bannerbear

Y aquí nos va a desplegar todas las opciones con las que podemos personalizar nuestro tweet.

Personalizar campos Tweeter en Zapier para Bannerbear

Como nombre que escribe los tweets, elegiremos el nuestro.

Name Tweeter

Como avatar, que elija el nuestro, aquí lo denomina "User Profile Image URL"

Avatar Tweeter

Y como texto vamos a elegir que sea el Tweet

Texto Tweet

En principio, no rellenamos nada más, hay más opciones, pero con estas nos vale para nuestro ejemplo. Hacemos Clic sobre Continue

Continue Zapier

Nos viene aquí todos los datos que va a coger, y le decimos que haga un "Test & Continue"

Test y Continue Zapier

Como vemos ya estaría creado nuestro Zap

Zap Completado

Si activamos el Zap, desde la parte superior derecha

Activar Zap

Automáticamente se nos generarían estas imágenes.

¿Dónde se nos guardarán estas imágenes? En nuestra cuenta de Bannerbear, para verlas tendremos que ir a los proyectos, aquí veríamos todos los proyectos que tenemos.

Proyectos Bannerbear

Nuestro proyecto es "Tutorial Zapier" y si bajamos hasta abajo, nos irán apareciendo todas las imágenes,

imágenes guardadas en Bannerbear

Aquí vemos que nos dice que "se ha generado una imagen hace menos de un minuto". Si bajamos, fijaos en la imagen que nos ha generado

Imagen generada en Bannerbear

Vemos que imagen más chula nos ha generado a partir del último Tweet que he escrito.

Tweet

Hemos creado una imagen chulísima de manera automática.

Como veis

Zapier enriquece un montón cualquier herramienta que usemos.

Esperamos que os haya gustado, nos vemos en el siguiente tutorial!!!

Temario

Presentación del Curso de Zapier
Presentación del Curso de Zapier
4:58
Creando nuestro primer Zap
Creando nuestro primer Zap
8:51
Zaps Multipaso y Filtros en Zapier
Zaps Multipaso y Filtros en Zapier
9:33
Buscar en Airtable y enviar a Trello
Buscar en Airtable y enviar a Trello
8:24
Crear Imágenes Automáticas con Bannerbear
Crear Imágenes Automáticas con Bannerbear
5:25
Enviar Imagen de Bannerbear a Facebook
Enviar Imagen de Bannerbear a Facebook
3:44
Darse de alta en Zapier