폼 빌더 Tally에 앱을 연결해 Lovable 앱에서 폼을 만들고 제출 내용을 가져오며 폼 워크플로를 관리합니다.
Tally에 앱 연결
폼 빌더 Tally에 앱을 연결해 Lovable 앱에서 폼을 만들고 제출 내용을 가져오며 폼 워크플로를 관리합니다.
Tally는 코드 없이 폼과 설문을 만들 수 있는 폼 빌더입니다. Tally 커넥터를 사용하면 Lovable 앱에서 Tally API로 폼을 만들고, Tally 워크스페이스의 폼 목록을 조회하며, 각 폼의 제출 내용을 가져올 수 있습니다. Tally로 응답을 수집한 뒤 대시보드, 관리자 패널, 후속 워크플로처럼 다른 곳에서 그 응답을 활용하는 앱에 적합합니다.
Tally로 다음 기능을 구현할 수 있습니다.
- Tally 워크스페이스의 폼 목록 조회
- 폼의 제출 내용과 질문 메타데이터 가져오기
- 폼 만들기 및 폼 워크플로 관리
- 연결된 계정 확인
실시간 워크플로에는 새 제출 내용을 폴링하는 대신 앱의 엔드포인트를 가리키는 Tally webhook을 사용하는 편이 좋습니다.
일반적인 사용 사례 및 예시 앱
| 예시 앱 | 예시 프롬프트 | 설명 |
|---|---|---|
| 피드백 대시보드 | Tally를 사용해 내 피드백 폼의 최신 제출 내용을 보여주는 대시보드를 만들어줘. | 폼 응답을 실시간 대시보드로. 앱이 Tally에서 제출 내용을 가져와 탐색·필터링할 수 있는 피드백으로 렌더링합니다. |
| 리드 후속 관리 도구 | Tally를 사용해 내 문의 폼의 신규 리드를 나열하고 연락 완료로 표시할 수 있는 앱을 만들어줘. | 앱 안에서 폼 리드를 관리. 앱이 문의 폼 제출 내용을 가져와 리드별로 후속 조치 상태를 추적합니다. |
| 설문 결과 탐색기 | Tally를 사용해 내 고객 설문의 응답을 차트로 보여주는 결과 탐색기를 만들어줘. | 설문 응답을 시각화. 앱이 제출 내용과 질문 메타데이터를 읽어 차트와 요약으로 바꿉니다. |
| 이벤트 등록 관리자 | Tally를 사용해 내 이벤트 신청 폼의 등록 내역을 나열하는 관리 페이지를 만들어줘. | 이벤트 신청을 한곳에서 관리. 앱이 응답과 함께 등록 내역을 나열해 주최자가 참석자를 체크인할 수 있습니다. |
| 폼 개요 | Tally를 사용해 내 모든 Tally 폼을 제출 건수와 함께 나열하는 개요 페이지를 만들어줘. | Tally 워크스페이스를 앱에 표시. 앱이 폼을 나열해 원하는 폼으로 빠르게 이동할 수 있습니다. |
| 즉시 제출 알림 | Tally webhook을 사용해 새 제출 내용이 도착하는 즉시 내 앱에 표시해줘. | 새 제출에 실시간으로 반응. 앱이 Tally webhook을 수신하는 엔드포인트를 노출해 UI를 즉시 업데이트합니다. |
Tally 연결 방법
Tally 연결을 만들 수 있는 사람은 플랜과 워크스페이스 설정에 따라 다릅니다. 연결을 만들 수 있는 사람을 참조하세요.
서로 다른 API 키로 Tally 연결을 여러 개 만들 수 있습니다. 환경(예: 개발과 프로덕션)을 분리하거나 여러 Tally 워크스페이스를 연결할 때 유용합니다.
연결을 만들면 사용하려는 프로젝트에 링크할 수 있습니다. 프로젝트에서 빌드하는 사용자는 누구나 채팅으로 Lovable에 자신의 프로젝트를 연결에 링크하도록 요청할 수 있습니다.
사전 준비 사항
Tally를 연결하기 전에 다음 항목을 준비하세요.
- Tally 계정
- Tally API 키
- Lovable 워크스페이스에서 연결을 만들 권한(연결을 만들 수 있는 사람 참조)
이 커넥터를 통해 이루어지는 모든 API 요청은 Tally 계정의 요청 한도에 포함됩니다. 요금과 할당량은 Lovable이 아니라 Tally에서 직접 관리합니다.
1단계: Tally API 키 발급
API 키를 사용하면 Lovable 앱이 Tally API에 인증할 수 있습니다.
Tally API 키를 만들려면 다음과 같이 합니다.
Tally 설정 열기
Tally에 로그인한 뒤 Settings → API keys로 이동합니다.
키 만들기
새 API 키를 만들고 Lovable integration처럼 용도를 알 수 있는 이름을 지정합니다.
키 복사
키를 복사해 안전하게 보관합니다. Tally API 키는 tly-로 시작합니다.
API 키는 비밀번호처럼 작동합니다. 안전하게 보관하고 공개적으로 공유하지 마세요. 다음 단계에서 이 키가 필요합니다.
자세한 내용은 Tally 문서 Tally API reference를 참조하세요.
2단계: Tally를 Lovable에 연결
Connectors에서 Tally 열기
Connectors로 이동해 Tally를 선택합니다.
연결 추가
Add connection을 클릭합니다.
연결 구성
- Display name:
Tally Prod처럼 연결 이름을 지정합니다. - API key: Tally API 키(
tly-로 시작)를 붙여 넣습니다. 키를 새로 만들어야 하면 필드 아래 Open Tally로 API 키 설정 화면으로 이동할 수 있습니다.
이 연결을 사용할 수 있는 사람 선택
Who can use this connection에서 워크스페이스 내 누가 이 연결을 사용할 수 있는지 정합니다. 처음에는 본인만 접근할 수 있습니다.
- Only you(기본값): 접근 목록을 그대로 두면 본인만 연결과 관련 데이터를 사용합니다.
- Invite specific people: 워크스페이스 멤버를 이메일로 추가하면 본인과 추가한 사람만 연결과 관련 데이터를 사용합니다.
- Invite entire workspace: Invite entire workspace를 클릭하면 Lovable 워크스페이스의 모든 사용자가 연결을 사용할 수 있습니다.
자세한 내용은 연결을 관리할 수 있는 사람을 참조하세요.
연결
Connect를 클릭합니다. Lovable은 연결을 저장하기 전에 Tally에 대해 키를 확인합니다.
연결하면 프로젝트에서 빌드하는 사용자는 누구나 구성된 연결 수준 접근 권한에 따라 채팅으로 Lovable에 자신의 프로젝트를 Tally에 링크하도록 요청할 수 있습니다. 그러면 Lovable 앱에서 커넥터를 통해 폼을 만들고, 폼 목록을 조회하며, 제출 내용을 가져올 수 있습니다.
제한 사항
Tally 커넥터로는 다음을 할 수 없습니다.
- 커넥터를 통해 Tally webhook 수신. 대신 Tally webhook이 앱의 엔드포인트를 호출하도록 구성하세요.
- API 키 자동 새로 고침 또는 교체. 교체하려면 Tally API 키 설정에서 새 키를 만들고 Lovable 연결을 업데이트해야 합니다.
- 최종 사용자별 Tally 로그인 지원. 각 연결은 링크된 모든 프로젝트가 공유하는 단일 Tally 계정을 나타냅니다.
연결에서 프로젝트 링크 해제
Editor 이상 역할은 연결 전체를 삭제하지 않고 특정 프로젝트를 연결에서 제거할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용할 수 있습니다.
프로젝트 링크를 해제하려면 다음과 같이 합니다.
Connectors 열기
Connectors로 이동해 Tally를 선택합니다.
연결 열기
관리할 연결을 엽니다.
프로젝트 선택
Linked projects에서 링크를 해제할 프로젝트를 선택합니다.
확인
Unlink projects를 클릭하고 확인합니다.
링크를 해제하면 해당 프로젝트는 더 이상 이 연결을 통해 Tally에 접근할 수 없습니다. 프로젝트에 다시 Tally가 필요하면 사용 가능한 연결에 언제든 링크할 수 있습니다.
Tally 연결 삭제
워크스페이스 admin과 owner가 Tally 연결을 삭제할 수 있습니다. 다른 멤버도 자신이 만들었거나 명시적으로 접근 권한을 받은 연결이라면 삭제할 수 있습니다.
연결 삭제는 영구적이며 되돌릴 수 없습니다. 링크된 모든 프로젝트에서 자격 증명이 제거되고, 이 연결을 사용하는 앱은 새 연결을 추가할 때까지 작동을 멈춥니다.
삭제하기 전에 Linked projects 섹션에서 현재 이 연결을 사용하는 프로젝트를 확인하세요.
연결을 삭제하려면 다음과 같이 합니다.
Connectors 열기
Connectors로 이동해 Tally를 선택합니다.
연결 열기
제거할 연결을 엽니다.
링크된 프로젝트 검토
Linked projects 섹션을 검토합니다.
삭제
Delete this connection 아래에서 Delete를 클릭하고 확인합니다.