손님이 직접 견적을 확인하고 문의를 남기는 3D 웹사이트 제작법
이 시스템은 케이크, 설계, 스터디카페, 태양광 등 다양한 업종에 응용 가능하며, 챗GPT의 사이트 기능을 활용해 3D 모델링 기반의 주문·견적 시스템을 구축한다. 손님이 직접 옵션을 선택하고 실시간으로 견적과 단면을 확인할 수 있어 전화 문의를 놓쳐 발생하는 고객 이탈을 방지하고 상담 과정을 효율화한다.
그린코끼리 AI, 챗GPT 아스트라와 사이트 기능을 활용한 수익화 자동화 웹사이트 제작법을 공개했다.
이 시스템은 케이크, 설계, 스터디카페, 태양광 등 다양한 업종에 응용 가능하며, 챗GPT의 사이트 기능을 활용해 3D 모델링 기반의 주문·견적 시스템을 구축한다. 손님이 직접 옵션을 선택하고 실시간으로 견적과 단면을 확인할 수 있어 전화 문의를 놓쳐 발생하는 고객 이탈을 방지하고 상담 과정을 효율화한다.
프롬프트에는 업체 이름과 분위기, 화면 중앙에 표시될 3D 트럭, 집 목록과 각 집의 크기 점수, 트럭별 가격과 층수 같은 추가 조건, 그리고 마지막 상담 신청 기능까지 명시해야 한다. 정확한 견적 산출을 위해 가격은 모두 숫자로 정해 주어야 하며, 제작 순서와 완료 점검표를 프롬프트에 포함하여 완성도를 높인다.
짐을 담을 때마다 트럭의 상자가 쌓이며 적재율이 90%까지 시각적으로 표시되고, 1톤으로는 부족할 경우 트럭이 2.5톤으로 자동으로 커지면서 견적 가격도 함께 조정된다.
층수 및 엘리베이터 유무에 따른 추가 요금과 사다리차 추천 기능도 포함하며, 인부 추가 시 3D 모델에 인원수가 반영되는 등 동적인 시각화 기능을 제공한다.
사이트를 통해 접수된 신청 내역이 차곡차곡 쌓이고, 사장님만 접근할 수 있는 전용 관리자 페이지를 구축한다.
이 페이지는 브라우저를 닫아도 데이터가 유지되는 저장 기능을 구현하며, 사장님 이메일로 로그인 시에만 접근 가능한 보안 페이지로 설정된다. 관리자 페이지에서는 고객별 상세 견적을 확인하고 처리 상태(연락함 등)를 효율적으로 관리할 수 있다.
사이트에 신청이 들어오면 리센드(Resend)를 통해 사장님에게 알림 메일을 자동으로 보낼 수 있다. 리센드는 사이트 이메일 자동 발송 서비스로, 무료 플랜 기준 일일 100통까지 발송할 수 있어 소규모 비즈니스에 유용하다.
관리자 페이지 환경 변수에 API 키를 등록하여 보안을 유지하며 리센드와 연동한다. 채팅창에 API 키를 직접 입력하는 대신 환경 변수를 통해 안전하게 활용하며, 신청 접수 시 메일 제목에 고객명과 견적을 포함하여 즉시 확인 가능하도록 설정할 수 있다.
이를 위해 사이트 설정 내 맞춤 도메인 추가 기능을 활용하여 호스트 이름과 레코드 값을 확인한 후, 네임칩의 고급 DNS 설정에서 A 레코드를 설정하고 호스트와 값을 정확히 입력하여 도메인 매핑을 완료한다. 도메인 연결 적용까지는 최대 24시간이 소요될 수 있다.
Answers come from the transcript, with the exact spot cited.
Want the next article from 그린코끼리 AI?
When 그린코끼리 AI publishes, we'll write it up like the one you just read and email it to you.
No new videos from this channel in the last 7 days.
Claude Learns Work Automation Skills via Screen Recording… Demonstrates Competitor Review Analysis그린코끼리 AI2 months ago · 9:02 · 328 views · Created 2 months ago
AI Solves Software, Game DevelopmentMatthew Berman23 hours ago · 17:37 · 9.4K views · Created 21 hours ago
Examining Flaws in the US Death PenaltyVox2 days ago · 56:10 · 55.8K views · Created 21 hours ago