Integrate the HTML to Image API with the Amazon SES API

Setup the HTML to Image API trigger to run a workflow which integrates with the Amazon SES API. Pipedream's integration platform allows you to integrate HTML to Image and Amazon SES remarkably fast. Free for developers.

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Popular HTML to Image and Amazon SES Actions#

Convert HTML to Image with the HTML to Image API

Create an image from HTML. See the documentation.

Try it

Create Email Template with the Amazon SES API

Create a HTML or a plain text email template. See the docs

Try it

Convert HTML to PDF with the HTML to Image API

Create a PDF file from HTML. See the documentation.

Try it

Get Email Template with the Amazon SES API

Get an email template. See the docs

Try it

Convert URL to Image with the HTML to Image API

Capture a screenshot from a URL. See the documentation.

Try it

Connect HTML to Image#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_to_image: {
      type: "app",
      app: "html_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
        "html_content" : "<div class=\"mt-4 p-4 text-center\"style=width:500px><span class=\"mb-4 tweet-text\">This is Little Bear. He tolerates baths because he knows how phenomenal his floof will appear afterwards. 13/10</span><div class=\"mt-2 p-4\"><img class=\"mt-4 border rounded-circle shadow\"src=https://docs.htmlcsstoimage.com/assets/images/dog.jpg width=100px></div><h4 class=mt-2>WeRateDogs</h4><span class=text-muted>@dog_rates</span></div><link href=https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css rel=stylesheet crossorigin=anonymous integrity=sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk><link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@700\"rel=stylesheet>",
        "css_content" : ".tweet-text{background-color:#fff2ac;background-image:linear-gradient(to right,#ffe359 0,#fff2ac 100%);font-weight:bolder;font-size:32px;font-family:Roboto,sans-serif;padding:4px}",
        "generate_img_url": true
    }
    return await axios($, {
      method: "post",
      url: `https://api.htmlcsstoimg.com/api/v1/generateImage`,
      headers: {
        "CLIENT-API-KEY": `${this.html_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

Overview of Amazon SES#

Amazon Simple Email Service (SES) is a powerful cloud-based email sending service designed to help digital marketers and application developers send marketing, notification, and transactional emails. With the SES API, you can reliably send emails at scale, manage sender reputations, view email sending statistics, and maintain a high deliverability rate. Leveraging Pipedream's capabilities, you can integrate SES seamlessly into serverless workflows, automate email responses based on triggers from other apps, and analyze the effectiveness of your email campaigns by connecting to data analytics platforms.

Connect Amazon SES#

module.exports = defineComponent({
  props: {
    amazon_ses: {
      type: "app",
      app: "amazon_ses",
    }
  },
  async run({steps, $}) {
    const AWS = require("aws-sdk")
    const { accessKeyId, secretAccessKey } = this.amazon_ses.$auth
    
    const ses = new AWS.SES({
      accessKeyId, 
      secretAccessKey,
      region: 'us-east-1',
    })
    
    const sesParams = {
      Destination: {
        ToAddresses: ["<your email here>"],
      }, 
      Message: {
        Body: {
          Html: {
            Charset: "UTF-8", 
            Data: "<h1>This is a test</h1>",
          }, 
            Text: {
            Charset: "UTF-8", 
            Data: "This is a test",
          }
        }, 
        Subject: {
          Charset: "UTF-8", 
          Data: "Test email",
        }
      },
      Source: "<your from address here", 
    };
    
    this.resp = await ses.sendEmail(sesParams).promise()
  },
})

Start for free — no credit card required

Watch a demo