> ## Documentation Index
> Fetch the complete documentation index at: https://docs.screenshotly.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# No-code platforms

> Integrate Screenshotly with Zapier, Make (Integromat), Webflow, Bubble, and other no-code tools.

You can connect Screenshotly to no-code platforms using HTTP/webhook integrations.

## Zapier

Create a Zap that captures screenshots automatically:

<Steps>
  <Step title="Create a trigger">
    Choose your trigger event (e.g., new row in Google Sheets, new form submission, scheduled time).
  </Step>

  <Step title="Add a Webhooks action">
    Add a **Webhooks by Zapier** action and select **Custom Request**.
  </Step>

  <Step title="Configure the request">
    Set these values:

    * **Method**: POST
    * **URL**: `https://api.screenshotly.dev/v1/capture`
    * **Headers**:
      * `X-API-Key`: your API key
      * `Content-Type`: application/json
    * **Body**:

    ```json theme={null}
    {
      "url": "{{trigger_url}}",
      "options": {
        "format": "png",
        "viewport_width": 1280,
        "viewport_height": 800,
        "response_type": "json"
      }
    }
    ```

    Replace `{{trigger_url}}` with the dynamic URL from your trigger step.
  </Step>

  <Step title="Test and enable">
    Test the Zap to verify it captures a screenshot, then turn it on.
  </Step>
</Steps>

## Make (Integromat)

<Steps>
  <Step title="Create a scenario">
    Add a trigger module (e.g., Google Sheets Watch Rows, Schedule).
  </Step>

  <Step title="Add an HTTP module">
    Add an **HTTP - Make a request** module with these settings:

    * **URL**: `https://api.screenshotly.dev/v1/capture`
    * **Method**: POST
    * **Headers**:
      * `X-API-Key`: your API key
      * `Content-Type`: application/json
    * **Body type**: Raw
    * **Content type**: JSON
    * **Request content**: your JSON payload with `url` and `options`
  </Step>

  <Step title="Parse the response">
    Add a **JSON - Parse JSON** module to extract the screenshot data from the response.
  </Step>
</Steps>

## Bubble

Use Bubble's API Connector plugin:

1. Go to **Plugins** and install **API Connector**
2. Add a new API:
   * **Name**: Screenshotly
   * **Authentication**: Private key in header
   * **Key name**: `X-API-Key`
   * **Key value**: your API key
3. Add a call:
   * **Method**: POST
   * **URL**: `https://api.screenshotly.dev/v1/capture`
   * **Body**: JSON with `url` and `options` parameters
4. Initialize the call to set up the response structure
5. Use the API call in your workflows

## Webflow

Webflow supports external API calls through its Logic feature:

1. Create a Webflow Logic flow
2. Add an **HTTP Request** block
3. Configure it with the Screenshotly API endpoint and your parameters
4. Use the response data in subsequent blocks

## Common patterns

### Scheduled captures with Zapier

Use Zapier's **Schedule by Zapier** trigger to capture screenshots at regular intervals (hourly, daily, weekly).

### Form-triggered captures

Connect a form submission (Typeform, Google Forms, etc.) to Screenshotly to capture a screenshot of a URL submitted by users.

<Note>
  All no-code integrations use the same REST API. If your platform supports HTTP requests, you can integrate with Screenshotly. See the [API reference](/api-reference/capture-screenshot) for full endpoint details.
</Note>