Typeform I/O

Or: How I Learned to Stop Worrying and Love a API

What we will

talk about

Introduction

What is Typeform?

What is Typeform I/O?

How is I/O different from Typeform.com?

Usage

Authentication

Simple forms

Designs

Images

Not so simple form

Use Cases

Who Am I?

Victor Bjelkholm

@VictorBjelkholm

Swed(ish)

Loves programming

and a aspiring game developer

Developer Evangelist

@Typeform

What is Typeform?

Awesome form builder

Worried that no one cares about your form?

Worried that no one fills out your forms?

Worried that people laugh about your forms design?

Worry no more!

Typeform to the rescue!

What is Typeform I/O?

Awesome form

builder API

Need to create thousands of forms in a couple of seconds?

Or forms that looks different for almost every single user you have?

Or you want to use typeforms but don't want to use our builder? (whitelabel)

Yep. We can do that

Typical Flow #1

Typical Flow #2

Typical Flow #3

How to use Typeform I/O

Authentication

API-key header


curl -X GET -H "X-API-TOKEN: api_key" https://api.typeform.io/v0.3/

Creating a simple form

JSON Body

{
    "title": "My first form!",
    "fields": [
        {
            "type": "yes_no",
            "question": "Are you enjoying this presentation?"
        }
    ]
}

Creating a design

JSON Body

{
    "font": "Source Code Pro",
    "colors": {
        "question": "#474747",
        "button": "#000000",
        "answer": "#3BA89F",
        "background": "#FFFFFF"
    }
}

Creating an image

JSON Body

{
    "url": "http://i.imgur.com/iyciF2t.jpg"
}

Creating a not

so simple form

Use Cases

Typeform.com

Alternative

Use Case #1

Create the next awesome form builder

Custom feedback

Use Case #2

Create the right form for the right user

HelloWorld

Use Case #3

Dynamically learn programming with forms that adjust the difficulty

Typeformizer

Use Case #4

Automatically optimize forms after answering

Forms were made and everyone was happy

The end

Crafted by

@VictorBjelkholm