음식 주문 웹사이트 만드는 법: 메뉴, 장바구니, 픽업 시간, 주방 화면

음식 주문 웹사이트를 쓰면 고객이 메뉴에서 상품을 고르고, 옵션을 바꾸고, 픽업이나 배달 시간을 정한 뒤 결제하고 확인 메시지를 받을 수 있습니다. 주방에서는 각 주문이 화면에 뜨는 것을 보고 준비가 끝나면 완료로 표시합니다. 이런 사이트를 만들려면 사이즈, 추가 메뉴, 「양파 빼 주세요」 같은 옵션이 있는 메뉴, 합계를 정확히 계산하는 장바구니, 주방이 넘치지 않도록 제한을 둔 시간 슬롯, 카드 결제, 직원용 간단한 주문 보드가 필요합니다. AI 앱 빌더는 명확한 설명만 있으면 이 모든 것을 빠르게 만들어 줄 수 있습니다. 어려운 부분은 세부 사항입니다. 영업시간, 품절 상품, 주문 상한, 결제는 됐는데 주문이 저장되지 않았을 때 무엇을 할지 같은 것들이 그렇습니다.

사이트에 필요한 것

페이지

• 고객용: 카테고리별 메뉴, 옵션이 있는 상품 상세, 장바구니, 결제 화면(이름, 전화번호, 픽업 또는 배달, 시간), 결제, 주문 번호와 상태를 보여 주는 확인 페이지.
• 주방용: 새 주문, 조리 중 주문, 준비 완료 주문이 실시간으로 보이는 목록. 각 주문에 상품, 옵션, 메모, 픽업 시간이 표시됩니다.
• 사장님용: 메뉴 편집기(상품, 가격, 사진, 옵션, 품절 표시), 영업시간, 슬롯 제한, 매출 요약.

데이터

주문마다 주문 항목의 상품 이름과 가격을 그 시점 기준으로 저장하세요. 나중에 메뉴를 바꾸더라도 예전 주문에는 고객이 실제로 낸 금액이 그대로 보여야 합니다.

권한

고객은 확인 링크를 통해 자신의 주문만 볼 수 있습니다. 주방 직원은 주문을 보고 상태를 바꿀 수 있지만 가격은 바꿀 수 없습니다. 사장님은 메뉴와 설정을 편집합니다. 태블릿에 주방 공용 로그인을 쓰는 경우가 많지만, 사장님은 별도의 계정을 가지는 것이 좋습니다.

결정과 트레이드오프

픽업, 배달, 또는 둘 다

픽업만 받는 방식이 훨씬 간단하며, 대부분의 소규모 매장은 여기서 시작하는 것이 좋습니다. 배달을 추가하면 구역, 배달비, 최소 주문 금액, 주소 확인, 기사 배정, 그리고 잘못될 수 있는 일들이 훨씬 많아집니다.

즉시 주문 또는 예약 시간

「가능한 한 빨리」는 제공하기 쉽지만 바쁜 저녁에는 지키기 어렵습니다. 상한이 있는 예약 슬롯, 예를 들어 15분 구간당 8건을 넘지 않도록 하면 주방을 보호하고 기대치도 맞출 수 있습니다. 그래도 「가장 빠른 가능 시간: 18:45」처럼 보여 줄 수는 있습니다.

선결제 또는 수령 시 결제

온라인 선결제는 노쇼를 줄이고 픽업을 빠르게 합니다. 수령 시 결제는 만들기 쉽지만 허위 주문을 부르기 쉽습니다. 대부분의 매장은 Stripe Checkout 같은 호스팅 결제창으로 선결제를 받습니다. 설정 방법은 결제 가이드를 참고하세요. 팁, 세금, 영수증 규칙은 나라마다 다르니 현지 규정을 확인하세요.

주문이 주방에 전달되는 방식

선택지는 자동으로 새로고침되는 태블릿 브라우저 탭(가장 간단한 방식), 백업용 이메일이나 메시지, 영수증 프린터 출력(추가 장비와 설정 필요)입니다. 새 주문이 들어올 때 나는 알림음이 생각보다 훨씬 중요합니다.

효과가 있었던 첫 프롬프트

텍사스 오스틴의 타코 가게 Casa Verde를 위한 온라인 주문 웹사이트를 만들어 줘. 픽업만 받을 거야. 메뉴 카테고리는 타코, 볼, 사이드, 음료. 옵션: 타코는 단백질(치킨, 카르니타스, 버섯 +$1), 토르티야(옥수수 또는 밀가루), 추가 토핑(과카몰레 +$1.50, 치즈 +$0.75)을 고르고, 볼은 베이스와 단백질을 고른다. 고객은 장바구니에 담고, 영업시간(화~일 11:00–21:00, 중부 시간) 안에서 15분 픽업 슬롯을 고르고, 이름과 전화번호를 입력하고, 판매세 8.25%가 포함된 합계를 본다. 슬롯당 8건으로 제한하고 찬 슬롯은 숨겨 줘. 주문은 신규, 준비 중, 준비 완료, 수령 완료 상태로 데이터베이스에 저장해 줘. 주방 페이지(로그인 필요)는 오늘 주문을 픽업 시간순으로 보여 주고, 새 주문이 들어오면 소리를 내고, 직원이 주문 상태를 옮길 수 있어야 해. 사장님 페이지에서는 메뉴를 수정하고, 품절을 표시하고, 주문 접수를 멈출 수 있게 해 줘. 카드 결제는 나중에 붙이고, 지금은 「픽업 시 결제」로 해 줘. 크고 화려하고 모바일 우선 디자인, 손가락으로 누르기 쉬운 큰 버튼으로 만들어 줘.

