隨著互聯(lián)網(wǎng)和數(shù)字設(shè)備的普及，網(wǎng)站所有者越來越難以控制誰能夠訪問其內(nèi)容。年齡驗證功能正好成為了解決這一問題的有效手段。

它相當(dāng)于一層保護屏障，在用戶訪問特定內(nèi)容前，先對其年齡進行驗證。如果你是 Elementor 構(gòu)建的 WordPress 網(wǎng)站用戶，可以免費啟用這個功能。

本文將為你提供一個逐步教程，講解在 WordPress 中使用 Elementor 添加年齡驗證功能。在進入實際操作前，我們會先做一些基礎(chǔ)知識介紹?，F(xiàn)在開始！

什么是網(wǎng)站上的年齡驗證？

年齡驗證是指在用戶訪問受限制產(chǎn)品、內(nèi)容或服務(wù)前，先檢查并確認其年齡的過程。例如：酒精、煙草、槍支、彈藥、處方藥、賭博、游戲網(wǎng)絡(luò)等。

缺乏年齡驗證機制可能帶來嚴重后果。如果你將上述產(chǎn)品與服務(wù)銷售給未成年人（通常指18歲以下人群），可能面臨法律風(fēng)險與處罰。

這種高壓風(fēng)險甚至可能摧毀一個正在成長的業(yè)務(wù)。這就是為什么很多網(wǎng)站必須引入年齡驗證機制的原因。

哪些場景需要使用年齡驗證？

雖然年齡驗證功能很有用，但不是所有網(wǎng)站都必須配置。對于那些內(nèi)容沒有限制的網(wǎng)站，所有訪問者都可以自由瀏覽。但如果你的網(wǎng)站涉及以下情況，年齡驗證功能就非常關(guān)鍵：

a. 銷售年齡限制類產(chǎn)品和服務(wù)

上文提到的所有項目都需要在銷售前進行年齡確認。此外還包括：特定化學(xué)品、博彩、賭場、流媒體服務(wù)、投資平臺、加密貨幣、拍賣站等。

b. 收集特定年齡以下用戶的個人信息

如果你的網(wǎng)站涉及收集用戶個人信息，特別是兒童或青少年的信息，在收集前必須先驗證年齡，以符合法規(guī)要求。例如，美國《兒童在線隱私保護法案（COPPA）》要求，若收集13歲以下兒童信息，需先取得父母或監(jiān)護人同意。

c. 運營有限年齡參與的論壇或社區(qū)

如果你的網(wǎng)站設(shè)有某類論壇、群組、社區(qū)，僅限某個年齡段的人使用，那就必須使用年齡驗證功能來確認訪問者是否符合要求。

d. 提供某些游戲或活動服務(wù)

有些在線游戲或活動可能涉及暴力、噪音或其他不適合未成年人的元素，這時可以利用年齡驗證功能防止其訪問。

e. 發(fā)布含有年齡限制的內(nèi)容

如果你的網(wǎng)站發(fā)布的是影視、播客、露骨內(nèi)容等，年齡驗證機制就很有必要，以避免未成年人訪問這些敏感內(nèi)容。

為 WordPress 網(wǎng)站添加年齡驗證功能

如果你已經(jīng)在使用 Elementor 插件，對它應(yīng)該已經(jīng)熟悉。你也可能知道，目前已有很多為 Elementor 設(shè)計的擴展插件，它們?yōu)榫W(wǎng)站增加了更多功能。

HappyAddons 就是其中之一。它提供了 130+ 小工具和 20+ 功能，進一步擴展了 Elementor 的能力。其中的 Age Gate 小工具 就可以直接實現(xiàn)年齡驗證功能。

下面將逐步為你演示完整設(shè)置流程。

前期準備：安裝以下插件

• Elementor
• HappyAddons

插件安裝并激活后，按照以下步驟操作：

步驟 01：用 Elementor 打開你要編輯的頁面

進入 WordPress 頁面編輯器。如果前面插件已激活，會在頁面頂部看到 “Edit with Elementor” 按鈕，點擊即可。

