How to Generate E-commerce Product Thumbnails with Bannerbear

Thumbnails can be the key factor in stopping the scroll. Learn how to automate e-commerce product thumbnail generation using Bannerbear, Airtable, and Zapier. Design once, generate at scale—no coding required.
by Julianne Youngberg ·

Contents

    With the prevalence of digital marketplaces, more and more people are shopping online. Now, they can browse for options, compare prices, and search for products that suit their needs. This means brands need to work hard to catch the eyes of buyers who are spoiled for choice. A key factor to that? Product thumbnails.

    Sure, you could upload a simple picture of the product you are selling. But sometimes, that just isn’t enough. Being able to showcase factors that make you unique—like great sales prices, product variants, or package deals—can increase your click-through rates and get you further down the sales funnel.

    But if you have many products to showcase, designing thumbnails one-by-one can be more trouble than it’s worth. The math is brutal: if you have 500 products across multiple platforms, each with 2–3 variants, you're looking at thousands of manual design iterations. That's not scalable, and it certainly isn’t a good use of your time.

    That’s where Bannerbear comes in. With a custom design optimized for your site or platform, you can generate thumbnails at scale—and you won’t even have to write a line of code.

    In this tutorial, you’ll set up an automated pipeline that generates, stores, and publishes product thumbnails in minutes instead of months. Let’s walk through how.

    What You Will Create

    Well-designed thumbnails help your products stand out on crowded e-commerce site feeds or search results, which can be especially helpful when you sell on marketplace platforms like Amazon, eBay, Lazada, or Shopee. Automating this process saves time and lets you publish new product listings faster.

    The tools you’ll use to automate product thumbnail production are:

    • Airtable : To store product information and generated image links
    • Bannerbear: To design templates and generate images at scale
    • Zapier: To trigger actions in different programs based on predesigned instructions

    By the end of the tutorial, you should have a set of beautiful product thumbnails—complete with additional information and supplementary photos—stored in your Airtable base, ready for use.

    Sample product thumbnail generated with Bannerbear

    Let’s get started!

    How to Automatically Generate Product Thumbnails with Bannerbear

    If you have a good product, it should sell, right? Wrong. With so many options available at their fingertips, customers are fickle. Designing thumbnails that stand out and convince buyers that they’re getting something of value from you is key to driving sales.

    You can use thumbnails to:

    • Convey professionalism (with high-quality photos and good design)
    • Advertise sales and value deals
    • Showcase variety

    Then once you have a customer’s foot in the figurative door, your product description, pricing, and other factors can seal the deal.

    With a Bannerbear template, an Airtable database, and a Zap to tie everything together, you can automatically produce thumbnails designed for the e-commerce platform of your choice. Here’s how to set it all up:

    Step 1 - Design a Bannerbear Template

    Bannerbear’s template editor makes it easy for you to design product thumbnails that reflect your brand and product, increasing the chances of click-throughs.

    Log into your Bannerbear account (or create a free account if you don’t have one yet—no credit card required! 🥳), and create a new project.

    You can start from scratch with custom dimensions and unique elements. Alternatively, start with one of our pre-designed templates:

    Bannerbear Fashion Product Thumbnail template Bannerbear Beauty Product Thumbnail template Bannerbear Packaged Goods Product Thumbnail template

    Your template will need fields that include all the thumbnail elements you want to include, such as:

    • Product Name
    • Brand
    • Price
    • Product Image

    What you include depends on your products and audience.

    In this example, we’ll include the main product elements and a CTA along with two variant images, to showcase that we have a variety of styles available.

    Screenshot of Bannerbear editor

    Add and modify fields until you're happy with your design, then click Save Template.

    Bear Tip 🐻: If you sell on multiple platforms, it can be a good idea to create sets of thumbnails optimized to each one. Good news: You can do this by designing multiple templates and using the Collection feature!

    Step 2 - Build an Airtable Base

    Whether you’re a small boutique shop with two dozen products or a multi-brand retailer with hundreds, you’ll need a database to manage your products, inventory, and other details. Airtable’s integrations make it ideal for automation workflows like this one.

    Log into your Airtable account, and either create a new base or open an existing one. You’ll need a table of product data matching the template fields you already created in Bannerbear.

    Screenshot of Airtable base with product information outlined in red

    You’ll also want a checkbox field to mark product records that are ready for thumbnail generation, and a URL field to store generated thumbnail links.

    Screenshot of Airtable base with ready and product thumbnail fields outlined in red

    Then, add a view that filters for records that have been marked Ready . These will be the products that have complete information and are ready for thumbnail generation.

    Screenshot of Airtable base with thumbnail view filter outlined in red

    Populate at least one record to test with.

    Feel free to add additional fields and tables for better product management—inventory tracking, variant details, brand views, and more.

    Your Airtable base is now ready!

    Step 3 - Set Up a Zap to Generate and Store Thumbnails

    You have a Bannerbear template that’s ready to generate thumbnails, and an Airtable base that holds all the product information you need. Now it’s time for the last step: tying everything together.

    Log into your Zapier account, create a new zap, and then set up the following steps:

    Trigger: New Record in Airtable

    Choose Airtable as the app and New Record as the trigger. If you haven’t connected Airtable yet, you will be prompted to do so.

    Set up the trigger by choosing the right base and table. Limit to only view your records that have been marked as Ready.

    Screenshot of Zapier Airtable new record trigger

    Test the trigger to ensure Zapier is able to find a record, then continue.

    Action: Create Image in Bannerbear

    Choose Bannerbear as the app and Create Image as the action. If you haven’t connected your template yet, you’ll have to do so using the API key in the Settings / API Key section of your project.

    Set the event up by selecting the template you designed, then map any modifications into their matching fields.

    Screenshot of Zapier Bannerbear create image action with modifications outlined in red

    Insert the Airtable ID from the previous step in the Metadata field. This will make it easier to locate the record later on.

    Screenshot of Zapier Bannerbear create image action with metadata outlined in red

    Test the step; you should see a generated image with unique information in the output section, or in your Bannerbear Logs .

    Action: Update Record in Airtable

    Choose Airtable as the app and Update Record as the action.

    Set up the action by using the image’s metadata (which is the Airtable record ID) as the search value in the Record field, then mapping the generated image URL to its corresponding field.

    Screenshot of Zapier Bannerbear update record action with record field outlined in red

    Test the action. You should see a link to your brand new product thumbnail appear in your Airtable base.

    Screenshot of Airtable base with product thumbnail link output outlined in red

    And you’re done!

    Sample product thumbnail generated with Bannerbear

    Conclusion

    You've just built a system that does the heavy lifting for you. Every time a new product is marked Ready in Airtable, a beautiful, branded thumbnail automatically appears instantly. Automation frees you to focus on what actually matters, like sourcing great products and marketing them well.

    The pipeline you've set up today can scale to hundreds or thousands of products. Update your template once, and every new thumbnail reflects that change. Add a new product variant? It's automatically captured. This is how modern e-commerce operations work.

    Ready to streamline other repetitive processes? Here are a few more ways to automate your online shop:

    👉 Ecommerce Localization: How to Generate Images with Local Currencies and Languages

    👉 How to Automatically Create and Print Shipping Labels for Your Online Shop

    👉 How to Generate and Print Custom Labels for Small Batch Products

    👉 Bannerbear's Guide to Creating Beautiful Video Thumbnails For Instagram (in 2026)

    About the authorJulianne Youngberg@paradoxicaljul
    Julianne is a technical content specialist fascinated with digital tools and how they can optimize our lives. She enjoys bridging product-user gaps using the power of words.

    8 Best MCP Servers for Claude Code Developers in 2026

    Discover the 8 best MCP servers for Claude Code in 2026 that will supercharge your development workflow, including GitHub, Playwright, Supabase, Figma, and more.

    3 Ways to Use AI in Your Make Scenarios

    Make's AI features allow you to automate processes that require nuance, judgment, or personalization. Learn more about the GET, PROMPT, TRANSFER framework and explore three ways to implement AI in your Make scenarios.

    What is an MCP Server and How to Build One

    Learn what an MCP server is and build one using TypeScript. This guide shows you how to connect AI assistants like Claude to your application's API via the MCP server.

    Automate & Scale
    Your Marketing

    Bannerbear helps you auto-generate social media visuals, banners and more with our API and nocode integrations

    How to Generate E-commerce Product Thumbnails with Bannerbear
    How to Generate E-commerce Product Thumbnails with Bannerbear