리드폼 요소 ①: 넣고 CRM에 연결하기

무료 가이드 신청이나 상담 신청처럼 방문자의 연락처를 받고 싶을 때, 에디터의 리드폼 요소를 쓰면 이름·이메일·전화번호 입력칸과 제출 버튼이 갖춰진 신청 폼을 페이지에 바로 넣을 수 있습니다. 이 글에서는 리드폼을 넣고 문구를 고친 뒤, 제출 내용이 CRM의 연락처로 들어가도록 연결하는 흐름을 순서대로 안내합니다. 기존 폼을 연결하는 방법과 제출 후 동작은 별도 글에서 다룹니다.

1. 리드폼은 어디에 있나요

에디터 왼쪽 레일의 요소 추가(+ 아이콘)를 눌러 요소 패널을 열면 콘텐츠 카테고리 안에 리드폼이 있습니다. 같은 카테고리의 폼 임베드는 폼 빌더에서 만든 폼을 불러오는 요소로, 별도 글에서 다룹니다. 리드폼은 플랜에 따라 잠겨 있을 수 있습니다.

2. 리드폼 넣고 문구 고치기

폼을 넣을 섹션을 선택한 상태에서 리드폼을 누르면 그 섹션 맨 아래에 폼이 들어갑니다. 기본 구성은 제목 지금 무료로 시작하세요, 입력칸 이름 *·이메일 *·전화번호, 제출 버튼 무료 상담 신청하기, 하단 안내 문구입니다.

고치고 싶은 문구를 더블클릭하면 글자를 직접 입력할 수 있고, 폼 바깥을 누르면 편집이 끝납니다. 입력칸 이름과 제출 버튼 문구도 같은 방법으로 바꿉니다. 아래 예시는 이름·이메일 라벨에서 별표를 지우고 버튼 문구를 무료 가이드 받기로 바꾼 모습입니다. 다음 단계의 필드 매핑에 지금 라벨이 그대로 나타나므로, 문구를 먼저 다듬은 뒤 연결하는 순서를 권합니다.

3. CRM에 연결하기

입력칸 사이의 빈틈을 누르면 폼 전체가 보라색 테두리로 선택됩니다. 오른쪽 위의 점을 눌러 나오는 아이콘 중 톱니 모양(요소 설정 열기)을 누르면 폼 설정 패널이 열립니다. 위쪽 안내 문구는 "이 디자인 폼의 제출을 받을 폼을 정해 주세요"이고, 새 폼 만들기와 기존 폼에 연결 두 탭이 있습니다. 처음에는 새 폼 만들기가 열려 있습니다.

• 폼 제목: 폼 목록과 제출 내역에 표시될 이름입니다. 기본값은 섹션의 첫 제목입니다.
• 필드 매핑: 입력칸마다 라벨, 필드 종류(이메일·전화번호·이름·텍스트 등), 필수 체크가 한 줄씩 나옵니다. 예시에서는 이름과 이메일을 필수로 두고 전화번호는 선택으로 두었습니다.
• 연락처 식별 방법: 이메일 (기본), 전화번호, 이메일 또는 전화번호 중에서 고릅니다.

• 연락처 리스트 추가와 태그 추가: 제출한 사람이 들어갈 리스트(체크박스)와 붙일 태그(눌러서 켜고 끄는 버튼)를 고릅니다.
• 웹훅 URL (선택): 제출 정보를 외부로도 보내고 싶을 때만 적습니다.

설정을 마치고 새 폼 만들고 연결을 누르면 패널이 연결 정보 카드로 바뀝니다. 카드에는 이 디자인 폼으로 새로 만든 폼에 연결됨과 폼 이름, 폼 번호, 제출 건수가 나오고, 폼 열기와 제출 내역 버튼으로 해당 화면을 열 수 있습니다. 아래에는 다른 폼으로 다시 연결과 연결 해제가 있습니다. 이미 만들어 둔 폼에 묶고 싶다면 기존 폼에 연결 탭에서 폼을 고르면 되며, "선택한 폼의 필드와 설정은 바뀌지 않습니다"라는 안내가 나옵니다. 마지막으로 상단의 저장을 눌러야 연결이 보관됩니다.

4. 제출해서 연락처가 생기는지 확인하기

저장한 뒤 상단의 라이브 미리보기를 누르면 저장된 내용이 배포되는 모습 그대로 나타납니다. 여기서 연습용 값을 입력해 제출해 보세요. 제출하면 제출이 완료되었습니다. 감사합니다! 화면이 나오고, 연락처 목록에 새 연락처가 생기며 방금 고른 리스트와 태그가 붙어 있습니다. 같은 이메일로 다시 제출하면 제출 내역은 한 건 더 쌓이지만 연락처는 새로 만들어지지 않고 기존 연락처가 쓰입니다. 연습으로 만든 연락처는 확인 뒤 연락처 목록에서 삭제해 주세요.

5. 이렇게 활용해 보세요

• 무료 가이드 신청 폼은 전용 리스트와 태그를 만들어 연결해 두고, 제출자를 한곳에 모아 보세요.
• 전화 상담이 중요한 페이지라면 연락처 식별 방법을 전화번호나 이메일 또는 전화번호로 바꿔 보세요.

6. 알아 두실 점

• 리드폼 연결은 폼 설정 패널에서 하며, 연결할 리스트와 태그는 미리 만들어 두어야 목록에 나옵니다.
• 연결 카드의 안내대로 리스트·태그·웹훅·자동화는 폼 열기 화면에서도 설정합니다. 자동화 연결은 별도 글에서 다룹니다.
• 연결 카드의 제출 후 동작(이동할 주소와 성공 메시지)은 별도 글에서 다룹니다.