Update Formatting with Google Sheets API on New Landing Page from GetResponse API

Pipedream makes it easy to connect APIs for Google Sheets, GetResponse and 2,900+ other apps remarkably fast.

Trigger workflow on

New Landing Page from the GetResponse API

Next, do this

Update Formatting with the Google Sheets API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

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

Developers ♥ Pipedream

Getting Started#

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

Select this integration
Configure the New Landing Page trigger
1. Connect your GetResponse account
2. Configure Polling schedule
Configure the Update Formatting action
1. Connect your Google Sheets account
2. Optional- Select a Drive
3. Select a Spreadsheet ID
4. Select a Worksheet ID
5. Configure Range
6. Optional- Configure Background Color Red Value
7. Optional- Configure Background Color Green Value
8. Optional- Configure Background Color Blue Value
9. Optional- Configure Text Color Red Value
10. Optional- Configure Text Color Green Value
11. Optional- Configure Text Color Blue Value
12. Optional- Configure Font Size
13. Optional- Configure Bold
14. Optional- Configure Italic
15. Optional- Configure Strikethrough
16. Optional- Select a Horizontal Alignment
17. Optional- Select a Top Border Style
18. Optional- Select a Bottom Border Style
19. Optional- Select a Left Border Style
20. Optional- Select a Right Border Style
21. Optional- Select a Inner Horizontal Border Style
22. Optional- Select a Inner Vertical Border Style
Deploy the workflow
Send a test event to validate your setup
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#

New Landing Page on GetResponse

