← Airtable + VisualPing integrations

Update Job with VisualPing API on New Field from Airtable API

Pipedream makes it easy to connect APIs for VisualPing, Airtable and 2,400+ other apps remarkably fast.

Trigger workflow on
New Field from the Airtable API
Next, do this
Update Job with the VisualPing API
No credit card required
Intro to Pipedream
Watch us build a workflow
Watch us build a workflow
8 min
Watch now ➜

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

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo

Developers Pipedream

Getting Started

This integration creates a workflow with a Airtable trigger and VisualPing action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Select this integration
  2. Configure the New Field trigger
    1. Connect your Airtable account
    2. Configure timer
    3. Select a Base
    4. Select a Table
  3. Configure the Update Job action
    1. Connect your VisualPing account
    2. Select a Workspace ID
    3. Select a Job ID
    4. Optional- Configure Organisation Id
    5. Optional- Configure URL
    6. Optional- Configure Description
    7. Optional- Select a Mode
    8. Optional- Configure Active
    9. Optional- Configure Interval
    10. Optional- Configure Trigger
    11. Optional- Configure Proxy
    12. Optional- Configure Fixed Proxy Alias
    13. Optional- Configure Xpath
    14. Optional- Configure Renderer
    15. Optional- Configure Disable JS
    16. Optional- Configure Page Height
    17. Optional- Select a Target Device
    18. Optional- Configure Wait Time
    19. Optional- Configure Preactions Active
    20. Optional- Configure Preactions Objects
    21. Optional- Configure Advanced Schedule Active
    22. Optional- Configure Multicheck Enabled
    23. Optional- Configure Enable SMS Alert
    24. Optional- Configure Enable Email Alert
    25. Optional- Configure Use Slack Notification
    26. Optional- Configure Use Teams Notification
    27. Optional- Configure Use Webhook Notification
    28. Optional- Configure Use Discord Notification
    29. Optional- Configure Use Slack App Notification
  4. Deploy the workflow
  5. Send a test event to validate your setup
  6. Turn on the trigger

Details

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger

Description:Emit new event for each new field created in a table
Version:0.0.7
Key:airtable_oauth-new-field

Airtable Overview

Airtable (OAuth) API on Pipedream allows you to manipulate and leverage your Airtable data in a myriad of powerful ways. Sync data between Airtable and other apps, trigger workflows on updates, or process bulk data operations asynchronously. By using Airtable's structured databases with Pipedream's serverless platform, you can craft custom automation solutions, integrate with other services seamlessly, and streamline complex data processes.

Trigger Code

import common from "../common/common.mjs";

export default {
  name: "New Field",
  description: "Emit new event for each new field created in a table",
  key: "airtable_oauth-new-field",
  version: "0.0.7",
  type: "source",
  props: {
    ...common.props,
    tableId: {
      propDefinition: [
        common.props.airtable,
        "tableId",
        ({ baseId }) => ({
          baseId,
        }),
      ],
      description: "The table ID to watch for changes.",
    },
  },
  methods: {
    _getFieldIds() {
      return this.db.get("fieldIds") || [];
    },
    _setFieldIds(fieldIds) {
      this.db.set("fieldIds", fieldIds);
    },
  },
  async run() {
    const fieldIds = this._getFieldIds();

    const { tables } = await this.airtable.listTables({
      baseId: this.baseId,
    });
    const { fields } = tables.find(({ id }) => id === this.tableId);

    for (const field of fields) {
      if (fieldIds.includes(field.id)) {
        continue;
      }
      fieldIds.push(field.id);
      this.$emit(field, {
        id: field.id,
        summary: field.name,
        ts: Date.now(),
      });
    }

    this._setFieldIds(fieldIds);
  },
};

Trigger Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.
LabelPropTypeDescription
AirtableairtableappThis component uses the Airtable app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
timer$.interface.timer
BasebaseIdstringSelect a value from the drop down menu.
TabletableIdstringSelect a value from the drop down menu.

