Integrate the HTML to Image API with the Notion API

Setup the HTML to Image API trigger to run a workflow which integrates with the Notion API. Pipedream's integration platform allows you to integrate HTML to Image and Notion 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 Ways to Connect HTML to Image with Notion#

Convert HTML to Image with HTML to Image API on New Database from Notion API

Notion + HTML to Image

Try it

Convert HTML to Image with HTML to Image API on New Page in Database from Notion API

Notion + HTML to Image

Try it

Convert HTML to Image with HTML to Image API on Page or Subpage Updated from Notion API

Notion + HTML to Image

Try it

Convert HTML to Image with HTML to Image API on Updated Page ID from Notion API

Notion + HTML to Image

Try it

Convert HTML to Image with HTML to Image API on Updated Page in Database from Notion API

Notion + HTML to Image

Try it

Popular HTML to Image and Notion Triggers#

New Database from the Notion API

Emit new event when a database is created. Note: Databases must be shared with your Pipedream Integtration to trigger event.

Try it

New Page in Database from the Notion API

Emit new event when a page in a database is created

Try it

Page or Subpage Updated from the Notion API

Emit new event when a page or one of its sub-pages is updated.

Try it

Updated Page ID from the Notion API

Emit new event when a selected page is updated

Try it

Updated Page in Database from the Notion API

Emit new event when a page in a database is updated. To select a specific page, use Updated Page ID instead

Try it

Popular HTML to Image and Notion Actions#

Convert HTML to Image with the HTML to Image API

Create an image from HTML. See the documentation.

Try it

Append Block to Parent with the Notion API

Creates and appends blocks to the specified parent. See the documentation

Try it

Convert HTML to PDF with the HTML to Image API

Create a PDF file from HTML. See the documentation.

Try it

Create Page with the Notion API

Creates a page from a parent page. The only valid property is title. See the documentation

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 Notion#

Notion's API allows for the creation, reading, updating, and deleting of pages, databases, and their contents within Notion. Using Pipedream's platform, you can build workflows that connect Notion with various other services to automate tasks such as content management, task tracking, and data synchronization. With Pipedream's serverless execution, you can trigger these workflows on a schedule, or by external events from other services, without managing any infrastructure.

Connect Notion#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    notion: {
      type: "app",
      app: "notion",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.notion.com/v1/users/me`,
      headers: {
        Authorization: `Bearer ${this.notion.$auth.oauth_access_token}`,
        "Notion-Version": `2021-08-16`,
      },
    })
  },
})

Start for free — no credit card required

Watch a demo