← HubSpot + Remove.bg integrations

Remove background with Remove.bg API on New Deal Updated from HubSpot API

Pipedream makes it easy to connect APIs for Remove.bg, HubSpot and 2,400+ other apps remarkably fast.

Trigger workflow on
New Deal Updated from the HubSpot API
Next, do this
Remove background with the Remove.bg 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 HubSpot trigger and Remove.bg 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 Deal Updated trigger
    1. Connect your HubSpot account
    2. Configure timer
    3. Optional- Select a Pipeline
    4. Optional- Select a Stage
  3. Configure the Remove background action
    1. Connect your Remove.bg account
    2. Optional- Configure image_file
    3. Optional- Configure image_file_b64
    4. Configure image_url
    5. Optional- Configure size
    6. Optional- Configure type
    7. Optional- Configure format
    8. Optional- Configure roi
    9. Optional- Configure crop
    10. Optional- Configure crop_margin
    11. Optional- Configure scale
    12. Optional- Configure position
    13. Optional- Configure channels
    14. Optional- Configure add_shadow
    15. Optional- Configure bg_color
    16. Optional- Configure bg_image_url
    17. Optional- Configure bg_image_file
  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 each time a deal is updated. [See the documentation](https://developers.hubspot.com/docs/api/crm/search)
Version:0.0.18
Key:hubspot-new-deal-updated

HubSpot Overview

The HubSpot API enables developers to integrate into HubSpots CRM, CMS, Conversations, and other features. It allows for automated management of contacts, companies, deals, and marketing campaigns, enabling custom workflows, data synchronization, and task automation. This streamlines operations and boosts customer engagement, with real-time updates for rapid response to market changes.

Trigger Code

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

export default {
  ...common,
  key: "hubspot-new-deal-updated",
  name: "New Deal Updated",
  description: "Emit new event each time a deal is updated. [See the documentation](https://developers.hubspot.com/docs/api/crm/search)",
  version: "0.0.18",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    pipeline: {
      propDefinition: [
        common.props.hubspot,
        "dealPipeline",
      ],
      description: "Filter deals by pipeline",
      optional: true,
    },
    stage: {
      propDefinition: [
        common.props.hubspot,
        "stages",
        (c) => ({
          pipeline: c.pipeline,
        }),
      ],
      type: "string",
      label: "Stage",
      description: "Filter deals by stage",
      optional: true,
    },
  },
  hooks: {},
  methods: {
    ...common.methods,
    getTs(deal) {
      return Date.parse(deal.updatedAt);
    },
    generateMeta(deal) {
      const {
        id,
        properties,
      } = deal;
      const ts = this.getTs(deal);
      return {
        id: `${id}${ts}`,
        summary: properties.dealname,
        ts,
      };
    },
    isRelevant(deal, updatedAfter) {
      return this.getTs(deal) > updatedAfter;
    },
    getParams() {
      const params = {
        limit: 100,
        sorts: [
          {
            propertyName: "hs_lastmodifieddate",
            direction: "DESCENDING",
          },
        ],
        object: "deals",
      };
      if (this.pipeline) {
        params.filters = [
          {
            propertyName: "pipeline",
            operator: "EQ",
            value: this.pipeline,
          },
        ];
        if (this.stage) {
          params.filters.push({
            propertyName: "dealstage",
            operator: "EQ",
            value: this.stage,
          });
        }
      }
      return params;
    },
    async processResults(after, params) {
      await this.searchCRM(params, after);
    },
  },
};

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
HubSpothubspotappThis component uses the HubSpot app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
timer$.interface.timer
PipelinepipelinestringSelect a value from the drop down menu.
StagestagestringSelect a value from the drop down menu.

Trigger Authentication

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

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

business-intelligencecrm.lists.readcrm.lists.writecrm.objects.companies.readcrm.objects.companies.writecrm.objects.contacts.readcrm.objects.contacts.writecrm.objects.deals.readcrm.objects.deals.writecrm.objects.quotes.readcrm.objects.quotes.writecrm.objects.owners.readcrm.schemas.companies.readcrm.schemas.companies.writecrm.schemas.contacts.readcrm.schemas.contacts.writecrm.schemas.deals.readcrm.schemas.deals.writecrm.schemas.quotes.readconversations.readcrm.importfilesformsforms-uploaded-filesintegration-syncoauthtimeline

