Skip to main content

Using Browserless with Make.com

Make.com (formerly Integromat) is a powerful visual automation platform that allows you to connect different services and automate tasks. This guide will show you how to use Browserless with Make.com to automate browser-based tasks.

Getting Started

  1. Sign Up for Make.com

    Create a free account on Make.com to get started with automation workflows.

    Sign up for Make.com

  2. Navigate to Scenarios

    Once logged in, go to the Scenarios section where you can create and manage your automation workflows.

    Navigate to Scenarios

  3. Create a New Scenario

    Click on "Create a new scenario" to start building your automation workflow with Browserless.

    Create a New Scenario

  4. Add HTTP Module

    Search for and add the HTTP module to your scenario. This will allow you to make requests to Browserless APIs.

    Add HTTP Module

  5. Select Make a Request

    Choose the "Make a Request" action from the HTTP module options.

    Make a Request

  6. Configure Browserless

    Configure your HTTP request with the Browserless endpoint and your API token. See the examples below for specific endpoint configurations.

    Configure Browserless

For the templates below, remember to replace YOUR_API_TOKEN_HERE with your actual Browserless API token.

Prerequisites

  • A Browserless account with an API token
  • A Make.com account (free or paid)

Available Endpoints

Screenshot

The /screenshot endpoint allows you to capture screenshots of web pages. This is useful for:

  • Visual monitoring of websites
  • Creating thumbnails
  • Documenting web content

Learn more about the Screenshot API

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/screenshot?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/json
  6. Add this JSON to the Request content:
{
"url": "https://www.example.com"
}

PDF Generation

The /pdf endpoint generates PDF documents from web pages. This is useful for:

  • Creating printable versions of web content
  • Archiving web pages
  • Generating reports

Learn more about the PDF API

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/pdf?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/json
  6. Add this JSON to the Request content:
{
"url": "https://www.example.com"
}

Content Extraction

The /content endpoint extracts the HTML content from web pages. This is useful for:

  • Web scraping
  • Content analysis
  • Data extraction

Learn more about the Content API

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/content?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/json
  6. Add this JSON to the Request content:
{
"url": "https://www.example.com"
}

Unblock

The /unblock endpoint helps bypass common anti-bot measures. This is useful for:

  • Accessing protected content
  • Handling CAPTCHAs
  • Managing cookies and sessions

Learn more about the Unblock API

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/unblock?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/json
  6. Add this JSON to the Request content:
{
"url": "https://www.example.com",
"cookies": true,
"browserWSEndpoint": true,
"content": true,
"screenshot": true
}

Browser Query Language (BQL)

The /chrome/bql endpoint allows you to execute complex browser automation tasks using GraphQL. This is useful for:

  • Complex form filling
  • Multi-step workflows
  • Custom browser automation

Learn more about BQL

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/chrome/bql?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/json
  6. Add this JSON to the Request content:
{
"query": "mutation FormExample {\n goto(url: \"https://www.browserless.io/practice-form\") {\n status\n }\n select(selector:\"#Contact-Subject\",value:\"support\"){ time } \n typeEmail: type(text: \"john@email.com\", selector: \"#Email\") {\n time\n }\n typeMessage: type(\n selector: \"#Message\"\n text: \"Hello world!\"\n ) {\n time\n }\n verify(\n type: cloudflare\n ){\n solved\n }\n waitForTimeout(time:3000){time}\n screenshot{\n base64\n }\n}",
"variables": {},
"operationName": "FormExample"
}

Function

The /function endpoint allows you to execute custom JavaScript code in a browser context. This is useful for:

  • Custom browser automation
  • Complex data extraction
  • Multi-step workflows

Learn more about the Function API

HTTP Module Configuration

  1. Add an HTTP module and select the Make a Request action
  2. Set URL to https://production-sfo.browserless.io/function?token=YOUR_API_TOKEN_HERE
  3. Set Method to POST
  4. Set Body type to Raw
  5. Set Content type to application/javascript
  6. Add this JavaScript to the Request content:
export default async function ({ page }) {
await page.goto("https://example.com/");
const url = await page.content();
const buffer = await page.pdf({ format: "A4" });
const base64PDF = buffer.toString('base64');
const screenshot = await page.screenshot({ encoding: "base64" });

return {
data: {
url,
screenshot,
base64PDF
},
type: "application/json",
};
}