HTML 양식을 Airtable에 통합하는 방법

이 게시물은 최초로 Getform Blog에 발표되었다.
귀하의 사이트 방문자나 고객이 사이트에서 귀하의 연락처 양식을 작성할 때 귀하는 이 양식을 정확하게 저장하고 조직하여 귀하의 응답 과정을 가속화하고 양식 데이터를 가장 좋은 방식으로 분석해야 할 수도 있습니다.데이터베이스나 전자 표에 매번 수동으로 연락처 폼 데이터를 추가하고 싶지 않다면, Getform 에어테이블과 통합할 수 있습니다.
Getform을 사용하여 HTML 폼과 폼 백엔드를 준비하면, 이 통합은 Airtable 데이터베이스에 자동으로 새 기록을 만들 것입니다. 연락처 폼에서 받은 모든 새로운 제출에서 조직된 데이터를 포함합니다.이렇게 하면, 당신의 폼 데이터는 Airtable 기능을 사용하여 쉽게 처리할 수 있습니다.
Getform Airtable 통합을 어떻게 설정하는지 상세하게 소개하기 전에 어떤 유형의 데이터를 조직하는 데 사용되는 가장 유연한 도구를 간략하게 소개하고 Airtable의 용도를 설명하겠습니다.
Airtable는 사용자에게 좋은 소프트웨어 플랫폼으로 귀하께 강력한 데이터베이스 기능을 제공합니다. 작업 방식은 전자 표와 유사합니다.Airtable 응용 프로그램의 혼합 구조는 기업에 모든 데이터 집합을 저장하고 조직할 수 있도록 충분한 유연성을 제공합니다.Airtable을 사용하여 프로젝트 관리, 고객 관계 관리(CRM), 재고 추적, 임무 관리 등을 할 수 있습니다.

새로운 Airtable 레코드를 만들기 위해 연락처 양식에서 제출하는 방법


최소한 한 장의 양식에 제출 한 부를 만들고, 양식 한 부를 받아야 합니다.만약 당신이 첫 번째 제출을 받지 못했다면, 우리 문서의 "Collecting form submissions" 부분을 보거나, 우리 조수의 시작을 보십시오.
  • Getform 계정에 로그인합니다: https://getform.io/login
  • "+"단추를 누르면 새 폼을 만들 수 있습니다. 이것은 특정한 Airtable 받침대와 표에 통합됩니다.표를 '고객 지원' 이라고 명명합시다.
  • 양식을 만들면 고유한 양식 끝점에 HTML 양식을 삽입할 수 있습니다.우리의 폼을 추가하고 첫 번째 제출을 시작합니다.HTML 양식의 모양은 다음과 같습니다.
  • <form action="https://getform.io/f/{your-unique-form-endpoint-goes-here}" method="POST" accept-charset="UTF-8">
        <input type="text" name="name" placeholder="Your Name*" required="required">
        <input type="email" name="email" placeholder="Your Email*" required="required">
        <input type="text" name="phone" placeholder="1-(555)-555-5555">
        <input type="url" name="url" placeholder="https://example.com">
        <input type="text" name="message" placeholder="Your Message*" required="required">
        <button type="submit">Submit</button>
    </form>
    
    여기에 스타일링을 더하면 당신의 연락처는 다음과 같습니다.

    4. 양식을 제출한 후 Getform 양식 데이터는 다음과 같습니다.

    5. 이제는 Airtable로 이동해서 폼 제출 데이터를 정확한 위치에 집중할 수 있는 새로운 베이스와 폼을 만들 때가 되었다.Getform과 Airtable을 사용하여 자동으로 연락처 폼을 수집하여 제출하기 때문에 새 Airtable 데이터베이스에 '고객 지원', 새 테이블에 '연락처 폼 데이터' 를 명명하겠습니다.
    (작성된 Airtable 베이스 및 테이블 중 하나에 양식을 제출하려면 이 단계를 건너뛸 수 있습니다.)

    6. 현재 연락처 폼의 필드에 따라 연락처 폼 데이터 폼에 새 필드를 만들고 사용자 정의해서 관련 폼 데이터를 관련 Airtable 필드로 보낼 수 있도록 합니다.

    Airtable은 전자 우편, URL, 체크 상자, 날짜, 협업자 필드 형식 등 사용자의 필요에 따라 사용자 정의 테이블을 제공합니다.이외에도 Airtable 링크 기록 기능을 사용하여 모든 필드를 다른 테이블의 다른 기록에 연결할 수 있습니다.
    현재, 우리의 폼 백엔드는 이미 Zapier를 사용하여 우리의 Airtable base와 table를 통합할 준비가 되어 있습니다!
    7. Getform 대시보드에서 통합 탭으로 이동한 다음 "Zapier와 연결"을 클릭하여 Getform Airtable Zap 설정을 시작합니다.
    8. 열린 화면에서 Airtable을 검색하고 거기로 돌아갑니다.Airtable 페이지의 트리거 선택 필드에서 새 제출을 선택하고 작업 선택 필드에서 레코드 만들기를 선택합니다.그리고'Getform + Airtable 연결 '단추를 누르면 통합을 시작할 수 있습니다.다음 화면에서 '고급 모드로 들어가기' 단추를 누르십시오.

    Getform 계정을 zap에 연결하려면 통합 * 탭에서 복사한 API 키를 붙여 넣은 다음 예, 계속 * 단추를 클릭합니다.그런 다음 테이블 이름을 다음과 같이 선택하여 Airtable base에 연결합니다.

    9. 트리거 절차를 설정한 후 동작 단계의 * "계속"* 단추를 누르면 됩니다. 왜냐하면 Zapier가 동작 응용프로그램과 이벤트를 선택했기 때문입니다.그런 다음 API 키를 사용하여 Airtable 계정과zap을 연결해야 합니다.API 키를 찾으려면 Airtable에서 계정 페이지로 이동하고, 계정 페이지에는 API 헤더 아래에 "API 키 생성"단추가 표시됩니다.
    10. 우리는 곧 통합을 완성할 것이다!특정한 Airtable base와 table을 선택해서 동작을 설정합니다.그런 다음 양식 제출 정보를 다음과 같이 Airtable에서 작성된 관련 필드에 추가할 수 있습니다.

    11. 이제 우리 맵은 테스트를 준비했습니다."테스트 및 계속"단추를 누르면 "고객 지원"에어탭 데이터베이스에 있는 "* 연락처 폼 데이터"표를 볼 수 있습니다.

    이렇게\
    HTML 양식이 성공적으로 연결되어 Airtable base 및 table로 전송되었습니다.이제부터 양식을 제출할 때마다 양식 데이터가 자동으로 Airtable로 전송됩니다.
    읽어 주셔서 감사합니다!아래에 제공된 자원에서 서로 다른 용례의 더 많은 정보와 코드 예시를 찾을 수 있습니다.



  • .
  • 좋은 웹페이지 즐겨찾기