Create Image with Template with RenderForm API on Receiver Unsubscribed from CleverReach API

Pipedream makes it easy to connect APIs for RenderForm, CleverReach and 2,700+ other apps remarkably fast.

Trigger workflow on

Receiver Unsubscribed from the CleverReach API

Next, do this

Create Image with Template with the RenderForm 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 CleverReach trigger and RenderForm action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the Receiver Unsubscribed trigger
1. Connect your CleverReach account
2. Configure timer
3. Select a Group ID
Configure the Create Image with Template action
1. Connect your RenderForm account
2. Select a Template
3. Optional- Configure Template Variables
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#

Receiver Unsubscribed on CleverReach

Description:Emit new event when a receiver unsubscribes. [See the documentation](https://rest.cleverreach.com/explorer/v3/#!/groups-v3/list_groups_get)

Version:0.0.1

Key:cleverreach-receiver-unsubscribed

View on GitHub

CleverReach Overview#

The CleverReach API lets you automate email marketing operations and integrate with your data sources for personalized campaigns. On Pipedream, use this API to craft and manage subscriber lists, send targeted emails, and track campaign performance. With an event-driven platform like Pipedream, you can trigger workflows from numerous sources, manipulate data, and connect CleverReach to other apps to automate complex tasks.

Trigger Code#

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

export default {
  ...common,
  key: "cleverreach-receiver-unsubscribed",
  name: "Receiver Unsubscribed",
  description:
    "Emit new event when a receiver unsubscribes. [See the documentation](https://rest.cleverreach.com/explorer/v3/#!/groups-v3/list_groups_get)",
  version: "0.0.1",
  type: "source",
  dedupe: "unique",
  props: {
    ...common.props,
    groupId: {
      propDefinition: [
        app,
        "groupId",
      ],
      description: "The group (mailing list) to watch for unsubscribers",
    },
  },
  methods: {
    ...common.methods,
    async getAndProcessData() {
      const receivers = await this.getReceivers({
        pagesize: 5000,
      });

      const previousReceivers = this.getSavedResource();
      if (previousReceivers?.length) {
        const ids = receivers.map(({ id }) => id);
        previousReceivers
          .filter(({ id }) => !ids.includes(id))
          .forEach((receiver) => this.emitEvent(receiver, "unsubscriber"));
      }

      this.setSavedResource(receivers.map(({
        email, id,
      }) => ({
        email,
        id,
      })));
    },
  },
};

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
CleverReach	`app`	`app`	This component uses the CleverReach app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
	`timer`	`$.interface.timer`
Group ID	`groupId`	`string`	Select a value from the drop down menu.

Trigger Authentication#

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

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

About CleverReach#

Create and send professional newsletters with the CleverReach email marketing tool – incredibly fast, incredibly easy.

Action#

Create Image with Template on RenderForm

Description:Generates an image using a supplied template. [See the documentation](https://renderform.io/docs/api/render-image-v1/)

Version:0.0.7

Key:renderform-create-image

View on GitHub

RenderForm Overview#

The RenderForm API empowers you to automate the conversion of HTML forms into static, embeddable forms. By integrating RenderForm with Pipedream, you can streamline the process of capturing responses and integrating them into your data pipeline. With Pipedream's serverless platform, you can create workflows that trigger on form submissions, pre-fill forms with data from external sources, and connect form data to other apps and services, such as CRMs, email marketing tools, or databases.

Action Code#

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

export default {
  key: "renderform-create-image",
  name: "Create Image with Template",
  description: "Generates an image using a supplied template. [See the documentation](https://renderform.io/docs/api/render-image-v1/)",
  version: "0.0.7",
  type: "action",
  props: {
    renderform,
    template: {
      propDefinition: [
        renderform,
        "template",
      ],
    },
    templateVariables: {
      propDefinition: [
        renderform,
        "templateVariables",
        (c) => ({
          template: c.template,
        }),
      ],
      optional: true,
    },
  },
  async run({ $ }) {
    const templateVariables = typeof this.templateVariables === "string"
      ? JSON.parse(this.templateVariables)
      : this.templateVariables;

    const response = await this.renderform.generateImage({
      $,
      data: {
        template: this.template,
        data: templateVariables,
      },
    });

    $.export("$summary", `Successfully created image using template ${this.template}`);
    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
RenderForm	`renderform`	`app`	This component uses the RenderForm app.
Template	`template`	`string`	Select a value from the drop down menu.
Template Variables	`templateVariables`	`object`	Variables used within the template