구현·운영 시 어떤 버튼이 어디로 가는지, 견적 폼에 어떤 데이터가 붙는지 정리했습니다. 외부에서 동일한 URL을 쓰려면 아래 경로를 복사하세요.
운영 공개 환경에서는 관리자 페이지 링크를 이 문서에 노출하지 마세요. 관리자 URL은 내부 문서에서만 관리하는 것을 권장합니다.
프로그램 연동용 객체는 site-routes.js 의 DOSIRAK_ROUTES 를 로드해 사용할 수 있습니다.
| 구역 | 앵커 | 용도 |
|---|---|---|
| 홈 상단 | index.html#top | 로고·첫 화면 |
| 빠른 주문 유형 | index.html#order | 개인·회의·단체·정기 안내 카드 |
| 인기 메뉴 그리드 | index.html#products | 3종 예시 상품 카드 |
| 상품 ① | index.html#product-hansik | 든든 한식 도시락 카드 (딥링크) |
| 상품 ② | index.html#product-meeting | 프리미엄 회의 도시락 |
| 상품 ③ | index.html#product-health | 밸런스 건강 도시락 |
| 단체 견적 폼 | index-legacy.html#group-order | 견적 작성·API·mailto 폴백 (밥친 메인은 index → legacy 연결) |
| 배송 전략 | index.html#delivery | 배송·정기 상담 CTA |
| 정기배송 블록 | index.html#subscription | 정기·기관 상담 |
| 입점 안내 | index.html#vendor | 입점 혜택·구조 |
| 입점 신청 CTA | index.html#vendor-apply | 그리드 내 입점 버튼 근처 |
| 상품공간 | index.html#vendor-space | 브랜드관·상세 설명 |
| 서비스 지역 | index.html#service-area | 대전·세종 등 |
| 안심·정책 | index.html#trust | 비교·리뷰·신뢰 |
| 하단 유도 | index.html#final-cta | 마지막 CTA 블록 |
| 파일 | 역할 |
|---|---|
| vendor-apply.html | 입점 신청: 업체 기본정보 + 매장 사진(선택) + 대표 메뉴 사진(필수). 접수 시 파일 목록·압축 썸네일 base64가 API JSON에 포함(원본 바이너리는 메일 첨부·링크로 보완) |
| connect.html | 이 문서 (연결 참고용) |
| refund-policy.html | 소비자 피해보상 및 환불규정 |
href="#group-order" 또는 끝이 #group-order 로 끝나는 링크(예: index.html#group-order) 에 선택 속성 data-quote-from 을 두면 접수 페이로드의 quote_from 및 메일·복사본에 「유입 경로」로 포함됩니다.data-quote-product="…" 는 접수 페이로드의 관심 상품으로 넘어갑니다(product_interest). Slack·메일 본문·시트 JSON에 포함됩니다.| 파일 | 설명 |
|---|---|
| site-config.js | FORM_API_URL, reCAPTCHA, 지원 메일 |
| form-submit.js | 견적·입점 POST·reCAPTCHA·mailto 폴백 |
| backend/GoogleAppsScript.gs | 스프레드시트·알림·관리 API |
| relay/server.mjs | CORS 우회 시 GAS 로 전달 |