HappyAddons 提供了很多免費的區(qū)塊與頁面模板，你可以快速導(dǎo)入模板來搭建頁面。

頁面打開后，點擊左下角的“設(shè)置”圖標，在“Page Layout”下拉菜單中選擇 “Elementor Full Width”。

步驟 02：創(chuàng)建區(qū)塊用于添加 Age Gate 小工具

選擇一個合適位置，點擊加號（+）創(chuàng)建新區(qū)域，選擇一個 Flexbox 布局結(jié)構(gòu)。

步驟 03：將 Age Gate 小工具拖放到頁面上

在左側(cè)搜索欄輸入 “Age Gate”，組件會出現(xiàn)，直接拖拽至你剛創(chuàng)建的區(qū)域中。

步驟 04：配置 Age Gate 小工具內(nèi)容

在“內(nèi)容”標簽頁下，你會看到以下幾項內(nèi)容設(shè)置：

Age Gate

可選擇三種驗證方式：

• 確認年齡（Confirm Age）
• 確認出生日期（Confirm Date of Birth）
• 簡單是/否確認（Yes/No）

Header（頭部）

你可以添加 Logo、標題、描述等。默認會顯示 HappyAddons 的 logo 和文字，可以替換為自己的內(nèi)容。

提示：Elementor 支持 AI 功能，點擊左欄中的三顆星圖標，可以自動生成文本或圖片。

Form Body（表單區(qū)域）

可以自定義按鈕文字、圖標、對齊方式等。按鈕旁的 AI 功能也可用來生成文案。

Footer（底部）

可以編輯底部文字內(nèi)容、對齊方式，也可以使用 AI 工具生成更多內(nèi)容想法。

Others Option（附加設(shè)置）

你可以在年齡驗證表單旁添加圖片，提升頁面美感。圖片可設(shè)置在左或右兩側(cè)。

Wrapper Link（跳轉(zhuǎn)鏈接）

可以為表單區(qū)域添加跳轉(zhuǎn)鏈接，點擊按鈕后跳轉(zhuǎn)至指定頁面或網(wǎng)址。

步驟 05：美化年齡驗證表單樣式

點擊“樣式（Style）”標簽頁，會看到以下四個部分：

Box（外層容器）

可調(diào)整表單高度、寬度、背景顏色或圖片、邊框、圓角、遮罩等。

Header（頭部）

可修改 Logo 尺寸、文字排版樣式、顏色等內(nèi)容。

Button One（按鈕）

可設(shè)置按鈕大小、顏色、懸停動畫、陰影、邊距、圖標大小、文字樣式等。

Footer（底部）

可調(diào)整底部文字的字體樣式、顏色、邊距等。

步驟 06：適配移動端

當(dāng)前大多數(shù)網(wǎng)站訪問來自移動設(shè)備，因此建議優(yōu)化表單在不同設(shè)備下的顯示效果。

點擊左下角的“響應(yīng)模式”圖標，頂部會顯示不同設(shè)備視圖選項，切換后可查看表單在各種設(shè)備上的表現(xiàn)。

可調(diào)整組件大小、對齊方式，確保內(nèi)容在手機和平板上都能正常顯示。

步驟 07：發(fā)布年齡驗證表單

設(shè)計完成后，點擊右下角的“發(fā)布（Publish）”或“更新（Update）”按鈕。

后續(xù)如需修改，只需再次進入編輯器，修改完畢后點擊更新即可生效。

這樣就完成了在 Elementor 頁面中集成年齡驗證表單的過程。

總結(jié)

年齡驗證功能是保護網(wǎng)站內(nèi)容訪問權(quán)限的重要工具，特別適用于涉及限制類產(chǎn)品、信息收集、特定社區(qū)或娛樂內(nèi)容的平臺。借助 HappyAddons 插件提供的 Age Gate 小工具，只需配合 Elementor 插件操作，即可快速完成驗證流程的搭建。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息