자신의 웹사이트에 삽입된 스핀 투 윈 휠이나 스크래치 카드를 가입 폼 빌더에서 설정합니다 — 외부 플러그인도, 별도의 앱도 필요 없습니다. 방문자는 휠을 돌리거나 카드를 긁어 할인 코드를 받고 가입합니다. 코드는 확인 메시지와 연락처 목록 모두에 도착하며, 해당 구독자에게 직접 연결됩니다.
게임화된 리드 마그넷은 단순한 "목록에 가입하세요" 팝업보다 전환율에서 꾸준히 더 좋은 성과를 냅니다. 게임 메커니즘은 짧은 흥분의 순간을 만들어, 방문자가 오버레이를 닫는 대신 이메일을 제출할 적극적인 이유를 줍니다. MailInApp은 이를 팝업 가입 폼의 네이티브 기능으로 만들었습니다 — 서드파티 플러그인도, 별도로 삽입할 코드도 필요 없습니다.
작동 방식
가입 폼 탭에서 팝업 폼을 만들거나 편집하고 게임화된 리드 마그넷 섹션을 여세요. 스핀 투 윈 또는 스크래치로 전환한 다음 조각이나 경품을 설정합니다:
스핀 투 윈 휠
휠 조각을 추가하세요 — 각 조각에는 표시 레이블(예: "15% 할인"), 프로모션 코드, 당첨 비율이 있습니다. 당첨 비율은 상대적인 가중치입니다(예: 40/40/20으로 가중치가 적용된 3개의 조각이 있다면 세 번째 조각의 확률은 20%가 됩니다). 휠이 멈춘 조각의 코드는 제출 페이로드에 추가되며 제출 후 확인 메시지에 표시됩니다.
스크래치 카드
단일 경품 레이블과 프로모션 코드를 설정하세요. 방문자에게는 스크래치 오버레이가 표시됩니다. 이메일을 입력하고 제출하면 오버레이가 걷히며 코드가 공개됩니다.
삽입 스크립트가 하는 일
삽입 스크립트(/f/[formId]/embed.js)는 순수한 바닐라 JavaScript입니다 — 고객 사이트에 React도 외부 런타임도 필요하지 않습니다. 휠은 HTML5 Canvas로, 스크래치 카드는 CSS/포인터 이벤트 오버레이로 팝업 안에 인라인 렌더링됩니다. 자체 완결적이기 때문에 그 사이트 자체의 JavaScript 프레임워크를 건드리지 않고도 어떤 사이트에서든 작동합니다.
프로모션 코드는 폼 제출 페이로드에 추가되고 구독자의 연락처 행과 함께 저장되므로, 나중에 지급된 코드로 연락처 목록을 필터링하거나 웰컴 이메일에서 병합 태그로 사용할 수 있습니다.
인라인 폼과 호스팅형 폼에서도 작동하나요?
게임화 기능은 팝업 폼에서만 사용할 수 있습니다 — 오버레이 우선 사용자 경험은 전체 화면 팝업 메커니즘에 자연스럽게 어울립니다. 인라인 폼과 호스팅형 폼은 그대로 일반 필드로 유지됩니다.
시작하기
- 가입 폼으로 이동해 팝업 폼을 만들거나 편집하세요.
- 게임화된 리드 마그넷 섹션을 열고 스핀 투 윈 또는 스크래치를 선택하세요.
- 조각/경품, 프로모션 코드, 당첨 비율을 추가하세요.
- 저장을 누르고 코드 받기에서 업데이트된 삽입 스니펫을 받으세요.
삽입 및 설정에 대한 전체 레퍼런스는 가입 폼 및 팝업을 참고하세요.