喜寶國際 · 教育訓練手冊
已完成
年齡確認彈窗設定
喜寶是酒類/雪茄網站,依法需在訪客進站時跳出「年齡確認彈窗」(例:「我已年滿18歲?」)。
本課教你在後台設定彈窗的標題、內容、按鈕文字與「否」的行為,全程不用改程式。以下為 Dobtor 測試機 demo.dobtor.com 的實機真實截圖。
路徑:後台 設定(Settings) → 左側 Website → 找到「法律限制彈窗」區塊。
第一步:先勾選「啟用法律限制」,填彈窗標題與內容
第二步:按鈕文字與「否」的行為
各欄位怎麼填(喜寶目前實際值,取自 demo.dobtor.com)
| 欄位 | 作用 | 喜寶目前值 |
|---|---|---|
| 啟用法律限制 | 總開關,不勾就完全不生效 | 已勾選 |
| 彈窗標題 | 彈窗最上方的大標 | 我已年滿18歲 |
| 彈窗內容 | 法規說明文字 | 根據政府《青少年福利法》…未成年不得飲酒… |
| 顯示彈窗圖片 / 圖片 | 是否在彈窗放一張圖 + 上傳圖 | 可選(預設不顯示) |
| 「是」按鈕文字 | 確認已成年的按鈕字 | 是,我已年滿18歲 |
| 「否」按鈕文字 | 未成年的按鈕字 | 否,我未滿18歲 |
| 「否」按鈕行為 | 點「否」要做什麼 | 僅關閉彈窗 或 導向指定網址 |
| 「否」導向網址 | 行為選「導向」時才出現、要去的網址 | 行為=導向 才需填 |
操作步驟
1
到 設定 → Website,捲到「法律限制彈窗」,先勾選「啟用法律限制」。
2
填「彈窗標題」與「彈窗內容」(依法規寫,見上表)。
3
設「是/否」按鈕文字,並在「點選『否』的行為」選僅關閉彈窗或導向指定網址。
4
按左上 Save(存檔)。
設好後訪客看到的樣子(實機真實效果)
為什麼這樣做:彈窗標題、內容、按鈕文字都做成「後台可填」,是為了讓不同酒商自訂法規措辭、不用每次改程式;改完存檔立即套用到前台彈窗。
注意:「否」若選導向指定網址卻沒填網址,未成年點了會沒反應;不確定就用僅關閉彈窗。彈窗只對未登入訪客顯示(已登入者不再打擾)。剛裝好模組若彈窗樣式跑版(沒有變暗背景、卡片沒有樣式),到「設定 → 一般設定 → 開發人員工具」重新整理一次資源(assets)即可。
設好後,未登入訪客進站會先跳這個彈窗,按「是」才進得了商店,符合酒商法規。