← Typeform

Create an Image with Typeform API

Pipedream makes it easy to connect APIs for Typeform and 900+ other apps remarkably fast.

Trigger workflow on
HTTP requests, schedules and app events
Next, do this
Create an Image with the Typeform API
No credit card required
Into to Pipedream
Watch us build a workflow
Watch us build a workflow
7 min
Watch now ➜
Trusted by 250,000+ developers from startups to Fortune 500 companies:
Trusted by 250,000+ developers from startups to Fortune 500 companies

Developers Pipedream

Getting Started

Create a workflow to Create an Image with the Typeform API. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

  1. Configure the Create an Image action
    1. Connect your Typeform account
    2. Configure File name
    3. Optional- Configure Base64 image
    4. Optional- Configure Image's URL
  2. Select a trigger to run your workflow on HTTP requests, schedules or app events
  3. Deploy the workflow
  4. Send a test event to validate your setup
  5. Turn on the trigger

Integrations

Create an Image with Typeform API on New Requests (Payload Only) from HTTP / Webhook API
HTTP / Webhook + Typeform
 
Try it
Create an Image with Typeform API on New Item in Feed from RSS API
RSS + Typeform
 
Try it
Create an Image with Typeform API on New Message from Discord API
Discord + Typeform
 
Try it
Create an Image with Typeform API on New Message In Channels from Slack API
Slack + Typeform
 
Try it
Create an Image with Typeform API on New Message in Channel from Discord Bot API
Discord Bot + Typeform
 
Try it

Details

This is a pre-built, open source component from Pipedream's GitHub repo. The component is 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.

Create an Image on Typeform
Description:Adds an image in your Typeform account. [See the docs here](https://developer.typeform.com/create/reference/create-image/)
Version:0.0.2
Key:typeform-create-image

Code

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

export default {
  key: "typeform-create-image",
  name: "Create an Image",
  description: "Adds an image in your Typeform account. [See the docs here](https://developer.typeform.com/create/reference/create-image/)",
  type: "action",
  version: "0.0.2",
  props: {
    typeform,
    fileName: {
      type: "string",
      label: "File name",
      description: "File name for the image",
    },
    image: {
      type: "string",
      label: "Base64 image",
      description: "Base64 code for the image. Note that base64 encoders may add descriptors to the code (such as `data:image/png;base64,`). Do not include these descriptors in your image string---include only the base64 code. We also recommend that you don't paste the exact string value into this property box. Instead you can [pass an expression](https://pipedream.com/docs/workflows/steps/params/#entering-expressions) that references a variable from a previous step such as `{{steps.nodejs.$return_value}}`.",
      optional: true,
    },
    url: {
      type: "string",
      label: "Image's URL",
      description: "URL of the image to be added in your Typeform account",
      optional: true,
    },
  },
  async run({ $ }) {
    if (!this.image && !this.url) {
      throw new Error("This action requires either Base64 image or Image's URL. Please enter one or the other above.");
    }

    const data = {
      file_name: this.fileName,
      image: this.image,
      url: this.url,
    };

    const resp = await this.typeform.createImage({
      $,
      data,
    });

    $.export("$summary", "Successfully added a new image to your account");

    return resp;
  },
};

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
TypeformtypeformappThis component uses the Typeform app.
File namefileNamestring

File name for the image

Base64 imageimagestring

Base64 code for the image. Note that base64 encoders may add descriptors to the code (such as data:image/png;base64,). Do not include these descriptors in your image string---include only the base64 code. We also recommend that you don't paste the exact string value into this property box. Instead you can pass an expression that references a variable from a previous step such as {{steps.nodejs.$return_value}}.

Image's URLurlstring

URL of the image to be added in your Typeform account

Authentication

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

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

offlineaccounts:readforms:writeforms:readimages:writeimages:readthemes:writethemes:readresponses:readresponses:writewebhooks:readwebhooks:writeworkspaces:readworkspaces:write

About Typeform

People-Friendly Forms and Surveys

More Ways to Use Typeform

Triggers

New Submission from the Typeform API

Emit new submission

 
Try it

Actions

Create a Form with the Typeform API

Creates a form with its corresponing fields. See the docs here

 
Try it
Delete an Image with the Typeform API

Deletes an image from your Typeform account. See the docs here

 
Try it
Delete Form with the Typeform API

Select a form to be deleted. See the docs here.

 
Try it
Duplicate a Form with the Typeform API

Duplicates an existing form in your Typeform account and adds "(copy)" to the end of the title. See the docs here

 
Try it
Get a Form with the Typeform API

Select a specific form to get the data. See the docs here

 
Try it