Kit에서 구독폼(Form) 만들기: 첫 뉴스레터 시작 핵심 정보6

Kit을 활용한 뉴스레터 마케팅의 첫걸음은 ‘구독폼(Form)’ 만들기입니다. 이 구독폼은 사용자 이메일을 수집하기 위해 만들어진 신청 양식이며, 자동화 시퀀스(Sequences)나 브로드캐스트(Broadcasts) 설정의 출발점이기도 합니다. 예를 들어, 구독자가 폼에 이메일을 입력하면 환영 이메일을 자동으로 보내며 이메일 주인이 신청한 것이 맞는지 확인하는 시퀀스(Sequences)를 설정할 수 있습니다.

일정한 시간 간격으로 정보성 콘텐츠를 연속 발송하거나, 특정 행동을 트리거로 후속 이메일을 발송할 수도 있는 반면 브로드캐스트(Broadcasts)는 특정 시점에 전체 또는 일부 구독자에게 신제품 소식, 이벤트 안내, 한정 프로모션 등 단발성 메시지를 발송할 때 유용합니다.

이처럼 구독폼은 단순한 입력창이 아니라 전체 뉴스레터 전략의 시작점이며, 워드프레스 웹사이트, 랜딩페이지, SNS 등 다양한 채널에 삽입하여 활용할 수 있습니다. 따라서 정확하게 설정하고 연동하는 것이 매우 중요하기 때문에 이번 편에서는 Kit에서 구독 폼을 생성하고 커스터마이징하는 전체 과정을 쉽게 따라할 수 있도록 차근 차근 알아보겠습니다.

목 차 숨기기

1 구독폼(Form) 생성 위치

2 템플릿 고르기

3 폼 편집하기

4 동작 설정 (후속 응답과 태그 추가)

5 디자인 커스터마이징

6 구독폼 삽입 방식

7 결론

구독폼(Form) 생성 위치

Kit 대시보드 접속 → 상단 메뉴에서 “Grow” 클릭

드롭다운 메뉴에서 “Landing Pages & Forms” 클릭

오른쪽 중간쯤 [Create new] 버튼 클릭

“Form” 탭 선택 후 Inline, Modal, Slide-in, Sticky bar 중 원하는 타입 선택

템플릿 고르기

폼 형태를 선택하면 여러 디자인 템플릿이 나타납니다.

Inline: 글 내부나 페이지 중간 삽입에 적합
Modal: 팝업 형태로 시선을 끌고 싶을 때 유용
Slide-in: 페이지 하단/측면에서 부드럽게 등장
Sticky bar: 상단 고정 바 형태로 지속 노출

원하는 템플릿을 선택하고 [Choose] 클릭합니다. 템플릿은 나중에 변경도 가능하니 처음에는 가장 단순한 형태로 시작해도 무방합니다.

폼 편집하기

폼 생성 후 나타나는 편집 화면은 미래캔버스나 캔바를 사용한 경험이 있다면 익숙할 것인데, 이미 씌여진 글에 커서를 이동해서 글자를 바꾸면 되는 구조입니다.

폼 제목(사용자에게는 보이지 않음): 워드프레스에서 자신이 만든 폼을 적용하기 위해 찾기 편한 자신만의 폼 이름 즉 파일명이라고 생각한다면 이해하기 쉽습니다.
헤드라인 / 서브헤드라인: 폼에 노출되는 안내문 (예: “무료 뉴스레터 신청하세요!”)
필드 구성: 기본은 이메일 입력만 제공되며, [Customize Fields]에서 이름, 전화번호 등 추가 가능하지만 이메일 주소만 제공하게 하는 것이 좋을것 같습니다. 이름이나 전화번호까지 신청양식에 들어간다면 꺼려할 것 확률이 높아보이며, 별명(닉네임)정도는 괜찮을 것 같습니다.
CTA 버튼 텍스트: “구독하기”, “무료 수신”, “정보 받아보기” 등 사용자 친화적인 문구로 자신만의 의미있는 문구를 넣으면 됩니다.

예를 들어 건강 뉴스레터라면 “건강정보 무료받기”, 투자 뉴스레터라면 “시장 리포트 보기”처럼 주제에 맞는 CTA 문구를 사용하면 전환율이 높아집니다. 이후 동작설정이나 디자인 부분은 따로 설정하지 않아도 문제 없기 때문에 차차 알아가면서 나중에 업데이트 하는 것도 나빠보이지 않습니다.

동작 설정 (후속 응답과 태그 추가)

Success Message 또는 Redirect: 구독 후 사용자에게 보여줄 메시지 또는 이동할 URL 설정
Tag subscribers who opt-in: 특정 태그 자동 부여 가능 → 나중에 세분화된 타겟팅 및 자동화에 유용
Send incentive email: 구독 확인 메일 및 리소스 다운로드 기능 설정

예를 들어 구독자에게 PDF 자료를 제공하고 싶다면 이 옵션을 통해 첨부파일 다운로드 링크를 포함시킬 수 있습니다.

디자인 커스터마이징

Kit 폼은 기본 템플릿 외에도 CSS 또는 설정 패널을 통해 폰트, 색상, 버튼 디자인을 일부 조정할 수 있습니다.

간단한 색상·텍스트 변경은 시각화된 에디터에서 가능
고급 사용자라면 HTML 임베드 후 직접 CSS 수정 가능

이 경우 워드프레스 테마의 style.css 파일 또는 사용자 정의 CSS 플러그인을 활용해 스타일링할 수 있습니다.

구독폼 삽입 방식

폼 편집 완료 후 오른쪽 상단 발행하기 [Publish] 클릭 → 아래와 같이 몇 가지 코드나 링크를 제공합니다.

JavaScript embed: HTML에 삽입하는 기본 코드

WordPress 블록 +: 모두 찾아보기 – 좌측 하단 KIT – Kit Form 선택 본문 글쓰는 곳 끌어다놓기 – 우측 블록편집 General – FORM 선택

WordPress shortcode: Kit 플러그인 연동 시 사용하는 코드인데 메모장이나 자신의 폰에 저장해두었다가 이후 워드프레스 연동 후 글쓰기 공간에서 [convertkit form=123456] 형태의 단축코드를 입력하면 구독폼이 본문에 자동으로 삽입되어 글 발행 시 뉴스레터 구독자를 모아갈수 있게 해주는 코드이기 때문에 잘 저장해둡니다.
Share link: 독립 실행되는 폼 링크