# 웹폼 연동

어떤 방식으로 [연동 방법](#howto-connect) 및 [데이터](#integration-data)가 궁금하시면 [클릭](#howto-connect)하세요.\
일단 연동부터 하실려면 아래 내용을 참고하시면 됩니다.

## Typeform 연결하기 <a href="#connect-typeform" id="connect-typeform"></a>

* '리드함' 혹은 '설정 > 워크스페이스 > 연동 관리' 메뉴에서 Typeform의 '연결' 버튼을 클릭합니다.
* '리드함'으로 이동해 Typeform에서 작성된 내용이 리드함에 들어오는지 확인합니다.

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FAEf447fexAEk5vNtOpLd%2Ftypeform%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%A7%E1%86%AF.gif?alt=media&#x26;token=23d192cd-914d-4ecb-a0cd-a77042203ee9" alt="Typeform 연결하기"><figcaption><p>Typeform 연결하기</p></figcaption></figure>

### 연결 후에도 리드함에 리드가 저장되지 않는다면? <a href="#typeform-check-point" id="typeform-check-point"></a>

'리드함'에 Typeform에서 작성한 내용이 들어오지 않는다면 다음 내용을 확인하세요.

#### **트래킷에서 확인** <a href="#check-typeform-trackit" id="check-typeform-trackit"></a>

* 트래킷에서 이메일을 연동했는지 확인합니다.
* 이메일을 '라벨로 필터링해서 연동' 방법으로 연동했는지 확인합니다.
  * 라벨로 필터링 했다면 typeform에서 보낸 메일이 해당 라벨로 지정되어 있어야 합니다.
  * 이 경우 사용하시는 메일에 규칙을 적용하시면 라벨링없이 연동이 가능합니다.
    * 보낸 사람이 <notifications@typeform.com>인 경우 해당 라벨링 적용으로 규칙을 만드세요.

#### **Typeform에서 확인** <a href="#check-typeform-typeform" id="check-typeform-typeform"></a>

* Typeform(<https://typeform.com)에> 작성된 내용이 있는지 확인합니다.
* Typeform (<https://typeform.com)의> 개별 폼의 '설정 > Follow-ups > Nofify myself' 이메일이 설정되어 있는지 확인합니다.

1. 작성된 폼 결과를 이메일로 보내는지 확인
2. 트래킷과 연동한 이메일이 맞는지 확인
3. 작성된 폼 내용을 이메일 본문에 넣고 있는지 확인

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FJjtLdCFdTFG3QEUfIiRU%2Fimage.png?alt=media&#x26;token=f061e347-0e48-42d0-a168-905f20c7792a" alt="Typeform 확인 사항"><figcaption><p>Typeform 확인 사항</p></figcaption></figure>

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FM4RX4NR8fgvWTxv87gMI%2Fimage.png?alt=media&#x26;token=facbce15-670d-4538-9d92-ea552bc54b16" alt="Typeform 확인 사항"><figcaption><p>Typeform 확인 사항</p></figcaption></figure>

## Tally 연결하기 <a href="#connect-tally" id="connect-tally"></a>

* '리드함' 혹은 '설정 > 워크스페이스 > 연동 관리' 메뉴에서 Tally의 '연결' 버튼을 클릭합니다.
* '리드함'으로 이동해 Tally에서 작성된 내용이 리드함에 들어오는지 확인합니다.

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2F0egsx5UE8qbyNduHza5b%2Ftypeform%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%A7%E1%86%AF.gif?alt=media&#x26;token=a63172b1-b277-419d-8be4-a351325bb512" alt="Tally 연결하기"><figcaption><p>Tally 연결하기</p></figcaption></figure>

### 연결 후에도 리드함에 리드가 저장되지 않는다면? <a href="#tally-check-point" id="tally-check-point"></a>

'리드함'에 Tally에서 작성한 내용이 들어오지 않는다면 다음 내용을 확인하세요.

#### **트래킷에서 확인** <a href="#check-tally-trackit" id="check-tally-trackit"></a>

* 트래킷에서 이메일을 연동했는지 확인합니다.
* 이메일을 '라벨로 필터링해서 연동' 방법으로 연동했는지 확인합니다.
  * 라벨로 필터링 했다면 Tally에서 보낸 메일이 해당 라벨로 지정되어 있어야 합니다.
  * 이 경우 사용하시는 메일에 규칙을 적용하시면 라벨링없이 연동이 가능합니다.
    * 보낸 사람이 <notifications@tally.so>인 경우 해당 라벨링 적용으로 규칙을 만드세요.

#### **Tally에서 확인** <a href="#check-tally-tally" id="check-tally-tally"></a>

* Tally(<https://tally.so)에> 작성된 내용이 있는지 확인합니다.
* Tally (<https://tally.so)의> 개별 폼의 'Setting > Email notifications > Self email notification' 설정이 ON인지 확인합니다.

1. 보내는 사람이 본인 혹은 워크스페이스 팀원인지 확인
2. 제목이 'New Tally Form submission for @Form name'인지 확인
3. 폼 내용이 메일 본문에 있는지 확인

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FGWFiXXVJedOSTPByMlbp%2Fimage.png?alt=media&#x26;token=b7c3abe7-eef8-4535-9ebe-8d0983c11ba2" alt="Tally 확인 사항"><figcaption><p>Tally 확인 사항</p></figcaption></figure>

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FughUoWj7dfpvYqcV6DxH%2Fimage.png?alt=media&#x26;token=7599b5c8-5658-4301-9b77-4e7779b39461" alt="Tally 확인 사항"><figcaption><p>Tally 확인 사항</p></figcaption></figure>

## Formspark 연결하기 <a href="#connect-formspark" id="connect-formspark"></a>

* '리드함' 혹은 '설정 > 워크스페이스 > 연동 관리' 메뉴에서 Formspark의 '연결' 버튼을 클릭합니다.
* '리드함'으로 이동해 Formspark에서 작성된 내용이 리드함에 들어오는지 확인합니다.

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2F0egsx5UE8qbyNduHza5b%2Ftypeform%E1%84%8B%E1%85%A7%E1%86%AB%E1%84%80%E1%85%A7%E1%86%AF.gif?alt=media&#x26;token=a63172b1-b277-419d-8be4-a351325bb512" alt="Formspark 연결하기"><figcaption><p>Formspark 연결하기</p></figcaption></figure>

### 연결 후에도 리드함에 리드가 저장되지 않는다면? <a href="#formspark-check-point" id="formspark-check-point"></a>

'리드함'에 Sparkform에서 작성한 내용이 들어오지 않는다면 다음 내용을 확인하세요.

#### **트래킷에서 확인** <a href="#check-formspark-trackit" id="check-formspark-trackit"></a>

* 트래킷에서 이메일을 연동했는지 확인합니다.
* 이메일을 '라벨로 필터링해서 연동' 방법으로 연동했는지 확인합니다.
  * 라벨로 필터링 했다면 Formspark에서 보낸 메일이 해당 라벨로 지정되어 있어야 합니다.
  * 이 경우 사용하시는 메일에 규칙을 적용하시면 라벨링없이 연동이 가능합니다.
    * 보낸 사람이 <notifications@formspark.io>인 경우 해당 라벨링 적용으로 규칙을 만드세요.

#### **Formspark에서 확인** <a href="#check-formspark-formspark" id="check-formspark-formspark"></a>

* Formspark(<https://formspark.io)에> 작성된 내용이 있는지 확인합니다.
* Formspark (<https://formspark.io)의> 개별 폼의 'Settings > Email notifications'에 본인 혹은 워크스페이스 팀원이 있는지 확인합니다.

1. 보내는 사람이 본인 혹은 워크스페이스 팀원인지 확인
2. 제목이 'New Tally Form submission for @Form name'인지 확인
3. 폼 내용이 메일 본문에 있는지 확인

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FkqNLVU94KT7qrFbSUVXg%2Fimage.png?alt=media&#x26;token=a087d8f8-6e0b-42bb-81ac-a7719a6b465a" alt="Formspark에서 확인"><figcaption><p>Formspark에서 확인</p></figcaption></figure>

## Google Forms 연결하기 <a href="#connect-googleforms" id="connect-googleforms"></a>

연동 준비 중입니다.

## 연동 방법 <a href="#howto-connect" id="howto-connect"></a>

웹폼과 연결하는 일반적으로 3가지 방법이 존재합니다.

1. API 연동
2. Webhook 연동
3. Zapier 연동

이 중 개발자의 도움없이 연동할 수 있는 방법은 Zapier를 이용하는 방법입니다.\
Zapier는 어렵지 않지만 공짜가 아닙니다. 무료 플랜 기준 100개의 Task 수행만 가능합니다.\
그 이상의 Task를 실행하려면 $19 이상 지불해야 합니다.\
트래킷은 어떻게하면 쉽고 저렴하게 다른 서비스와 연결할 수 있는지 깊게 고민했습니다.\
\
그 결과 AI를 활용하기로 했습니다. AI로 어떻게 외부 서비스 연결을 하냐구요?\
대부분의 웹폼은 사용자가 작성한 폼 내용을 확인 차 내 메일로 전송합니다.\
트래킷에서 이메일 연동을 하셨다면 우리는 이미 폼 내용을 메일로 받고 있습니다. 메일만 잘 분석한다면 다른 연동없이 폼 내용을 트래킷으로 통합할 수 있습니다. \
\
트래킷은 이메일로 결과를 전송하는 서비스의 경우 AI로 이메일을 분석해 데이터베이스에 넣을 내용을 추출합니다.\
이렇게하면 저렴하고 쉽게 외부서비스와 연결할 수 있습니다. 몇 개까지 가능하냐구요? \
무제한 입니다!!

## 연동 데이터 <a href="#integration-data" id="integration-data"></a>

웹폼 (Typeform, Tally, Sparkform)을 연동하면 '리드함'에 폼에 입력된 모든 내용을 저장합니다.\
단, 각 폼마다 데이터가 다를 수 있기때문에 **기본 정보 + 폼 내용** 형태로 저장됩니다.

### 기본 내용 <a href="#basic-data" id="basic-data"></a>

* 이메일, 연락처 둘 중 하나 이상의 정보가 있을때문 저장됩니다.
* **이메일 주소로 고객과 회사 정보를 자동으로 생성합니다.**

| 속성명                     | 설명             | 데이터 타입 |
| ----------------------- | -------------- | ------ |
| Title                   | 폼 제목           | 셀렉트    |
| Submitted name          | 유저가 입력한 이름     | 텍스트    |
| Submitted company name  | 유저가 입력한 회사명    | 텍스트    |
| Submitted email address | 유저가 입력한 이메일 주소 | 이메일    |
| Submitted phone number  | 유저가 입력한 연락처    | 전화번호   |

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FePvtZCXDy7A8qdTdts85%2Fimage.png?alt=media&#x26;token=8842d537-b8f2-42c6-8068-5e7d0e748de0" alt="리드함 기본정보"><figcaption><p>리드함 기본정보</p></figcaption></figure>

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FbrpaMbzAvONFRFnQntez%2Fimage.png?alt=media&#x26;token=f1b7afe5-ffc7-4971-bdc8-cd29a4bc7865" alt="이메일 기반으로 자동 생성된 고객과 회사 정보"><figcaption><p>이메일 기반으로 자동 생성된 고객과 회사 정보</p></figcaption></figure>

<figure><img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2FksDimOF5coXHFMNlIOUk%2Fimage.png?alt=media&#x26;token=e202fba6-41bd-4906-b8d1-283379a8b49b" alt="회사 주요 정보"><figcaption><p>회사 주요 정보</p></figcaption></figure>

### 폼 내용 <a href="#form-data" id="form-data"></a>

* 고객이 입력한 모든 정보를 Extra 속성에 저장합니다.

&#x20;  <img src="https://2878876032-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRq4fnWeq5IbGJjjg5m62%2Fuploads%2Fi38ZHctnhomITokkM0Ui%2Fimage.png?alt=media&#x26;token=39853bd6-c769-4cd6-8154-f16d9cb3c701" alt="폼 내용 확인" data-size="original">