Files
AriWeb-Suite/modules/webmaker/modules/inquiry/widget.html
T

32 lines
2.4 KiB
HTML

<!-- ============================================================
문의폼 모듈 위젯 (유형 · 발신자 · 제목 · 내용 · 첨부파일)
[재사용 설정 — 사이트마다 바꿔도 되는 값]
data-title : 폼 제목 문구 data-button : 보내기 버튼 문구
data-kind : "contact"(문의) | "booking"(예약 문의) — 메일 제목 분류
[관리자 설정으로 정해지는 것] 문의 유형 목록, 첨부 허용·최대 크기, 이메일 발송 여부
[바꾸면 안 되는 값] data-wm-module="inquiry", data-site, data-api, input name 들, <script src>
[전송 경로] 접수 → 빌더 관리 화면 "문의 접수 내역" + 사이트 관리자 페이지 + 이메일(사이트 수신 이메일로, 제목에 [사이트명] 표시)
[스타일] .wm-inquiry 로 시작하는 클래스. mailto: 링크는 쓰지 않는다.
============================================================ -->
<section class="wm-inquiry" data-wm-module="inquiry" data-site="{{SITE_ID}}" data-api="{{API}}" data-kind="contact" data-title="{{t:inquiry.title}}" data-button="{{t:inquiry.button}}">
<h2 class="wm-inquiry-title"></h2>
<form class="wm-inquiry-form" novalidate enctype="multipart/form-data">
<div class="wm-row">
<label>{{t:inquiry.type}}<select name="category"></select></label>
<label>{{t:common.name}}<input name="name" required maxlength="80" autocomplete="name"></label>
</div>
<div class="wm-row">
<label>{{t:common.email}}<input name="email" type="email" required maxlength="120" autocomplete="email"></label>
<label>{{t:common.phone}}<input name="phone" maxlength="40" autocomplete="tel"></label>
</div>
<label>{{t:common.subject}}<input name="subject" maxlength="120"></label>
<label>{{t:common.content}}<textarea name="message" rows="6" required maxlength="5000"></textarea></label>
<label class="wm-inquiry-files">{{t:inquiry.files}}<input name="files" type="file" multiple></label>
<input name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px;opacity:0" aria-hidden="true">
<label class="wm-check"><input type="checkbox" name="agree" required> <span data-wm-legal="consent">{{t:consent.privacy}}</span></label>
<button type="submit" class="wm-btn wm-inquiry-submit"></button>
<p class="wm-msg" aria-live="polite"></p>
</form>
</section>
<script src="{{SCRIPT}}" async></script>