← Front + Google Sheets integrations

Add Multiple Rows with Google Sheets API on New Conversation Tag from Front API

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

Trigger workflow on
New Conversation Tag from the Front API
Next, do this
Add Multiple Rows with the Google Sheets 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 Front trigger and Google Sheets 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 Conversation Tag trigger
    1. Connect your Front account
    2. Configure timer
    3. Select one or more Tag IDs
  3. Configure the Add Multiple Rows action
    1. Connect your Google Sheets account
    2. Optional- Select a Drive
    3. Select a Spreadsheet
    4. Select a Worksheet Id
    5. Configure headersDisplay
    6. Configure Row Values
    7. Configure rowsDescription
    8. Optional- Configure Reset Row Format
  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 when a conversation is tagged with a specific tag or any tag. [See the documentation](https://dev.frontapp.com/reference/events)
Version:0.0.1
Key:frontapp-new-conversation-tag

Front Overview

The Front API empowers you to automate the handling of your team's email inbox, collaborate on conversations, and streamline communication workflows. By harnessing this API on Pipedream, you can craft custom integrations that trigger actions in Front in response to events, synchronize data across platforms, and augment your team's productivity with automated tasks. This can include creating or updating conversations and contacts, managing tags, or firing off custom automation rules within Front.

Trigger Code

import common from "../common/base.mjs";
import sampleEmit from "./test-event.mjs";

export default {
  ...common,
  key: "frontapp-new-conversation-tag",
  name: "New Conversation Tag",
  description: "Emit new event when a conversation is tagged with a specific tag or any tag. [See the documentation](https://dev.frontapp.com/reference/events)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    tagIds: {
      propDefinition: [
        common.props.frontapp,
        "tagIds",
      ],
      withLabel: true,
    },
  },
  methods: {
    ...common.methods,
    _getFunction() {
      return this.frontapp.listEvents;
    },
    _getParams(lastTs) {
      return {
        "q[after]": lastTs,
        "q[types]": [
          "tag",
        ],
      };
    },
    _getEmit(item) {
      const tagIdsArray = this.tagIds.map((tag) => tag.value);
      if (item.type === "tag" && tagIdsArray.includes(item.target?.data?.id)) {
        return {
          id: item.id,
          summary: `New conversation with id: "${item.id}" was tagged as '${item.target?.data?.name}'!`,
          ts: Date.parse(item.created_at),
        };
      }
    },
  },
  sampleEmit,
};

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
FrontfrontappappThis component uses the Front app.
N/Adb$.service.dbThis component uses $.service.db to maintain state between executions.
timer$.interface.timer
Tag IDstagIdsstring[]Select a value from the drop down menu.

Trigger Authentication

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

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

About Front

Customer communication platform

Action