Description:Emit new event when a landing page is created. [See the docs here](https://apireference.getresponse.com/?_ga=2.47520738.499257728.1666974700-2116668472.1666974700&_gl=1*1f3h009*_ga*MjExNjY2ODQ3Mi4xNjY2OTc0NzAw*_ga_EQ6LD9QEJB*MTY2Njk3NzM0Ny4yLjEuMTY2Njk3ODQ3OS4zNi4wLjA.#operation/getLandingPageList)

Version:0.0.2

Key:getresponse-new-landing-page

View on GitHub

GetResponse Overview#

GetResponse API integrates email marketing and online campaign management tools into your applications for creating and managing mailing lists, newsletters, automated campaigns, and more. With Pipedream, this functionality expands, allowing you to automate workflows between GetResponse and various apps. Integration can trigger actions like updating contacts, processing event-driven emails, or syncing subscriber lists across platforms.

Trigger Code#

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

export default {
  ...common,
  key: "getresponse-new-landing-page",
  name: "New Landing Page",
  description: "Emit new event when a landing page is created. [See the docs here](https://apireference.getresponse.com/?_ga=2.47520738.499257728.1666974700-2116668472.1666974700&amp;_gl=1*1f3h009*_ga*MjExNjY2ODQ3Mi4xNjY2OTc0NzAw*_ga_EQ6LD9QEJB*MTY2Njk3NzM0Ny4yLjEuMTY2Njk3ODQ3OS4zNi4wLjA.#operation/getLandingPageList)",
  type: "source",
  version: "0.0.2",
  dedupe: "unique",
  methods: {
    ...common.methods,
    getResourceFn() {
      return this.app.getLandingPages;
    },
    getResourceFnArgs() {
      return {
        params: {
          [constants.QUERY_PROP.CREATED_ON_FROM]: this.getLastCreatedAt(),
          [constants.SORT_PROP.CREATED_ON]: "DESC",
        },
      };
    },
    generateMeta(resource) {
      return {
        id: resource.landingPageId,
        ts: Date.parse(resource.createdOn),
        summary: `Landing Page ID ${resource.landingPageId}`,
      };
    },
  },
};

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.

Label	Prop	Type	Description
GetResponse	`app`	`app`	This component uses the GetResponse app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
Polling schedule	`timer`	`$.interface.timer`	How often to poll the GetResponse API

Trigger Authentication#

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

To connect GetResponse to Pipedream,

Find your unique and secret API key in the panel: https://app.getresponse.com/api
Paste that key below

About GetResponse#

Trusted Inbound Marketing Software

Action#

Update Formatting on Google Sheets

Description:Update the formatting of a cell in a spreadsheet. [See the documentation](https://developers.google.com/workspace/sheets/api/samples/formatting)

Version:0.0.1

Key:google_sheets-update-formatting

View on GitHub

Google Sheets Overview#

The Google Sheets API allows for the creation, reading, updating, and deletion of data within Google Sheets, enabling a robust platform for spreadsheet management and data manipulation. Through Pipedream, you can craft serverless workflows that respond to various triggers, such as webhook events, emails, or scheduled times, to interact with Google Sheets. This synergy can automate reporting, synchronize data across applications, manage inventory, track leads in a CRM, or even conduct survey analysis by updating and retrieving sheet data on the fly.

Action Code#

import googleSheets from "../../google_sheets.app.mjs";
import {
  BORDER_STYLES, HORIZONTAL_ALIGNMENTS,
} from "../../common/constants.mjs";

export default {
  key: "google_sheets-update-formatting",
  name: "Update Formatting",
  description: "Update the formatting of a cell in a spreadsheet. [See the documentation](https://developers.google.com/workspace/sheets/api/samples/formatting)",
  version: "0.0.1",
  type: "action",
  annotations: {
    destructiveHint: true,
    openWorldHint: true,
    readOnlyHint: false,
  },
  props: {
    googleSheets,
    drive: {
      propDefinition: [
        googleSheets,
        "watchedDrive",
      ],
      description: "The drive containing the worksheet to update. If you are connected with any [Google Shared Drives](https://support.google.com/a/users/answer/9310351), you can select it here.",
    },
    sheetId: {
      propDefinition: [
        googleSheets,
        "sheetID",
        (c) => ({
          driveId: googleSheets.methods.getDriveId(c.drive),
        }),
      ],
      description: "The spreadsheet containing the worksheet to update",
    },
    worksheetId: {
      propDefinition: [
        googleSheets,
        "worksheetIDs",
        (c) => ({
          sheetId: c.sheetId,
        }),
      ],
    },
    range: {
      propDefinition: [
        googleSheets,
        "range",
      ],
      description: "The range of cells to update. E.g., `A1:A10`",
    },
    backgroundColorRedValue: {
      type: "string",
      label: "Background Color Red Value",
      description: "The amount of red in the color as a value in the interval [0, 1]",
      optional: true,
    },
    backgroundColorGreenValue: {
      type: "string",
      label: "Background Color Green Value",
      description: "The amount of green in the color as a value in the interval [0, 1]",
      optional: true,
    },
    backgroundColorBlueValue: {
      type: "string",
      label: "Background Color Blue Value",
      description: "The amount of blue in the color as a value in the interval [0, 1]",
      optional: true,
    },
    textColorRedValue: {
      type: "string",
      label: "Text Color Red Value",
      description: "The amount of red in the color as a value in the interval [0, 1]",
      optional: true,
    },
    textColorGreenValue: {
      type: "string",
      label: "Text Color Green Value",
      description: "The amount of green in the color as a value in the interval [0, 1]",
      optional: true,
    },
    textColorBlueValue: {
      type: "string",
      label: "Text Color Blue Value",
      description: "The amount of blue in the color as a value in the interval [0, 1]",
      optional: true,
    },
    fontSize: {
      type: "integer",
      label: "Font Size",
      description: "The size of the font",
      optional: true,
    },
    bold: {
      type: "boolean",
      label: "Bold",
      description: "Whether the font should be bold",
      optional: true,
    },
    italic: {
      type: "boolean",
      label: "Italic",
      description: "Whether the font should be italic",
      optional: true,
    },
    strikethrough: {
      type: "boolean",
      label: "Strikethrough",
      description: "Whether the font should be strikethrough",
      optional: true,
    },
    horizontalAlignment: {
      type: "string",
      label: "Horizontal Alignment",
      description: "The horizontal alignment of the text",
      options: HORIZONTAL_ALIGNMENTS,
      optional: true,
    },
    topBorderStyle: {
      type: "string",
      label: "Top Border Style",
      description: "The style of the top border",
      options: BORDER_STYLES,
      optional: true,
    },
    bottomBorderStyle: {
      type: "string",
      label: "Bottom Border Style",
      description: "The style of the bottom border",
      options: BORDER_STYLES,
      optional: true,
    },
    leftBorderStyle: {
      type: "string",
      label: "Left Border Style",
      description: "The style of the left border",
      options: BORDER_STYLES,
      optional: true,
    },
    rightBorderStyle: {
      type: "string",
      label: "Right Border Style",
      description: "The style of the right border",
      options: BORDER_STYLES,
      optional: true,
    },
    innerHorizontalBorderStyle: {
      type: "string",
      label: "Inner Horizontal Border Style",
      description: "The style of the inner horizontal border",
      options: BORDER_STYLES,
      optional: true,
    },
    innerVerticalBorderStyle: {
      type: "string",
      label: "Inner Vertical Border Style",
      description: "The style of the inner vertical border",
      options: BORDER_STYLES,
      optional: true,
    },
  },
  async run({ $ }) {
    const ASCII_A = 65;    // Unicode (UTF-16) value for the character 'A'
    const OFFSET_INCLUSIVE = -1;  // For making the end column index inclusive
    const {
      startCol,
      endCol,
      startRow,
      endRow,
    } = this.googleSheets._parseRangeString(`${this.worksheetId}!${this.range}`);

    const range = {
      sheetId: this.worksheetId,
      startRowIndex: startRow,
      endRowIndex: endRow,
      startColumnIndex: startCol.charCodeAt(0) - ASCII_A,
      endColumnIndex: endCol.charCodeAt(0) - (ASCII_A + OFFSET_INCLUSIVE),
    };

    const hasBorderStyles = this.topBorderStyle
      || this.bottomBorderStyle
      || this.leftBorderStyle
      || this.rightBorderStyle
      || this.innerHorizontalBorderStyle
      || this.innerVerticalBorderStyle;

    const hasRepeatCellStyles = this.backgroundColorRedValue
      || this.backgroundColorGreenValue
      || this.backgroundColorBlueValue
      || this.textColorRedValue
      || this.textColorGreenValue
      || this.textColorBlueValue
      || this.fontSize
      || this.bold || this.italic || this.strikethrough || this.horizontalAlignment;

    const requests = [];
    if (hasBorderStyles) {
      const updateBorders = {
        range,
      };
      if (this.topBorderStyle) {
        updateBorders.top = {
          style: this.topBorderStyle,
        };
      }
      if (this.bottomBorderStyle) {
        updateBorders.bottom = {
          style: this.bottomBorderStyle,
        };
      }
      if (this.leftBorderStyle) {
        updateBorders.left = {
          style: this.leftBorderStyle,
        };
      }
      if (this.rightBorderStyle) {
        updateBorders.right = {
          style: this.rightBorderStyle,
        };
      }
      if (this.innerHorizontalBorderStyle) {
        updateBorders.innerHorizontal = {
          style: this.innerHorizontalBorderStyle,
        };
      }
      if (this.innerVerticalBorderStyle) {
        updateBorders.innerVertical = {
          style: this.innerVerticalBorderStyle,
        };
      }
      requests.push({
        updateBorders,
      });
    }
    if (hasRepeatCellStyles) {
      const repeatCell = {
        range,
        cell: {
          userEnteredFormat: {},
        },
      };
      const fields = [];
      if (this.backgroundColorRedValue
          || this.backgroundColorGreenValue
          || this.backgroundColorBlueValue
      ) {
        repeatCell.cell.userEnteredFormat.backgroundColor = {};
        fields.push("backgroundColor");
        if (this.backgroundColorRedValue) {
          repeatCell.cell.userEnteredFormat.backgroundColor.red = this.backgroundColorRedValue;
        }
        if (this.backgroundColorGreenValue) {
          repeatCell.cell.userEnteredFormat.backgroundColor.green = this.backgroundColorGreenValue;
        }
        if (this.backgroundColorBlueValue) {
          repeatCell.cell.userEnteredFormat.backgroundColor.blue = this.backgroundColorBlueValue;
        }
      }
      if (this.textColorRedValue || this.textColorGreenValue || this.textColorBlueValue) {
        fields.push("textFormat.foregroundColor");
        repeatCell.cell.userEnteredFormat.textFormat = {
          foregroundColor: {},
        };
        if (this.textColorRedValue) {
          repeatCell.cell.userEnteredFormat.textFormat.foregroundColor.red = this.textColorRedValue;
        }
        if (this.textColorGreenValue) {
          repeatCell.cell.userEnteredFormat.textFormat.foregroundColor.green
            = this.textColorGreenValue;
        }
        if (this.textColorBlueValue) {
          repeatCell.cell.userEnteredFormat.textFormat.foregroundColor.blue
            = this.textColorBlueValue;
        }
      }
      if (this.fontSize || this.bold || this.italic || this.strikethrough) {
        repeatCell.cell.userEnteredFormat.textFormat = {
          ...(repeatCell.cell.userEnteredFormat.textFormat || {}),
        };
      }
      if (this.fontSize) {
        fields.push("textFormat.fontSize");
        repeatCell.cell.userEnteredFormat.textFormat.fontSize = this.fontSize;
      }
      if (this.bold) {
        fields.push("textFormat.bold");
        repeatCell.cell.userEnteredFormat.textFormat.bold = this.bold;
      }
      if (this.italic) {
        fields.push("textFormat.italic");
        repeatCell.cell.userEnteredFormat.textFormat.italic = this.italic;
      }
      if (this.strikethrough) {
        fields.push("textFormat.strikethrough");
        repeatCell.cell.userEnteredFormat.textFormat.strikethrough = this.strikethrough;
      }
      if (this.horizontalAlignment) {
        fields.push("horizontalAlignment");
        repeatCell.cell.userEnteredFormat.horizontalAlignment = this.horizontalAlignment;
      }
      repeatCell.fields = `userEnteredFormat(${fields.join(",")})`;
      requests.push({
        repeatCell,
      });
    }

    const response = await this.googleSheets.sheets().spreadsheets.batchUpdate({
      spreadsheetId: this.sheetId,
      requestBody: {
        requests,
      },
    });
    $.export("$summary", `Updated formatting for range ${this.range}`);
    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.

Label	Prop	Type	Description
Google Sheets	`googleSheets`	`app`	This component uses the Google Sheets app.
Drive	`drive`	`string`	Select a value from the drop down menu.
Spreadsheet ID	`sheetId`	`string`	Select a value from the drop down menu.
Worksheet ID	`worksheetId`	`integer`	Select a value from the drop down menu.
Range	`range`	`string`	The range of cells to update. E.g., `A1:A10`
Background Color Red Value	`backgroundColorRedValue`	`string`	The amount of red in the color as a value in the interval [0, 1]
Background Color Green Value	`backgroundColorGreenValue`	`string`	The amount of green in the color as a value in the interval [0, 1]
Background Color Blue Value	`backgroundColorBlueValue`	`string`	The amount of blue in the color as a value in the interval [0, 1]
Text Color Red Value	`textColorRedValue`	`string`	The amount of red in the color as a value in the interval [0, 1]
Text Color Green Value	`textColorGreenValue`	`string`	The amount of green in the color as a value in the interval [0, 1]
Text Color Blue Value	`textColorBlueValue`	`string`	The amount of blue in the color as a value in the interval [0, 1]
Font Size	`fontSize`	`integer`	The size of the font
Bold	`bold`	`boolean`	Whether the font should be bold
Italic	`italic`	`boolean`	Whether the font should be italic
Strikethrough	`strikethrough`	`boolean`	Whether the font should be strikethrough
Horizontal Alignment	`horizontalAlignment`	`string`	Select a value from the drop down menu:`LEFTCENTERRIGHT`
Top Border Style	`topBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`
Bottom Border Style	`bottomBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`
Left Border Style	`leftBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`
Right Border Style	`rightBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`
Inner Horizontal Border Style	`innerHorizontalBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`
Inner Vertical Border Style	`innerVerticalBorderStyle`	`string`	Select a value from the drop down menu:`DOTTEDDASHEDSOLIDSOLID_MEDIUMSOLID_THICKNONEDOUBLE`

Action Authentication#

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

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

emailprofilehttps://www.googleapis.com/auth/drive

Update Formatting with Google Sheets API on New Landing Page from GetResponse API

Pipedream makes it easy to connect APIs for Google Sheets, GetResponse and 2,900+ other apps remarkably fast.

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

Developers ♥ Pipedream

1-24of2,900+apps by most popular

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