Workspace369에서 온라인 예약 페이지를 설정하는 방법

'설정'을 열고 '캘린더 및 예약'에서 '예약 페이지'를 엽니다. '새 페이지'를 클릭하고, 고객에게 보일 이름을 입력한 다음 디자인을 고릅니다. '서비스'에서 페이지에 넣고 싶지 않은 항목을 끄고, 예약 규칙을 설정한 다음 '페이지 만들기'를 클릭합니다.#

네. '디자인'에서 디자인을 고르면 색상, 글꼴, 레이아웃이 한 번의 클릭으로 정해지고, 브랜드 색상도 고를 수 있습니다. 페이지를 만들기 전에 미리 보기에서 고객에게 보일 화면을 그대로 확인할 수 있습니다.#

아니요, 직접 선택할 수 있습니다. '예약 규칙'에서 예약을 바로 확정하거나, 요청마다 먼저 승인하도록 설정할 수 있습니다. 각 예약 페이지는 고객이 예약할 수 있는 별도의 창구이며, 여러 개를 만들 수 있습니다.#

'페이지 만들기'를 클릭하면 페이지가 바로 게시됩니다. '공유 및 삽입'에서 공유할 링크와 QR 코드를 받거나, 웹사이트에 페이지를 넣는 방법을 확인할 수 있습니다.#

설정에서 예약 페이지를 열고, 페이지를 열고, 공유 및 삽입을 클릭합니다. 웹사이트에 삽입 섹션에서 형식을 선택합니다: 인라인, 팝업 버튼, 양식 또는 일반 iframe. 복사를 클릭하고 코드를 웹사이트의 HTML 또는 코드 블록에 붙여넣습니다(WordPress, Squarespace, Wix 또는 Webflow에서는 HTML 또는 삽입 블록 사용). 사이트를 게시하고 테스트 예약을 합니다. 코드는 이미 작업 공간 ID와 페이지를 포함하고 있으므로 채울 내용이 없습니다.#

인라인은 예약 캘린더를 코드를 붙여넣은 페이지에 표시하며 내용에 맞게 크기가 조정됩니다. 팝업 버튼은 코드를 붙여넣은 모든 페이지에 '지금 예약' 플로팅 버튼을 추가하며, data-w369-booking 속성이 있는 모든 요소도 팝업을 엽니다. 양식은 data-mode="api"와 함께 동일한 스크립트를 로드하므로 자체 양식이나 버튼으로 고객의 이름, 이메일 및 전화번호(E.164 형식의 전화번호, 예: +14155550100)로 W369Booking.open()을 호출하거나 자체 요소 내에 표시하기 위해 W369Booking.mount()를 호출할 수 있습니다. 일반 iframe은 스크립트를 차단하는 사이트 빌더용입니다. 고정 높이, 팝업 없음. 스크립트 임베드는 https://369.dev/booking.js를 로드합니다.#

네, 스크립트 임베드를 사용하면 됩니다. 스크립트 태그에 data-prefill-name, data-prefill-email, data-prefill-phone (E.164 형식, 예: +14155550100) 및 data-prefill-notes를 추가하거나, W369Booking.open() 또는 W369Booking.mount()에 prefill과 동일한 값을 전달하세요. data-service 및 data-member는 Share & embed의 Developer IDs 탭에 있는 ID를 사용하여 서비스 또는 팀원을 미리 선택하며, data-step="time"은 이름, 이메일 및 유효한 전화번호가 입력되면 세부 정보 양식을 건너뜁니다. 추가 필드는 메타데이터(최대 20개 키)에 입력되며 예약 시 저장되고 새 고객 기록에도 저장됩니다. 예약 출처를 추적하려면 UTM 값을 source로 W369Booking.open() 또는 mount()에 전달하세요. 이 값은 새 고객 기록의 Booking source 아래에 표시됩니다. 페이지 주소의 UTM 태그만 전달되며 저장되지는 않습니다. 예약이 완료되면 페이지는 예약 ID와 함께 w369:booked 이벤트를 발생시킵니다. 보증금이 있는 예약의 경우 결제 전에 발생합니다.#

인라인 및 W369Booking.mount()는 예약의 각 단계에 맞게 크기가 조절되고 축소됩니다. 팝업은 최대 1000 x 720 픽셀의 창에서 열리며 내부에 스크롤되고, 닫기 버튼, Escape 키 또는 외부 클릭으로 닫힙니다. 일반 iframe은 높이를 코드에서 변경하지 않는 한 900픽셀입니다. 팝업의 플로팅 버튼은 오른쪽 하단 모서리에 있습니다. data-label (최대 40자)로 텍스트를, data-color (예: #111827과 같은 16진수 색상)로 색상을 변경하거나 data-mode="api"로 건너뛰고 data-w369-booking을 자체 버튼이나 링크에 추가하세요. 전체 참조는 임베딩 가이드에서 확인할 수 있습니다: docs.workspace369.com/v/2026.3/scheduling/embed-booking-on-your-website/#

네. 예약 시 보증금 또는 전액 결제는 예약 페이지 자체에서 설정되므로, 모든 임베드 형식은 예약 페이지를 열기 때문에 이를 적용합니다. REST API는 보증금이 있는 예약을 생성할 수 없으므로, 보증금이 필요한 경우 API를 통해 예약을 생성하는 대신 고객을 임베드된 예약 페이지로 보내세요. 임베드에서 결제는 동일한 브라우저 탭에서 Stripe를 열고, 결제 후 고객은 귀하의 웹사이트로 돌아가는 버튼과 함께 확인 메시지를 볼 수 있습니다.#

네. 공유 및 임베드에서 최대 20개의 허용된 웹사이트를 나열하거나, 비워두면 모든 웹사이트를 허용합니다. 일반 iframe은 이 방식으로 제한할 수 없습니다. 모든 임베드에는 작은 'Powered by Workspace369' 크레딧이 표시됩니다.#

계정은 필요 없습니다. 고객은 예약 페이지를 열고 서비스를 고른 다음 날짜와 시간을 선택합니다. 마지막으로 자신의 정보를 입력하고 예약합니다.#

예약 페이지는 Specialist, Commander 및 Enterprise 요금제에 포함됩니다. Cadet 및 Voyager에는 캘린더 및 이메일 약속 알림이 포함되지만 예약 페이지는 포함되지 않습니다.#