폼 알림의 모든 것,
Voti 하나로.
스크립트 한 줄로 시작해 실시간 알림, 제출 기록, 보안까지 — 복잡한 설정 없이 모든 폼 데이터를 즉시 파악하세요.
필요한 모든 것이 여기 있습니다
개발자가 폼 제출을 추적하는 데 필요한 모든 도구를 제공합니다.
즉시 설치
<head>에 한 줄만 추가하면 끝. 백엔드 변경이나 서버 재배포 없이 5초 만에 연동됩니다.
자동 폼 감지
페이지 내 모든 <form> 태그를 자동으로 추적합니다. 별도 마킹 없이 DOM 제출 이벤트를 즉시 캡처합니다.
실시간 앱 알림
폼 제출 즉시 모바일 앱으로 푸시 알림을 받으세요. 평균 50ms 이하의 지연으로 무엇도 놓치지 않습니다.
수동 API 모드
SPA나 커스텀 이벤트에서도 동작합니다. voti.send()를 직접 호출해 알림 시점을 완벽하게 제어하세요.
제출 기록 저장
모든 폼 제출 데이터를 대시보드에 저장하고 조회할 수 있습니다. 제출 시각, 필드 값을 한눈에 확인하세요.
보안 & 암호화
도메인 기반 토큰 인증으로 허가된 출처의 요청만 처리합니다. 모든 데이터는 HTTPS로 안전하게 전송됩니다.
3단계로 끝납니다
복잡한 설정 없이 몇 분 안에 모든 폼 제출을 모니터링할 수 있습니다.
회원가입 & 사이트 등록
Voti에 가입하고 대시보드에서 알림을 받을 사이트의 도메인을 등록합니다. 등록 즉시 고유 토큰이 발급됩니다.
스크립트 한 줄 추가
웹사이트의 <head> 태그에 발급된 스크립트를 붙여 넣으세요. 그게 전부입니다.
알림 받기
이제 누군가 폼을 제출하면 즉시 앱 알림이 도착합니다. 대시보드에서 제출 데이터도 실시간으로 확인할 수 있습니다.
어떤 아키텍처든 지원합니다
전통적인 HTML 폼부터 React·Vue 기반 SPA까지, Voti는 모든 구조에서 동작합니다.
자동 감지 모드
Zero-config스크립트가 로드되면 자동으로 페이지의 모든 폼 제출 이벤트를 가로채어 Voti 서버로 데이터를 전송합니다. 추가 코드 작성 없이 즉시 작동합니다.
<head> <script src="https://cdn.voti.io/v1/voti.js" data-token="YOUR_TOKEN" async></script> </head>
- check_circle HTML 전통 폼에 최적
- check_circle 추가 자바스크립트 불필요
- check_circle WordPress, 랜딩페이지 등 CMS 호환
수동 모드
Full control
voti.send()를 직접 호출해 원하는 시점에 원하는 데이터를 전송합니다.
SPA나 커스텀 검증 로직이 있는 앱에 적합합니다.
// 유효성 검사 후 직접 전송 form.addEventListener('submit', async (e) => { e.preventDefault(); if (isValid()) { await voti.send({ email: form.email.value, message: form.message.value }); } });
- check_circle React, Vue, Next.js 등 SPA 지원
- check_circle 커스텀 페이로드 구성 가능
- check_circle 비동기 이벤트 핸들러 완벽 호환
모든 제출을 한눈에
Voti 대시보드에서 등록된 사이트별 제출 현황을 실시간으로 확인하세요. 언제, 어떤 데이터가 들어왔는지 즉시 파악할 수 있습니다.
-
check_circle
사이트별 관리여러 사이트를 하나의 계정으로 통합 관리합니다.
-
check_circle
제출 이력 조회제출 시각과 필드 데이터를 페이지별로 확인합니다.
-
check_circle
저장 옵션 설정데이터 저장 여부를 사이트별로 독립적으로 제어합니다.
신뢰할 수 있는 데이터 파이프라인
Voti는 사용자 데이터를 최우선으로 생각합니다. 도메인 기반 토큰 인증으로 허가된 사이트의 요청만 처리하며, 모든 통신은 HTTPS로 암호화됩니다. 별도의 보안 설정 없이도 안전합니다.
지금 무료로 시작하기 east