Trigger Authentication

Airtable uses OAuth authentication. When you connect your Airtable account, Pipedream will open a popup window where you can sign into Airtable and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Airtable API.

Pipedream requests the following authorization scopes when you connect your account:

data.records:readdata.records:writedata.recordComments:readdata.recordComments:writeschema.bases:readschema.bases:writewebhook:manageuser.email:read

About Airtable

Airtable is a low-code platform to build next-gen apps. Move beyond rigid tools, operationalize your critical data, and reimagine workflows with AI.

Action

Description:Update an existing job. [See the docs here](https://develop.api.visualping.io/doc.html#tag/Jobs/paths/~1v2~1jobs~1%7BjobId%7D/put)
Version:0.0.2
Key:visualping-update-job

VisualPing Overview

VisualPing is a tool that lets you monitor web pages for changes. Using its API with Pipedream, you can automate reactions to those changes. For instance, you can set up workflows that notify you or your team when specific parts of a web page update, or use changes to trigger downstream actions in other apps. Pipedream's serverless platform enables you to connect VisualPing with a vast array of apps to create custom, automated workflows without writing a lot of code.

Action Code

import visualping from "../../app/visualping.app.mjs";
import { prepareData } from "../../common/utils.mjs";

export default {
  key: "visualping-update-job",
  name: "Update Job",
  version: "0.0.2",
  description: "Update an existing job. [See the docs here](https://develop.api.visualping.io/doc.html#tag/Jobs/paths/~1v2~1jobs~1%7BjobId%7D/put)",
  type: "action",
  props: {
    visualping,
    workspaceId: {
      propDefinition: [
        visualping,
        "workspaceId",
      ],
    },
    jobId: {
      propDefinition: [
        visualping,
        "jobId",
        ({ workspaceId }) => ({
          workspaceId,
        }),
      ],
    },
    organisationId: {
      propDefinition: [
        visualping,
        "organisationId",
      ],
      optional: true,
    },
    url: {
      propDefinition: [
        visualping,
        "url",
      ],
      optional: true,
    },
    description: {
      propDefinition: [
        visualping,
        "description",
      ],
      optional: true,
    },
    mode: {
      propDefinition: [
        visualping,
        "mode",
      ],
      reloadProps: true,
      optional: true,
    },
    active: {
      propDefinition: [
        visualping,
        "active",
      ],
      optional: true,
    },
    interval: {
      propDefinition: [
        visualping,
        "interval",
      ],
      optional: true,
    },
    trigger: {
      propDefinition: [
        visualping,
        "trigger",
      ],
      optional: true,
    },
    proxy: {
      propDefinition: [
        visualping,
        "proxy",
      ],
      optional: true,
    },
    fixedProxyAlias: {
      propDefinition: [
        visualping,
        "fixedProxyAlias",
      ],
      optional: true,
    },
    xpath: {
      propDefinition: [
        visualping,
        "xpath",
      ],
      optional: true,
    },
    renderer: {
      propDefinition: [
        visualping,
        "renderer",
      ],
      optional: true,
    },
    disableJS: {
      propDefinition: [
        visualping,
        "disableJS",
      ],
      optional: true,
    },
    pageHeight: {
      propDefinition: [
        visualping,
        "pageHeight",
      ],
      optional: true,
    },
    targetDevice: {
      propDefinition: [
        visualping,
        "targetDevice",
      ],
      reloadProps: true,
      optional: true,
    },
    waitTime: {
      propDefinition: [
        visualping,
        "waitTime",
      ],
      optional: true,
    },
    preactionsActive: {
      propDefinition: [
        visualping,
        "preactionsActive",
      ],
      optional: true,
    },
    preactionsObjects: {
      propDefinition: [
        visualping,
        "preactionsObjects",
      ],
      optional: true,
    },
    advancedScheduleActive: {
      propDefinition: [
        visualping,
        "advancedScheduleActive",
      ],
      optional: true,
      reloadProps: true,
    },
    multicheckEnabled: {
      propDefinition: [
        visualping,
        "multicheckEnabled",
      ],
      optional: true,
    },
    enableSmsAlert: {
      propDefinition: [
        visualping,
        "enableSmsAlert",
      ],
      default: false,
      optional: true,
    },
    enableEmailAlert: {
      propDefinition: [
        visualping,
        "enableEmailAlert",
      ],
      default: false,
      optional: true,
    },
    useSlackNotification: {
      propDefinition: [
        visualping,
        "useSlackNotification",
      ],
      reloadProps: true,
      optional: true,
    },
    useTeamsNotification: {
      propDefinition: [
        visualping,
        "useTeamsNotification",
      ],
      reloadProps: true,
      optional: true,
    },
    useWebhookNotification: {
      propDefinition: [
        visualping,
        "useWebhookNotification",
      ],
      reloadProps: true,
      optional: true,
    },
    useDiscordNotification: {
      propDefinition: [
        visualping,
        "useDiscordNotification",
      ],
      reloadProps: true,
      optional: true,
    },
    useSlackAppNotification: {
      propDefinition: [
        visualping,
        "useSlackAppNotification",
      ],
      reloadProps: true,
      optional: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (this.targetDevice && (this.targetDevice === "1" || this.targetDevice === "3")) {
      props.cropX = {
        type: "integer",
        label: "Crop X",
        description: "Start X position to the crop.",
      };
      props.cropY = {
        type: "integer",
        label: "Crop Y",
        description: "Start Y position to the crop.",
      };
      props.cropWidth = {
        type: "integer",
        label: "Crop Width",
        description: "The width of the crop.",
      };
      props.cropHeight = {
        type: "integer",
        label: "Crop Height",
        description: "The height of the crop.",
      };
    }
    if (this.mode && this.mode === "TEXT") {
      props.keywordAction = {
        type: "string",
        label: "Keyword Action",
        description: "Keyword detection mode.",
        optional: true,
        options: [
          "ADDED",
          "ALL",
          "DELETED",
        ],
      };
      props.keywords = {
        type: "string[]",
        label: "Keywords",
        description: "List of keywords.",
        optional: true,
      };
    }
    if (this.advancedScheduleActive) {
      props.stopTime = {
        type: "integer",
        min: 0,
        max: 24,
        label: "Stop Time",
        description: "The time to stop.",
      };
      props.startTime = {
        type: "integer",
        min: 0,
        max: 24,
        label: "Start Time",
        description: "The time to start.",
      };
      props.activeDays = {
        type: "integer[]",
        label: "Active days",
        description: "List of days from 1 to 7.",
      };
    }
    if (this.useSlackNotification) {
      props.slackUrl = {
        type: "string",
        label: "Slack URL",
        description: "The URL to the slack notification.",
      };
      props.slackChannels = {
        type: "string[]",
        label: "Slack Channels",
        description: "A list of slack's channels.",
      };
    }
    if (this.useTeamsNotification) {
      props.teamsUrl = {
        type: "string",
        label: "Teams URL",
        description: "The URL to the teams notification.",
      };
    }
    if (this.useWebhookNotification) {
      props.webhookUrl = {
        type: "string",
        label: "Webhook URL",
        description: "The URL to the webhook notification.",
      };
    }
    if (this.useDiscordNotification) {
      props.discordUrl = {
        type: "string",
        label: "Discord URL",
        description: "The URL to the discord notification.",
      };
    }
    if (this.useSlackAppNotification) {
      props.slackAppUrl = {
        type: "string",
        label: "Slack App URL",
        description: "The URL to the slack app notification.",
      };
      props.slackAppChannels = {
        type: "string[]",
        label: "Slack App Channels",
        description: "A list of slack app' channels.",
      };
    }
    return props;
  },
  async run({ $ }) {
    const {
      visualping,
      jobId,
      workspaceId,
      ...data
    } = this;

    const job = await visualping.getJob({
      workspaceId,
      jobId,
    });

    const response = await visualping.updateJob({
      $,
      jobId,
      data: {
        workspaceId,
        ...prepareData(job, data),
      },
    });

    $.export("$summary", `The job with id ${jobId} was successfully updated!`);
    return response;
  },
};

Action Configuration

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

LabelPropTypeDescription
VisualPingvisualpingappThis component uses the VisualPing app.
Workspace IDworkspaceIdstringSelect a value from the drop down menu.
Job IDjobIdstringSelect a value from the drop down menu.
Organisation IdorganisationIdstring

Unique ID of the organisation.

URLurlstring

Url of the web page monitored by this job.

Descriptiondescriptionstring

Job Description

ModemodestringSelect a value from the drop down menu:TEXTVISUALWEB
Activeactiveboolean

Whether the job is active or paused.

Intervalintervalstring

Job's crawling interval expressed in minutes. Examples: 5, 15, 1440...

Triggertriggerstring

Job's diff detection trigger expressed in percents. Examples: 0.1, 25...

Proxyproxystring

String code representing the optional proxy to use for this job. Contact Visualping for details.

Fixed Proxy AliasfixedProxyAliasstring

For internal use.

Xpathxpathstring

Optional xpath representing the root web element to consider for this job.

Rendererrendererstring

For internal use.

Disable JSdisableJSboolean

For internal use.

Page HeightpageHeightstring

For internal use.

Target DevicetargetDevicestringSelect a value from the drop down menu:{ "label": "1 - Area", "value": "1" }{ "label": "2 - Mobile", "value": "2" }{ "label": "3 - Specific Fold", "value": "3" }{ "label": "4 - All Page", "value": "4" }
Wait TimewaitTimeinteger

Number of seconds to wait the crawling and before applying any actions on the wab page.

Preactions ActivepreactionsActiveboolean

Whether Preactions is active or not.

Preactions ObjectspreactionsObjectsany

Array of LegacyJobPreAction objects.

Advanced Schedule ActiveadvancedScheduleActiveboolean

Whether advanced schedule is active or not.

Multicheck EnabledmulticheckEnabledstring

For internal use.

Enable SMS AlertenableSmsAlertboolean

Used to enable sms notifications for the considered job. Typically false.

Enable Email AlertenableEmailAlertboolean

Used to enable email notifications for the considered job. Typically false.

Use Slack NotificationuseSlackNotificationboolean

If this job uses slack notification.

Use Teams NotificationuseTeamsNotificationboolean

If this job uses teams notification.

Use Webhook NotificationuseWebhookNotificationboolean

If this job uses webhook notification.

Use Discord NotificationuseDiscordNotificationboolean

If this job uses discord notification.

Use Slack App NotificationuseSlackAppNotificationboolean

If this job uses slack app notification.

Action Authentication

VisualPing uses OAuth authentication. When you connect your VisualPing account, Pipedream will open a popup window where you can sign into VisualPing and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any VisualPing API.

Pipedream requests the following authorization scopes when you connect your account:

About VisualPing

Website change detection, monitoring and alerting

More Ways to Connect VisualPing + Airtable

Delete Job with VisualPing API on New Field from Airtable (OAuth) API
Airtable + VisualPing
 
Try it
Find Jobs with VisualPing API on New Field from Airtable (OAuth) API
Airtable + VisualPing
 
Try it
Get Job Details By Id with VisualPing API on New Field from Airtable (OAuth) API
Airtable + VisualPing
 
Try it
Create A New Job with VisualPing API on New Field from Airtable (OAuth) API
Airtable + VisualPing
 
Try it
Delete Job with VisualPing API on New, Modified or Deleted Records from Airtable (OAuth) API
Airtable + VisualPing
 
Try it
New Field from the Airtable API

Emit new event for each new field created in a table

 
Try it
New Modified or Deleted Records (Instant) from the Airtable API

Emit new event each time a record is added, updated, or deleted in an Airtable table. See the documentation

 
Try it
New or Modified Field from the Airtable API

Emit new event for each new or modified field in a table

 
Try it
New or Modified Records from the Airtable API

Emit new event for each new or modified record in a table

 
Try it
New or Modified Records in View from the Airtable API

Emit new event for each new or modified record in a view

 
Try it
Create Comment with the Airtable API

Create a new comment on a record. See the documentation

 
Try it
Create Field with the Airtable API

Create a new field in a table. See the documentation

 
Try it
Create Multiple Records with the Airtable API

Create one or more records in a table by passing an array of objects containing field names and values as key/value pairs. See the documentation

 
Try it
Create Single Record with the Airtable API

Adds a record to a table.

 
Try it
Create Single Record Or Update with the Airtable API

Updates a record if recordId is provided or adds a record to a table.

 
Try it

Explore Other Apps

1
-
24
of
2,400+
apps by most popular

HTTP / Webhook
HTTP / Webhook
Get a unique URL where you can send HTTP or webhook requests
Node
Node
Anything you can do with Node.js, you can do in a Pipedream workflow. This includes using most of npm's 400,000+ packages.
Python
Python
Anything you can do in Python can be done in a Pipedream Workflow. This includes using any of the 350,000+ PyPi packages available in your Python powered workflows.
OpenAI (ChatGPT)
OpenAI (ChatGPT)
OpenAI is an AI research and deployment company with the mission to ensure that artificial general intelligence benefits all of humanity. They are the makers of popular models like ChatGPT, DALL-E, and Whisper.
Premium
Salesforce
Salesforce
Web services API for interacting with Salesforce
Premium
HubSpot
HubSpot
HubSpot's CRM platform contains the marketing, sales, service, operations, and website-building software you need to grow your business.
Premium
Zoho CRM
Zoho CRM
Zoho CRM is an online Sales CRM software that manages your sales, marketing, and support in one CRM platform.
Premium
Stripe
Stripe
Stripe powers online and in-person payment processing and financial solutions for businesses of all sizes.
Shopify
Shopify
Shopify is a complete commerce platform that lets anyone start, manage, and grow a business. You can use Shopify to build an online store, manage sales, market to customers, and accept payments in digital and physical locations.
Premium
WooCommerce
WooCommerce
WooCommerce is the open-source ecommerce platform for WordPress.
Premium
Snowflake
Snowflake
A data warehouse built for the cloud
Premium
MongoDB
MongoDB
MongoDB is an open source NoSQL database management program.
Supabase
Supabase
Supabase is an open source Firebase alternative.
MySQL
MySQL
MySQL is an open-source relational database management system.
PostgreSQL
PostgreSQL
PostgreSQL is a free and open-source relational database management system emphasizing extensibility and SQL compliance.
Premium
AWS
AWS
Amazon Web Services (AWS) offers reliable, scalable, and inexpensive cloud computing services.
Premium
Twilio SendGrid
Twilio SendGrid
Send marketing and transactional email through the Twilio SendGrid platform with the Email API, proprietary mail transfer agent, and infrastructure for scalable delivery.
Amazon SES
Amazon SES
Amazon SES is a cloud-based email service provider that can integrate into any application for high volume email automation
Premium
Klaviyo
Klaviyo
Email Marketing and SMS Marketing Platform
Premium
Zendesk
Zendesk
Zendesk is award-winning customer service software trusted by 200K+ customers. Make customers happy via text, mobile, phone, email, live chat, social media.
Notion
Notion
Notion is a new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Slack
Slack
Slack is a channel-based messaging platform. With Slack, people can work together more effectively, connect all their software tools and services, and find the information they need to do their best work — all within a secure, enterprise-grade environment.
Microsoft Teams
Microsoft Teams
Microsoft Teams has communities, events, chats, channels, meetings, storage, tasks, and calendars in one place.
Schedule
Schedule
Trigger workflows on an interval or cron schedule.