결제를 붙이기 전에 「픽업 시 결제」로 시작하면 직원과 함께 주문 흐름 전체를 먼저 테스트할 수 있습니다.

빌드 단계

1. 메뉴와 옵션. 메뉴, 옵션 그룹, 가격 계산을 정확히 맞추세요. 상품 하나를 모든 옵션 조합으로 테스트하세요.
2. 장바구니와 결제. 수량, 메모, 합계, 세금, 영업시간을 지키는 슬롯 선택기.
3. 주문 저장과 확인. 합계는 서버에서 계산하세요. 브라우저가 보낸 가격은 절대 믿으면 안 됩니다. 주문 번호가 있는 확인 페이지를 만드세요.
4. 주방 보드. 실시간 목록, 새 주문 알림음, 상태 버튼, 1미터 떨어져서도 읽을 수 있는 큰 글씨.
5. 사장님 제어. 품절, 주문 접수 중지, 슬롯 상한, 영업시간.
6. 테스트 모드 결제. 결제 제공업체가 확인한 경우에만 주문을 결제 완료로 표시하세요. 결제는 됐는데 주문이 저장되지 않은 경우도 처리해야 합니다.
7. 알림. 직접 연결한 제공업체를 통한 이메일이나 문자 확인, 「픽업 준비 완료」 메시지. 알림 추가 가이드를 참고하세요.
8. 소프트 론칭. 며칠 동안 직원과 지인과 함께 운영하면서, 고객 화면만큼 주방 화면도 꼼꼼히 살펴보세요.

자주 하는 실수

• 브라우저에서만 가격 계산. 누구나 값을 바꿀 수 있습니다. 서버에서 다시 계산하세요.
• 품절 스위치 없음. 마지막 한 접시를 다섯 번 팔게 됩니다.
• 슬롯 제한 없음. 바쁜 금요일에는 19:00에 몰린 주문이 40건이 됩니다.
• 알레르기 정보 누락 또는 오래됨. 상품마다 알레르기 정보를 보여 주고 정확히 유지하세요. 많은 나라에서 규정이 엄격합니다.
• 시간대 혼동. 시간은 UTC로 저장하고 매장의 현지 시간으로 보여 주세요. 자정 무렵과 서머타임 전환 시점도 테스트하세요.
• 주방 태블릿이 잠듦. 화면이 꺼지지 않게 하고, 새로고침하지 않아도 새 주문이 나타나는지 확인하세요.

기성 제품이 더 나은 경우

새로운 고객을 지역에서 찾고 싶다면 배달 플랫폼이 직접 만들기 어려운 수요를 가져다줍니다. 대신 수수료를 냅니다. 이미 POS 시스템을 쓰고 있다면 온라인 주문 기능이 포함되어 있는지 확인하세요. 주문이 계산대와 주방 프린터로 바로 들어가는 방식은 따라가기 어렵습니다.

직접 만들어야 할 때는 단골에게서 수수료 없이 직접 주문을 받고 싶을 때, 주문 흐름을 업무 방식에 맞게 바꾸고 싶을 때(빵집의 사전 주문, 케이터링 트레이, 주간 밀프렙 메뉴 등), 또는 주문을 로열티 프로그램이나 자체 웹사이트와 연결하고 싶을 때입니다. 나머지 사이트 구성은 식당 웹사이트 가이드에서 다룹니다.

Mythex로 만들기

Mythex에서는 채팅으로 주문 흐름을 설명하면 실시간 미리보기에서 바로 확인할 수 있고, 휴대폰 크기 프레임으로도 볼 수 있습니다. 주문과 메뉴는 필요할 때 에이전트가 추가하는 Postgres 데이터베이스에 저장됩니다. 카드 결제는 직접 만든 Stripe 계정과 키를 사용하며, 키는 프로젝트 시크릿으로 보관합니다. 방법은 Stripe 레시피에 프롬프트 예시와 함께 나와 있습니다. 문자와 이메일은 직접 연결한 제공업체를 통해 보내야 합니다. Mythex에는 내장 결제, 이메일, SMS 제품이 없기 때문입니다. 결제 웹훅은 앱이 공개 URL에 게시되어 있어야 작동합니다. 출시 전에는 /test를 실행해 에이전트가 미리보기에서 주문을 직접 진행하고 문제가 무엇인지 보고하게 할 수 있습니다.

시작 프롬프트가 필요하다면 베이커리 주문 페이지나 커피 주문 페이지 템플릿, 또는 레스토랑 온라인 스토어 빌더를 참고해 보세요.

자주 묻는 질문