← 메인으로

버튼·연결 맵

구현·운영 시 어떤 버튼이 어디로 가는지, 견적 폼에 어떤 데이터가 붙는지 정리했습니다. 외부에서 동일한 URL을 쓰려면 아래 경로를 복사하세요.

프로그램 연동용 객체는 site-routes.jsDOSIRAK_ROUTES 를 로드해 사용할 수 있습니다.

단일 파일 (앵커)

구역앵커용도
홈 상단index.html#top로고·첫 화면
빠른 주문 유형index.html#order개인·회의·단체·정기 안내 카드
인기 메뉴 그리드index.html#products3종 예시 상품 카드
상품 ①index.html#product-hansik든든 한식 도시락 카드 (딥링크)
상품 ②index.html#product-meeting프리미엄 회의 도시락
상품 ③index.html#product-health밸런스 건강 도시락
단체 견적 폼index.html#group-order견적 작성·API·mailto 폴백
배송 전략index.html#delivery배송·정기 상담 CTA
정기배송 블록index.html#subscription정기·기관 상담
입점 안내index.html#vendor입점 혜택·구조
입점 신청 CTAindex.html#vendor-apply그리드 내 입점 버튼 근처
상품공간index.html#vendor-space브랜드관·상세 설명
서비스 지역index.html#service-area대전·세종 등
안심·정책index.html#trust비교·리뷰·신뢰
하단 유도index.html#final-cta마지막 CTA 블록

별도 HTML 페이지

파일역할
vendor-apply.html입점 신청 폼 (동일한 API 패턴 가능)
admin.html스프레드시트 접수 목록·상태 변경 (토큰/시크릿 필요)
connect.html이 문서 (연결 참고용)

견적 버튼 → 폼 데이터 연결

설정 파일

파일설명
site-config.jsFORM_API_URL, reCAPTCHA, 지원 메일
form-submit.js견적·입점 POST·reCAPTCHA·mailto 폴백
backend/GoogleAppsScript.gs스프레드시트·알림·관리 API
relay/server.mjsCORS 우회 시 GAS 로 전달