Description:Add multiple rows of data to a Google Sheet. [See the documentation](https://developers.google.com/sheets/api/reference/rest/v4/spreadsheets.values/append)
Version:0.2.9
Key:google_sheets-add-multiple-rows

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 common from "../common/worksheet.mjs";
import { ConfigurationError } from "@pipedream/platform";
import {
  parseArray, getWorksheetHeaders,
} from "../../common/utils.mjs";

const { googleSheets } = common.props;

export default {
  ...common,
  key: "google_sheets-add-multiple-rows",
  name: "Add Multiple Rows",
  description: "Add multiple rows of data to a Google Sheet. [See the documentation](https://developers.google.com/sheets/api/reference/rest/v4/spreadsheets.values/append)",
  version: "0.2.9",
  type: "action",
  props: {
    googleSheets,
    drive: {
      propDefinition: [
        googleSheets,
        "watchedDrive",
      ],
    },
    sheetId: {
      propDefinition: [
        googleSheets,
        "sheetID",
        (c) => ({
          driveId: googleSheets.methods.getDriveId(c.drive),
        }),
      ],
    },
    worksheetId: {
      propDefinition: [
        googleSheets,
        "worksheetIDs",
        (c) => ({
          sheetId: c.sheetId,
        }),
      ],
      type: "string",
      label: "Worksheet Id",
      reloadProps: true,
    },
    headersDisplay: {
      propDefinition: [
        googleSheets,
        "headersDisplay",
      ],
    },
    rows: {
      propDefinition: [
        googleSheets,
        "rows",
      ],
    },
    rowsDescription: {
      propDefinition: [
        googleSheets,
        "rowsDescription",
      ],
    },
    resetRowFormat: {
      type: "boolean",
      label: "Reset Row Format",
      description: "Reset the formatting of the rows that were added (line style to none, background to white, foreground color to black, font size to 10, no bold, no italic, no strikethrough, horizontalAlignment to left). This is useful if you want to add rows to a formatted table in Google Sheets.",
      optional: true,
    },
  },
  async additionalProps() {
    const props = {};
    if (!this.sheetId || !this.worksheetId) {
      return props;
    }
    const worksheet = await this.getWorksheetById(this.sheetId, this.worksheetId);
    const rowHeaders = await getWorksheetHeaders(this, this.sheetId, worksheet?.properties?.title);
    if (rowHeaders.length) {
      return {
        headersDisplay: {
          type: "alert",
          alertType: "info",
          content: `Possible Row Headers: **\`${rowHeaders.join(", ")}\`**`,
          hidden: false,
        },
      };
    }
  },
  async run() {
    let inputValidated = true;

    const rows = parseArray(this.rows);

    if (!rows) {
      inputValidated = false;
    } else {
      rows.forEach((row) => { if (!Array.isArray(row)) { inputValidated = false; } });
    }

    // Throw an error if input validation failed
    if (!inputValidated) {
      console.error("Data Submitted:");
      console.error(rows);
      throw new ConfigurationError("Rows data is not an array of arrays. Please enter an array of arrays in the `Rows` parameter above. If you're trying to send a single rows to Google Sheets, search for the action to add a single row to Sheets or try modifying the code for this step.");
    }

    const worksheet = await this.getWorksheetById(this.sheetId, this.worksheetId);
    const addRowsResponse = await this.googleSheets.addRowsToSheet({
      spreadsheetId: this.sheetId,
      range: worksheet?.properties?.title,
      rows,
    });

    if (this.resetRowFormat) {
      await this.googleSheets.resetRowFormat(this.sheetId, addRowsResponse.updatedRange);
    }
    return addRowsResponse;
  },
};

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
Google SheetsgoogleSheetsappThis component uses the Google Sheets app.
DrivedrivestringSelect a value from the drop down menu.
SpreadsheetsheetIdstringSelect a value from the drop down menu.
Worksheet IdworksheetIdstringSelect a value from the drop down menu.
Row Valuesrowsstring

Provide an array of arrays

Reset Row FormatresetRowFormatboolean

Reset the formatting of the rows that were added (line style to none, background to white, foreground color to black, font size to 10, no bold, no italic, no strikethrough, horizontalAlignment to left). This is useful if you want to add rows to a formatted table in Google Sheets.

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

About Google Sheets

Use Google Sheets to create and edit online spreadsheets. Get insights together with secure sharing in real-time and from any device.

More Ways to Connect Google Sheets + Front

Send new message with Front API on New Row Added (Instant) from Google Sheets API
Google Sheets + Front
 
Try it
Send new message with Front API on New Updates (Instant) from Google Sheets API
Google Sheets + Front
 
Try it
Send new message with Front API on New Worksheet (Instant) from Google Sheets API
Google Sheets + Front
 
Try it
Import Message with Front API on New Row Added (Instant) from Google Sheets API
Google Sheets + Front
 
Try it
Import Message with Front API on New Updates (Instant) from Google Sheets API
Google Sheets + Front
 
Try it
New Conversation State Change from the Front API

Emit new event when a conversation reaches a specific state. See the docs

 
Try it
New Conversation Tag from the Front API

Emit new event when a conversation is tagged with a specific tag or any tag. See the documentation

 
Try it
New Comment (Instant) from the Google Sheets API

Emit new event each time a comment is added to a spreadsheet.

 
Try it
New Row Added (Instant) from the Google Sheets API

Emit new event each time a row or rows are added to the bottom of a spreadsheet.

 
Try it
New Updates (Instant) from the Google Sheets API

Emit new event each time a row or cell is updated in a spreadsheet.

 
Try it
Import Message with the Front API

Appends a new message into an inbox. See the docs here.

 
Try it
Receive Custom Messages with the Front API

Receive a custom message in Front. See the docs here.

 
Try it
Reply To Conversation with the Front API

Reply to a conversation by sending a message and appending it to the conversation. See the docs here.

 
Try it
Send New Message with the Front API

Sends a new message from a channel. It will create a new conversation. See the docs here.

 
Try it
Update Conversation with the Front API

Updates a conversation. See the docs here.

 
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.