Get Lists with Klaviyo API on Form Response Submitted from 123FormBuilder API

Pipedream makes it easy to connect APIs for Klaviyo, 123FormBuilder and 2,400+ other apps remarkably fast.

Trigger workflow on

Form Response Submitted from the 123FormBuilder API

Next, do this

Get Lists with the Klaviyo 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 123FormBuilder trigger and Klaviyo action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the Form Response Submitted trigger
1. Connect your 123FormBuilder account
2. Configure timer
3. Select a Form
Configure the Get Lists action
1. Connect your Klaviyo account
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#

Form Response Submitted on 123FormBuilder

Description:Emit new event for every submitted form response

Version:0.0.2

Key:a123formbuilder-form-response-submitted

View on GitHub

123FormBuilder Overview#

The 123FormBuilder API enables you to automate form and data management tasks, allowing seamless integration with Pipedream's serverless platform. With this API, you can fetch submitted form data in real-time, update form structures, or manage respondents and their submissions programmatically. Harnessing the power of the 123FormBuilder API in Pipedream workflows unlocks the potential for dynamic data collection, efficient data processing, and connectivity with a myriad of other services for an enhanced data-driven ecosystem.

Trigger Code#

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

export default {
  ...base,
  key: "a123formbuilder-form-response-submitted",
  name: "Form Response Submitted",
  description: "Emit new event for every submitted form response",
  type: "source",
  version: "0.0.2",
  dedupe: "unique",
  props: {
    ...base.props,
    form: {
      propDefinition: [
        base.props.a123formbuilder,
        "form",
      ],
    },
  },
  methods: {
    ...base.methods,
    getMeta(formResponse) {
      return {
        id: formResponse.id,
        summary: `New form response with id ${formResponse.id}`,
        ts: new Date(formResponse.date),
      };
    },
    listingFn() {
      return this.a123formbuilder.getFormResponses;
    },
    listingFnParams() {
      return {
        form: this.form,
      };
    },
  },
};

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
123FormBuilder	`a123formbuilder`	`app`	This component uses the 123FormBuilder app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Form	`form`	`integer`	Select a value from the drop down menu.

Trigger Authentication#

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

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

About 123FormBuilder#

123 Form Builder is a versatile and innovative form builder used by over 2 million individuals and businesses around the world to automate data collection processes and workflows.

Action#

Get Lists on Klaviyo

Description:Get a listing of all of the lists in an account. [See the docs here](https://developers.klaviyo.com/en/v1-2/reference/get-lists)

Version:0.2.0

Key:klaviyo-get-lists

View on GitHub

Klaviyo Overview#

The Klaviyo API grants you the power to automate and personalize your email marketing efforts. With it, you can manage lists, profiles, and campaigns, track event-driven communications, and analyze the results. By leveraging this API on Pipedream, you can create intricate, automated workflows that respond in real-time to your users' behavior, sync data across multiple platforms, and tailor your marketing strategies to improve engagement and conversion rates.

Action Code#

import klaviyo from "../../klaviyo.app.mjs";

export default {
  key: "klaviyo-get-lists",
  name: "Get Lists",
  description: "Get a listing of all of the lists in an account. [See the docs here](https://developers.klaviyo.com/en/v1-2/reference/get-lists)",
  version: "0.2.0",
  type: "action",
  props: {
    klaviyo,
  },
  methods: {
    getSummary() {
      return "List Successfully fetched!";
    },
  },
  async run({ $ }) {
    const response = await this.klaviyo.getLists();

    $.export("$summary", response || this.getSummary(response));
    return response;
  },
};