관리자 페이지
잘못된 API 키입니다.
총 폼
0
연결된 폼
0
미연결 폼
0
총 제출
0
비워두면 모든 도메인에서 접근 가능
UUID 기반 폼 ID가 자동 생성됩니다
관리자 이메일을 설정하면 제출 시 해당 주소로 전송됩니다
허용 도메인을 설정하여 CORS 보안을 강화할 수 있습니다
생성 후 API 엔드포인트와 예제 코드를 제공합니다
생성된 폼이 없습니다. 첫 번째 폼을 만들어보세요!
API를 통해 제출된 폼 중 관리자 이메일이 설정되지 않은 폼들입니다. 이메일을 연결하여 제출 알림을 받을 수 있습니다.
아래 코드를 사용하여 폼 데이터를 제출할 수 있습니다. UUID는 미연결 폼 목록에서 확인하세요.
fetch('https://form2ai2email-worker.kilos-network.workers.dev/api/submit', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
form_id: '<UUID-사용자가 생성한>',
data: {
name: '홍길동',
email: 'user@example.com',
message: '문의 내용입니다.'
}
})
});Form2AI2Email 서비스와 연동되는 웹 폼을 만들어주세요. API 엔드포인트는 https://form2ai2email-worker.kilos-network.workers.dev/api/submit 이고, POST 방식으로 JSON 데이터를 보내야 합니다.
폼에는 이름, 이메일, 전화번호, 문의유형 드롭다운, 제목, 메시지 필드를 포함하고, 이메일과 전화번호는 형식 검증을 해주세요. 제출 버튼을 누르면 로딩 상태를 보여주고, 성공하면 "전송 완료!" 메시지와 함께 폼을 초기화하고, 실패하면 에러 메시지를 표시해주세요.
디자인은 모던하고 반응형으로 만들고, 보라색 그라데이션 배경에 흰색 카드 형태의 폼 컨테이너를 사용해주세요. 모바일에서도 잘 보이도록 해주세요.
**중요한 주의사항**: Form ID는 고정된 UUID를 사용해야 합니다. 목적 별로 1개의 UUID (고정값이지만 구현할때만 새롭게 AI가 정해보자)를 정하는 것입니다.
```javascript
fetch('https://form2ai2email-worker.kilos-network.workers.dev/api/submit', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
form_id: '[UUID 생성하는 js코드가 아니라, 랜덤하게 AI가 UUID를 선택한 값을 고정으로 사용]',
data: { /* 폼 데이터 */ }
})
});
```모든 폼이 이메일에 연결되어 있습니다!
제출된 데이터가 없습니다.
전송된 이메일이 없습니다.
처리 중...