zzabisagent-labandClaude Fable 5.1
c7aea8d419
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
22 lines
1.6 KiB
HTML
22 lines
1.6 KiB
HTML
<!-- ============================================================
|
|
예약 모듈 위젯 (날짜 → 시간대 → 내용)
|
|
[재사용 설정 — 사이트마다 바꿔도 되는 값]
|
|
data-title : 제목 문구 data-note-label : 내용 입력란 문구(예: 시술 내용, 상담 주제)
|
|
[관리자 설정으로 정해지는 것] 예약 가능 요일, 시작·종료 시각, 간격(30분/1시간/2시간…), 시간대별 정원, 며칠 전부터/뒤까지, 휴무일, 자동 확정 여부
|
|
[바꾸면 안 되는 값] data-wm-module="booking", data-site, data-api, <script src>
|
|
[스타일] .wm-booking 로 시작하는 클래스. 시간대 버튼은 .wm-slot(.full 은 마감).
|
|
============================================================ -->
|
|
<section class="wm-booking" data-wm-module="booking" data-site="{{SITE_ID}}" data-api="{{API}}" data-title="{{t:booking.title}}" data-note-label="{{t:booking.note}}">
|
|
<h2 class="wm-booking-title"></h2>
|
|
<form class="wm-booking-form">
|
|
<label>{{t:common.date}}<input name="date" type="date" required></label>
|
|
<div class="wm-booking-slots"></div>
|
|
<input type="hidden" name="time">
|
|
<div class="wm-row"><label>{{t:common.name}}<input name="name" required maxlength="60"></label><label>{{t:common.phone}}<input name="contact" required maxlength="120" placeholder="{{t:booking.contactPh}}"></label></div>
|
|
<label class="wm-booking-note-label"><textarea name="note" rows="3" maxlength="1000"></textarea></label>
|
|
<button type="submit" class="wm-btn" disabled>{{t:booking.submit}}</button>
|
|
<p class="wm-msg" aria-live="polite"></p>
|
|
</form>
|
|
</section>
|
|
<script src="{{SCRIPT}}" async></script>
|