About HubSpot

HubSpot's CRM platform contains the marketing, sales, service, operations, and website-building software you need to grow your business.

Action

Description:Remove the background of an image
Version:0.1.1
Key:remove_bg-remove-background

Remove.bg Overview

Remove.bg is a powerful API for automatic image background removal, allowing developers to seamlessly strip backgrounds from images and photos. Integrating Remove.bg in Pipedream workflows enables the creation of automated processes for graphic design, e-commerce product listings, profile picture moderation, and more. The API uses sophisticated AI algorithms to detect and separate foreground elements from their backgrounds, offering a clean and precise cutout that can be used across various applications.

Action Code

// legacy_hash_id: a_4rioN5
import { axios } from "@pipedream/platform";

export default {
  key: "remove_bg-remove-background",
  name: "Remove background",
  description: "Remove the background of an image",
  version: "0.1.1",
  type: "action",
  props: {
    remove_bg: {
      type: "app",
      app: "remove_bg",
    },
    image_file: {
      type: "string",
      description: "Source image file (binary). (If this parameter is present, the other image source parameters must be empty.)",
      optional: true,
    },
    image_file_b64: {
      type: "string",
      description: "Source image file (base64-encoded string). (If this parameter is present, the other image source parameters must be empty.)",
      optional: true,
    },
    image_url: {
      type: "string",
      description: "Source image URL. (If this parameter is present, the other image source parameters must be empty.)",
    },
    size: {
      type: "string",
      description: "Maximum output image resolution: \"preview\" (default) = Resize image to 0.25 megapixels (e.g. 625×400 pixels)  0.25 credits per image, \"full\" = Use original image resolution, up to 25 megapixels (e.g. 6250x4000) with formats ZIP or JPG, or up to 10 megapixels (e.g. 4000x2500) with PNG  1 credit per image), \"auto\" = Use highest available resolution (based on image size and available credits). For backwards-compatibility this parameter also accepts the values \"medium\" (up to 1.5 megapixels) and \"hd\" (up to 4 megapixels) for 1 credit per image. The value \"full\" is also available under the name \"4k\" and the value \"preview\" is aliased as \"small\" and \"regular\".",
      optional: true,
    },
    type: {
      type: "string",
      description: "Foreground type: \"auto\" = Automatically detect kind of foreground, \"person\" = Use person(s) as foreground, \"product\" = Use product(s) as foreground. \"car\" = Use car as foreground,",
      optional: true,
    },
    format: {
      type: "string",
      description: "Result image format: \"auto\" = Use PNG format if transparent regions exist, otherwise use JPG format (default), \"png\" = PNG format with alpha transparency, \"jpg\" = JPG format, no transparency, \"zip\" = ZIP format, contains color image and alpha matte image, supports transparency (recommended).",
      optional: true,
    },
    roi: {
      type: "string",
      description: "Region of interest: Only contents of this rectangular region can be detected as foreground. Everything outside is considered background and will be removed. The rectangle is defined as two x/y coordinates in the format \"<x1> <y1> <x2> <y2>\". The coordinates can be in absolute pixels (suffix 'px') or relative to the width/height of the image (suffix '%'). By default, the whole image is the region of interest (\"0% 0% 100% 100%\").",
      optional: true,
    },
    crop: {
      type: "boolean",
      description: "Whether to crop off all empty regions (default: false). Note that cropping has no effect on the amount of charged credits.",
      optional: true,
    },
    crop_margin: {
      type: "string",
      description: "Adds a margin around the cropped subject (default: 0). Can be an absolute value (e.g. \"30px\") or relative to the subject size (e.g. \"10%\"). Can be a single value (all sides), two values (top/bottom and left/right) or four values (top, right, bottom, left). This parameter only has an effect when \"crop=true\". The maximum margin that can be added on each side is 50% of the subject dimensions or 500 pixels.",
      optional: true,
    },
    scale: {
      type: "string",
      description: "Scales the subject relative to the total image size. Can be any value from \"10%\" to \"100%\", or \"original\" (default). Scaling the subject implies \"position=center\" (unless specified otherwise).",
      optional: true,
    },
    position: {
      type: "string",
      description: "Positions the subject within the image canvas. Can be \"original\" (default unless \"scale\" is given), \"center\" (default when \"scale\" is given) or a value from \"0%\" to \"100%\" (both horizontal and vertical) or two values (horizontal, vertical).",
      optional: true,
    },
    channels: {
      type: "string",
      description: "Request either the finalized image (\"rgba\", default) or an alpha mask (\"alpha\"). Note: Since remove.bg also applies RGB color corrections on edges, using only the alpha mask often leads to a lower final image quality. Therefore \"rgba\" is recommended.",
      optional: true,
    },
    add_shadow: {
      type: "boolean",
      description: "Whether to add an artificial shadow to the result (default: false).",
      optional: true,
    },
    bg_color: {
      type: "string",
      description: "Adds a solid color background. Can be a hex color code (e.g. 81d4fa, fff) or a color name (e.g. green). For semi-transparency, 4-/8-digit hex codes are also supported (e.g. 81d4fa77). (If this parameter is present, the other bg_ parameters must be empty.)",
      optional: true,
    },
    bg_image_url: {
      type: "string",
      description: "Adds a background image from a URL. The image is centered and resized to fill the canvas while preserving the aspect ratio, unless it already has the exact same dimensions as the foreground image. (If this parameter is present, the other bg_ parameters must be empty.)",
      optional: true,
    },
    bg_image_file: {
      type: "string",
      description: "Adds a background image from a file (binary). The image is centered and resized to fill the canvas while preserving the aspect ratio, unless it already has the exact same dimensions as the foreground image. (If this parameter is present, the other bg_ parameters must be empty.)",
      optional: true,
    },
  },
  async run({ $ }) {
    const data = {
      image_file: this.image_file,
      image_file_b64: this.image_file_b64,
      image_url: this.image_url,
      size: this.size,
      type: this.type,
      format: this.format,
      roi: this.roi,
      crop: this.crop,
      crop_margin: this.crop_margin,
      scale: this.scale,
      position: this.position,
      channels: this.channels,
      add_shadow: this.add_shadow,
      bg_color: this.bg_color,
      bg_image_url: this.bg_image_url,
      bg_image_file: this.bg_image_file,
    };
    const config = {
      method: "post",
      url: "https://api.remove.bg/v1.0/removebg",
      headers: {
        "X-API-Key": `${this.remove_bg.$auth.api_key}`,
        "Accept": "application/json",
      },
      data,
    };
    return await axios($, config);
  },
};

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
Remove.bgremove_bgappThis component uses the Remove.bg app.
image_fileimage_filestring

