Bannerbear Blog

How to Add a Dynamic Watermark to Puppeteer Screenshots Using Bannerbear (Part 2: Full-page)

This tutorial shows you how to add a dynamic watermark automatically using Bannerbear when Puppeteer takes a full-page screenshot.

By Josephine Loo · 27 min read

When this happens...

New row in Google Sheets

Do this...

Create an Image in Bannerbear

Then this...

Schedule for Posting on Social Media

const { Bannerbear } = require('bannerbear')
const bb = new Bannerbear()

//auto generate a unique banner image for every product
let images = []
for (i in products) {
  let image = await bb.create_image(TEMPLATE_ID, {
    modifications: [
      {
        name: "name",
        text: products[i].name,
      },
      {
        name: "photo",
        image_url: products[i].photo,
      },
    ],
  })
  images.push(image)
}

Follow the Journey

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!