Jon Yongfook · December 2020
In this tutorial we will use Zapier and Bannerbear to automatically turn tweet data into a vertical size image suitable for using on any vertical story-based platform such as Twitter Fleets or Instagram Stories.
A "Fleet" is Twitter's new ephemeral content feature. Ephemeral content is a fancy term for content that disappears after a while. The feature is similar to Instagram Stories and currently Twitter Fleets only displays on the mobile apps.
Ephemeral content has already proved itself as a tremendously popular type of content for users to consume. Instagram stories are used by 500 million users every day!
It's good for brands because:
In this tutorial we are going to set up a simple automated zap that:
To get started, add the Tweet to Fleet template to one of your Bannerbear projects:
You can customize this template before proceeding, for example you could change the fonts, change the background color, add your company logo etc. Just don't change any of the layer names as I will be referencing them later in this tutorial.
Once it is added to a project, you can test out the template using the API Console to send in some test data, if you like:
Go to your project's home page and click the Settings / API Key to view your API key which you will need in the next step:
Now lets switch to Zapier.
In Zapier, create a new Zap and for the app and trigger choose Twitter / Liked Tweet:
At this point if you haven't already, you will have to connect your Twitter account with Zapier.
Zapier will then ask which twitter account to "observe" for liked tweets - this can actually be anyone but most likely here you'll just want to put your own twitter handle as it will make it easier to test.
Save the Zap trigger step and move to the action step.
So now Zapier is set up to trigger whenever you "like" a tweet on Twitter. Lets pass that data into our Bannerbear template!
As the next app in the Zapier workflow, choose Bannerbear and the Create Image action:
When prompted, you will need to connect Zapier to Bannerbear using the Project API Key that you copied earlier:
If Zapier is able to connect successfully to Bannerbear, you should see a dropdown of all your project's templates. Choose the Tweet to Fleet template that you added earlier and the template details will load:
Now it's just a simple case of plugging in the data in the right fields:
When you are ready to test, hit Continue and then run a test with Test and Review. You should see a green success message after a couple of seconds, indicating that the image was generated successfully:
You can switch back to your Bannerbear template page and look at the log data to see the request that Zapier sent:
So now Zapier is set up to create these auto generated Fleet images whenever you Like a tweet. As a next step, we should do something with these images!
There are unlimited possibilities of what you could do next really. You could post the images to social media, you could publish them on a website, you could email them to yourself etc.
For now, lets just save them to a Google Drive.
As the next step in the process, choose the Google Drive app and the Upload File action:
Next, choose where you want to put the image. For the file, simply choose the Image URL that Bannerbear has given you from the previous step:
Run a test and see the test file get deposited:
Now you have a zap that auto generates Fleet-size (or IG Story size) images from tweets that you have liked. It's a convenient way of passively building up an archive of content that you can use to post on IG Stories or Twitter Fleets. And this is just a basic implementation, with a few tweaks you could take it further…
Why not try these as next steps:
Other resources on Bannerbear with the tags twitter, zapier and automate
Hello I'm Jon, the founder of Bannerbear — every 2 weeks I send a newsletter with updates from the Product, Marketing and Business sides of my startup, subscribe below to receive it!