Source image file (binary). (If this parameter is present, the other image source parameters must be empty.)

image_file_b64image_file_b64string

Source image file (base64-encoded string). (If this parameter is present, the other image source parameters must be empty.)

image_urlimage_urlstring

Source image URL. (If this parameter is present, the other image source parameters must be empty.)

sizesizestring

Maximum output image resolution: "preview" (default) = Resize image to 0.25 megapixels (e.g. 625×400 pixels) 0.25 credits per image, "full" = Use original image resolution, up to 25 megapixels (e.g. 6250x4000) with formats ZIP or JPG, or up to 10 megapixels (e.g. 4000x2500) with PNG 1 credit per image), "auto" = Use highest available resolution (based on image size and available credits). For backwards-compatibility this parameter also accepts the values "medium" (up to 1.5 megapixels) and "hd" (up to 4 megapixels) for 1 credit per image. The value "full" is also available under the name "4k" and the value "preview" is aliased as "small" and "regular".

typetypestring

Foreground type: "auto" = Automatically detect kind of foreground, "person" = Use person(s) as foreground, "product" = Use product(s) as foreground. "car" = Use car as foreground,

formatformatstring

Result image format: "auto" = Use PNG format if transparent regions exist, otherwise use JPG format (default), "png" = PNG format with alpha transparency, "jpg" = JPG format, no transparency, "zip" = ZIP format, contains color image and alpha matte image, supports transparency (recommended).

roiroistring

Region of interest: Only contents of this rectangular region can be detected as foreground. Everything outside is considered background and will be removed. The rectangle is defined as two x/y coordinates in the format "<x1> <y1> <x2> <y2>". The coordinates can be in absolute pixels (suffix 'px') or relative to the width/height of the image (suffix '%'). By default, the whole image is the region of interest ("0% 0% 100% 100%").

cropcropboolean

Whether to crop off all empty regions (default: false). Note that cropping has no effect on the amount of charged credits.

crop_margincrop_marginstring

Adds a margin around the cropped subject (default: 0). Can be an absolute value (e.g. "30px") or relative to the subject size (e.g. "10%"). Can be a single value (all sides), two values (top/bottom and left/right) or four values (top, right, bottom, left). This parameter only has an effect when "crop=true". The maximum margin that can be added on each side is 50% of the subject dimensions or 500 pixels.

scalescalestring

Scales the subject relative to the total image size. Can be any value from "10%" to "100%", or "original" (default). Scaling the subject implies "position=center" (unless specified otherwise).

positionpositionstring

Positions the subject within the image canvas. Can be "original" (default unless "scale" is given), "center" (default when "scale" is given) or a value from "0%" to "100%" (both horizontal and vertical) or two values (horizontal, vertical).

channelschannelsstring

Request either the finalized image ("rgba", default) or an alpha mask ("alpha"). Note: Since remove.bg also applies RGB color corrections on edges, using only the alpha mask often leads to a lower final image quality. Therefore "rgba" is recommended.

add_shadowadd_shadowboolean

Whether to add an artificial shadow to the result (default: false).

bg_colorbg_colorstring

Adds a solid color background. Can be a hex color code (e.g. 81d4fa, fff) or a color name (e.g. green). For semi-transparency, 4-/8-digit hex codes are also supported (e.g. 81d4fa77). (If this parameter is present, the other bg_ parameters must be empty.)

bg_image_urlbg_image_urlstring

Adds a background image from a URL. The image is centered and resized to fill the canvas while preserving the aspect ratio, unless it already has the exact same dimensions as the foreground image. (If this parameter is present, the other bg_ parameters must be empty.)

bg_image_filebg_image_filestring

Adds a background image from a file (binary). The image is centered and resized to fill the canvas while preserving the aspect ratio, unless it already has the exact same dimensions as the foreground image. (If this parameter is present, the other bg_ parameters must be empty.)

Action Authentication

Remove.bg uses API keys for authentication. When you connect your Remove.bg account, Pipedream securely stores the keys so you can easily authenticate to Remove.bg APIs in both code and no-code steps.

Remove.bg API Key (docs)

About Remove.bg

Remove background from image

More Ways to Connect Remove.bg + HubSpot

Remove background with Remove.bg API on Contact Updated from Hubspot API
HubSpot + Remove.bg
 
Try it
Remove background with Remove.bg API on Deal Updated from Hubspot API
HubSpot + Remove.bg
 
Try it
Remove background with Remove.bg API on New Blog Posts from Hubspot API
HubSpot + Remove.bg
 
Try it
Remove background with Remove.bg API on New Companies from Hubspot API
HubSpot + Remove.bg
 
Try it
Remove background with Remove.bg API on New Contact in List from Hubspot API
HubSpot + Remove.bg
 
Try it
Company Updated from the HubSpot API

Emit new event each time a company is updated.

 
Try it
Contact Updated from the HubSpot API

Emit new event each time a contact is updated.

 
Try it
Deleted Blog Posts from the HubSpot API

Emit new event for each deleted blog post.

 
Try it
Line Item Updated from the HubSpot API

Emit new event each time a line item is updated.

 
Try it
New Blog Posts from the HubSpot API

Emit new event for each new blog post.

 
Try it
Add Contact to List with the HubSpot API

Adds a contact to a specific static list. See the documentation

 
Try it
Batch Create or Update Contact with the HubSpot API

Create or update a batch of contacts by its ID or email. See the documentation

 
Try it
Create Associations with the HubSpot API

Create associations between objects. See the documentation

 
Try it
Create Communication with the HubSpot API

Create a WhatsApp, LinkedIn, or SMS message. See the documentation

 
Try it
Create Company with the HubSpot API

Create a company in Hubspot. See the documentation

 
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.