วิธีเพิ่มการยืนยันอายุให้กับ WordPress ด้วย Elementor

เผยแพร่แล้ว: 2023-11-10

ความพร้อมใช้งานที่เพิ่มขึ้นของอินเทอร์เน็ตและอุปกรณ์ดิจิทัลทำให้เจ้าของเว็บไซต์ควบคุมว่าใครสามารถดูเนื้อหาของตนได้บ้าง การใช้การยืนยันอายุกลายเป็นวิธีที่สะดวกในการแก้ไขปัญหานี้

โดยทำหน้าที่เป็นเกราะป้องกันที่ตรวจสอบข้อกำหนดด้านอายุสำหรับผู้ใช้ในการเข้าถึงเนื้อหาเฉพาะ หากคุณเป็นผู้ใช้ WordPress ที่ใช้ Elementor คุณสามารถเปิดใช้งานคุณสมบัตินี้บนเว็บไซต์ของคุณได้ฟรี

บทความนี้จะนำเสนอคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีเพิ่มการตรวจสอบอายุให้กับ WordPress ด้วย Elementor ก่อนหน้านั้น เราจะกล่าวถึงการอภิปรายเชิงทฤษฎีบางส่วน เริ่ม!

การยืนยันอายุบนเว็บไซต์คืออะไร?

การยืนยันอายุเป็นกระบวนการตรวจสอบและยืนยันอายุของผู้ใช้ก่อนที่จะอนุญาตให้เข้าถึงผลิตภัณฑ์ เนื้อหา และบริการที่มีการจำกัดอายุ ตัวอย่างเช่น เครื่องดื่มแอลกอฮอล์ ยาสูบ อาวุธปืน กระสุนปืน ใบสั่งยา การพนัน เครือข่ายเกม ฯลฯ

การขาดการควบคุมในการตรวจสอบอายุอาจส่งผลร้ายแรง หากท่านขายสินค้าและบริการที่กล่าวมาข้างต้น แก่ผู้เยาว์ (อายุต่ำกว่า 18 ปี) หากไม่มีการตรวจสอบอายุ คุณอาจต้องเผชิญกับการปฏิบัติตามกฎหมายและการลงโทษ

แรงกดดันมหาศาลเหล่านี้อาจทำลายธุรกิจของคุณได้ในที่สุด นี่คือเหตุผลว่าทำไมการมีฟีเจอร์การยืนยันอายุจึงเป็นสิ่งจำเป็นในหลายเว็บไซต์ สำรวจวิธีสร้างร้านค้าออนไลน์ภายในไม่กี่นาที

คุณต้องการการยืนยันอายุบนเว็บไซต์ของคุณเมื่อใด

แม้ว่าการยืนยันอายุจะเป็นคุณสมบัติที่มีประโยชน์ แต่ก็ไม่ได้บังคับในทุกไซต์ เนื่องจากมีเว็บไซต์มากมายที่ผู้เยี่ยมชมทุกประเภทสามารถสำรวจได้อย่างอิสระ คุณลักษณะนี้จำเป็นเฉพาะบนไซต์ที่มีการเผยแพร่เนื้อหาและผลิตภัณฑ์ที่มีการจำกัดอายุเท่านั้น ด้านล่างนี้คือกรณีการใช้งานบางส่วนเมื่อคุณต้องการฟีเจอร์การยืนยันอายุบนไซต์ของคุณ

ก. การขายผลิตภัณฑ์และบริการที่มีการจำกัดอายุ

เราได้กล่าวถึงผลิตภัณฑ์และบริการหลายประการข้างต้นแล้ว คุณต้องตรวจสอบอายุของลูกค้าก่อนที่จะขาย คุณยังสามารถรวมสารเคมี การพนัน คาสิโน บริการสตรีมมิ่ง แพลตฟอร์มการลงทุน สกุลเงินดิจิทัล และไซต์ประมูลไว้ในรายการได้ด้วย

ข. การรวบรวมข้อมูลส่วนบุคคลเกี่ยวกับผู้ใช้ที่มีอายุต่ำกว่าที่กำหนด

เมื่อเก็บรวบรวมข้อมูลส่วนบุคคลเกี่ยวกับผู้ใช้ โดยเฉพาะอย่างยิ่งในช่วงอายุที่กำหนด คุณต้องตรวจสอบอายุของพวกเขาเพื่อให้สอดคล้องกับกฎหมายและข้อบังคับด้านความเป็นส่วนตัว ตัวอย่างเช่น ตามกฎหมาย Children's Online Privacy Protection Act (COPPA) ในสหรัฐอเมริกา เราต้องได้รับความยินยอมจากเด็กอายุต่ำกว่า 13 ปี ก่อนที่จะรวบรวมข้อมูลส่วนบุคคล

ค. การโฮสต์ฟอรัมหรือชุมชนที่มีการจำกัดอายุ

สมมติว่าเว็บไซต์ของคุณโฮสต์ฟอรัมหรือชุมชนออนไลน์ที่สงวนไว้สำหรับคนทุกวัย ในกรณีดังกล่าว จำเป็นต้องมีฟีเจอร์การยืนยันอายุเพื่อตรวจสอบว่าผู้สนใจอยู่ในกลุ่มอายุใดกลุ่มหนึ่ง

ง. การสร้างเว็บไซต์เกมหรือกิจกรรม

มีเกมและกิจกรรมออนไลน์บางเกมที่ไม่เหมาะสำหรับผู้เยาว์เนื่องจากมีการแสดงความรุนแรงและเสียงดังมาก คุณสมบัติการตรวจสอบอายุมีบทบาทอย่างมากในการจำกัดการเข้าถึงเว็บไซต์และกิจกรรมเกมดังกล่าว

จ. ให้การเข้าถึงเนื้อหาที่จำกัดอายุ

หากเว็บไซต์ของคุณโฮสต์และเผยแพร่เนื้อหาที่จำกัดอายุ เช่น ภาพยนตร์ รายการทีวี พอดแคสต์ และเนื้อหาที่โจ่งแจ้ง การยืนยันอายุเป็นสิ่งจำเป็นเพื่อให้แน่ใจว่ามีเพียงผู้ที่มีอายุเหมาะสมเท่านั้นที่สามารถเข้าถึงเพื่อดูเนื้อหาได้ สิ่งนี้ช่วยให้ผู้เยาว์ไม่รับชมเนื้อหาที่เป็นอันตราย

วิธีเพิ่มการยืนยันอายุให้กับเว็บไซต์ WordPress

หากคุณเป็นผู้ใช้ Elementor อยู่แล้ว เราไม่จำเป็นต้องแนะนำให้คุณรู้จักกับปลั๊กอิน แต่หวังว่าคุณจะทราบด้วยว่าขณะนี้มีส่วนเสริมออนไลน์จำนวนหนึ่งสำหรับปลั๊กอินนี้ แต่ละอันมาพร้อมกับคุณสมบัติและวิดเจ็ตเพิ่มเติมบางอย่างที่ไม่มีใน Elementor

HappyAddons ก็เป็นหนึ่งในนั้น Addon มีวิดเจ็ตมากกว่า 130 รายการและฟีเจอร์มากกว่า 20 รายการที่ออกแบบมาเพื่อเพิ่มพลังให้กับไซต์ Elementor ของคุณให้ดียิ่งขึ้น มีวิดเจ็ต Age Gate ซึ่งคุณสามารถรวมคุณสมบัติการตรวจสอบอายุบนเว็บไซต์ของคุณได้ เราจะอธิบายให้คุณทราบถึงกระบวนการในบทความนี้

ก่อนหน้านั้น ให้ติดตั้งและเปิดใช้งานปลั๊กอินต่อไปนี้บนเว็บไซต์ของคุณ

  • เอเลเมนท์ ไลท์
  • HappyAddons Lite

เมื่อคุณมีปลั๊กอินพร้อมแล้ว ให้เริ่มทำตามขั้นตอนที่อธิบายด้านล่าง

ขั้นตอนที่ 01: เปิดหน้าที่คุณต้องการด้วย Elementor

หวังว่าคุณจะรู้วิธีเปิดเพจด้วย Elementor แล้ว ถ้าไม่เช่นนั้น ให้เปิดหน้าบน WordPress คุณจะเห็นปุ่ม แก้ไขด้วย Elementor ที่ด้านบนหากคุณได้ติดตั้งและเปิดใช้งานปลั๊กอินที่กล่าวถึงข้างต้นบนเว็บไซต์ของคุณ คลิกที่ปุ่ม

Open a page with Elementor

HappyAddons นำเสนอคอลเลกชันเทมเพลตบล็อกและหน้าฟรีมากมายเพื่อช่วยให้คุณออกแบบหน้าเว็บได้อย่างรวดเร็ว เราได้นำเข้าเทมเพลตบนเพจเพื่ออธิบายกระบวนการ

เมื่อเปิดเพจแล้ว ให้คลิก ไอคอนการตั้งค่า ที่มุมซ้ายล่าง เปิดรายการแบบเลื่อนลงที่อยู่ถัดจาก เค้าโครงหน้า เลือกตัวเลือก Elementor Full Wide

Open a page with Elementor to add the Age Verification functionality

ขั้นตอนที่ 02: สร้างส่วนสำหรับการเพิ่มวิดเจ็ต Age Gate

ตัดสินใจเลือกสถานที่ที่เหมาะสมสำหรับการเพิ่มวิดเจ็ต Age Gate คลิกเครื่องหมายบวก (+) บนสถานที่เฉพาะ และเลือกโครงสร้างเฟล็กบ็อกซ์เพื่อสร้างส่วน

Create a new section for adding Age Gate widget

ขั้นตอนที่ 03: ลากและวางวิดเจ็ต Age Gate ในส่วนนั้น

พิมพ์ Age Gate ในช่องค้นหาบนแผง Elementor เมื่อวิดเจ็ตปรากฏขึ้นด้านล่าง ให้ลากและวางลงในส่วนที่คุณสร้างขึ้นเมื่อไม่นานมานี้

Drag and drop the Age Gate widget

ขั้นตอนที่ 04: กำหนดค่าเนื้อหาวิดเจ็ต Age Gate

คุณจะพบองค์ประกอบต่างๆ ใต้แท็บ เนื้อหา ได้แก่สไตล์ Age Gate, ส่วนหัว, เนื้อหาแบบฟอร์ม, ส่วนท้าย, ตัวเลือกอื่นๆ และ Wrapper Link ตรวจสอบด้านล่างว่าคุณสามารถทำอะไรกับพวกเขาได้บ้าง

#ประตูแห่งวัย

รูปแบบประตูอายุ ให้คุณเลือกจากสามสไตล์: ยืนยันอายุ ยืนยันวันเกิด และ ยืนยันโดยใช่/ไม่ใช่

Configure the Age Gate widget content

# หัวข้อ

ขยายส่วน หัว คุณจะได้รับตัวเลือกในการเพิ่มรูปภาพส่วนหัว ชื่อ และคำอธิบายให้กับวิดเจ็ต Age Gate คุณสามารถดูโลโก้ HappyAddons และข้อความเริ่มต้นบางส่วนบนวิดเจ็ตได้ ปรับแต่งตามที่คุณต้องการด้วยเนื้อหาใหม่

หมายเหตุ: คุณสมบัติที่โดดเด่นของ Elementor คือปัจจุบันปลั๊กอินนี้ขับเคลื่อนโดย AI ฟีเจอร์ AI สามารถสร้างข้อความ สำเนา และรูปภาพได้ คลิก ไอคอนสามดาว บนแถบด้านข้างซ้ายแล้วดูความมหัศจรรย์ ไปที่บทความนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ Elementor AI

Customize the Age Verification form header

ดูภาพด้านล่าง เราได้เพิ่มโลโก้ใหม่โดยการเปลี่ยนโลโก้เริ่มต้น

#ฟอร์มตัว

คุณจะเห็นปุ่มบนแบบฟอร์มการยืนยันอายุ ส่วนเนื้อหาของแบบฟอร์มช่วยให้คุณปรับแต่งข้อความ ไอคอน การจัดตำแหน่ง และตำแหน่งไอคอนบนแบบฟอร์มได้ ขอย้ำอีกครั้งว่าคุณสามารถใช้ฟีเจอร์ AI ถัดจาก ข้อความ เพื่อดูแลการคัดลอกปุ่มได้

Customize the Age Verification button

#ส่วนท้าย

ดูข้อความส่วนท้ายในแบบฟอร์มการยืนยันอายุ ส่วนท้ายกระดาษบนแผง Elementor จะช่วยให้คุณปรับแต่งสำเนาและการจัดตำแหน่งได้ ใช้ AI อีกครั้งเพื่อสร้างแนวคิดการทำสำเนาใหม่ๆ

Customize the Age Verification form footer text

#ตัวเลือกอื่นๆ

การเพิ่มรูปภาพด้านข้าง ถัดจากแบบฟอร์มการยืนยันอายุสามารถทำให้การออกแบบทั้งหมดดูน่าดึงดูดและดึงดูดสายตามากขึ้น ตรวจสอบให้แน่ใจว่ารูปภาพเกี่ยวข้องกับเนื้อหาในเว็บไซต์ของคุณ คุณอาจแสดงภาพทางด้านขวาหรือซ้าย

Add a side image to the Age Verification form

#ลิงค์ห่อ

Wrapper Link ช่วยให้คุณสามารถเพิ่มเพจ โพสต์ หรือลิงก์เว็บไซต์ใดๆ ลงในแบบฟอร์มการยืนยันอายุได้ หลังจากเพิ่มลิงก์แล้ว แบบฟอร์มจะนำผู้ใช้ไปยังปลายทางเฉพาะเมื่อมีคนคลิก

Add a Wrapper Link to Age Verification form

ขั้นตอนที่ 05: จัดรูปแบบแบบฟอร์มการยืนยันอายุ

ถึงเวลาปรับแต่งเนื้อหาที่คุณเพิ่มลงในแบบฟอร์มการยืนยันอายุแล้ว มาที่แท็บ สไตล์ บนแผง Elementor คุณจะพบสี่ตัวเลือกบนแท็บ คุณสามารถปรับแต่ง Box, Header, Button One และ Footer ได้จากแท็บ

Stylize the Age Verification form

# กล่อง

ขยายส่วน กล่อง ใต้แท็บโดยคลิก คุณจะได้รับตัวเลือกที่จำเป็นในการ ขยายความสูง และ ความกว้าง ของแบบฟอร์ม คุณยังสามารถอัปเดตประเภทพื้นหลัง/สี/รูปภาพ ประเภทเส้นขอบ รัศมีของเส้นขอบ ภาพซ้อนทับ และอื่นๆ ได้อีกด้วย

Expand the height and width of the Age Verification form

# หัวข้อ

มาที่ส่วน หัว จากที่นี่ คุณสามารถปรับขนาดโลโก้ของแบบฟอร์มการยืนยันอายุ เปลี่ยนการพิมพ์ของเนื้อหาข้อความ และปรับสีให้กับชื่อและคำอธิบายของส่วนหัวได้

Stylize and colorize the Header elements

#ปุ่มหนึ่ง

คุณสามารถเปลี่ยนขนาดปุ่ม สี เอฟเฟ็กต์โฮเวอร์ เงา ช่องว่างภายใน ระยะขอบ ขนาดไอคอน รัศมีเส้นขอบ และการพิมพ์ข้อความได้จากส่วน Button One บนแท็บ ทำการเปลี่ยนแปลงตามความจำเป็น

ดูภาพด้านล่าง เราได้เปลี่ยนสีปุ่มในแบบฟอร์มการยืนยันอายุ

Stylize the Age Verification form button

#ส่วนท้าย

นี่เป็นอันสุดท้ายในแท็บสไตล์ คุณสามารถเปลี่ยนการพิมพ์ข้อความส่วนท้าย สี ช่องว่างภายใน และระยะขอบจากส่วนต่างๆ ได้ตามที่คุณต้องการ

Stylize the footer element

ขั้นตอนที่ 06: ทำให้แบบฟอร์มการยืนยันอายุตอบสนองบนมือถือ

กว่า 50% ของผู้เยี่ยมชมเว็บไซต์ในปัจจุบันสำหรับเว็บไซต์ส่วนใหญ่มาจากแท็บเล็ตและอุปกรณ์มือถือ ดังนั้น หากเว็บไซต์ของคุณมีเนื้อหาที่มีประโยชน์เท่าเทียมกันสำหรับผู้ใช้มือถือ คุณต้องปรับแบบฟอร์มการยืนยันอายุให้เหมาะสมสำหรับแท็บเล็ตและอุปกรณ์มือถือ

คลิกไอคอน โหมดตอบสนอง ที่ส่วนท้ายของ แผง Elementor ตัวเลือกใหม่ที่มีโหมดมุมมองที่แตกต่างกันจะเปิดขึ้นที่ด้านบนของผืนผ้าใบ Elementor คุณจะสามารถดูว่าแบบฟอร์มของคุณมีลักษณะอย่างไรบนเค้าโครงหน้าจอต่างๆ โดยการสลับระหว่างโหมดมุมมอง

ด้วยการปรับขนาดและเปลี่ยนการจัดแนวองค์ประกอบบนแบบฟอร์ม คุณสามารถทำให้แบบฟอร์มการยืนยันอายุตอบสนองได้ดีกับหน้าจอขนาดต่างๆ

Make the Age Verification form mobile responsive

ขั้นตอนที่ 07: เผยแพร่แบบฟอร์มการยืนยันอายุ

เมื่อการออกแบบของคุณเสร็จสิ้นและแบบฟอร์มพร้อมที่จะเผยแพร่แล้ว ให้กดปุ่ม เผยแพร่/อัปเดต จากมุมล่างขวาของแผง Elementor

ไม่ต้องกังวลหากคุณต้องการเปลี่ยนแปลงใดๆ หลังจากกรอกแบบฟอร์มแล้ว เพียงกลับมาที่ Elementor Canvas อีกครั้ง ทำการแก้ไขที่จำเป็น แล้วกดปุ่ม อัปเดต

Publish the Age Verification form

ดังนั้นคุณจึงสามารถรวมคุณสมบัติการยืนยันอายุเข้ากับไซต์ WordPress ที่ใช้ Elementor ของคุณได้อย่างง่ายดาย นี่คือลิงก์เอกสารของ Age Gate เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิดเจ็ต ลองใช้ HappyAddons โดยคลิกปุ่มด้านล่าง

ลองใช้ปลั๊กอิน HappyAddons

คำถามที่พบบ่อยเกี่ยวกับวิธีเพิ่มการยืนยันอายุใน WordPress

หวังว่าคุณจะสนุกกับการกวดวิชา ตอนนี้เราจะตอบคำถามที่พบบ่อยบางข้อที่เรามักพบใน Google, Quora และแพลตฟอร์มโซเชียลยอดนิยมอื่น ๆ ในหัวข้อปัจจุบัน

  • มีข้อกำหนดทางกฎหมายสำหรับการตรวจสอบอายุบนเว็บไซต์หรือไม่?

    ในประเทศส่วนใหญ่ ไม่มีกฎเกณฑ์ที่ยากและรวดเร็วในการตรวจสอบอายุของผู้ใช้บนเว็บไซต์ แต่ในขณะที่ขายผลิตภัณฑ์และบริการบางอย่าง เช่น เครื่องดื่มแอลกอฮอล์ ยาสูบ กัญชา การพนัน และการพนัน คุณต้องตรวจสอบอายุของผู้ใช้เพื่อให้เป็นไปตามกฎหมายอนุญาตให้ใช้สิทธิผลิตภัณฑ์นั้นๆ

  • คุณสมบัติที่ควรมองหาในปลั๊กอินตรวจสอบอายุสำหรับ WordPress คืออะไร?

    1. ใช้งานง่าย
    2. ความเข้ากันได้กับปลั๊กอินอื่น ๆ
    3. ตัวเลือกการปรับแต่ง
    4. การตั้งค่าอายุขั้นต่ำ
    5. การหมดอายุของคุกกี้

  • มีปลั๊กอินตรวจสอบอายุฟรีสำหรับ WordPress หรือไม่?

    ใช่ มีปลั๊กอินยืนยันอายุฟรีมากมายบน WordPress.org ปลั๊กอินแบบฟอร์มการติดต่อจำนวนมากมีคุณลักษณะนี้ด้วย แต่หากเว็บไซต์ของคุณสร้างบน Elementor อยู่แล้ว เราขอแนะนำให้คุณลองใช้ HappyAddons

    นี่คือส่วนเสริม Elementor ที่มีคุณสมบัติและวิดเจ็ตที่จำเป็นมากมาย คุณจะได้รับวิดเจ็ตชื่อ Age Gate ซึ่งคุณสามารถรวมคุณสมบัติการตรวจสอบอายุบนเว็บไซต์ WordPress ของคุณได้

  • การตรวจสอบอายุที่สามารถใช้กับ WordPress มีวิธีใดบ้าง?

    คุณอาจขอให้ผู้ใช้ ยืนยันอายุ ยืนยันวันเกิด และ ยืนยันภายในใช่/ไม่ใช่ วิธีการทั้งหมดนี้สามารถใช้งานได้โดยใช้วิดเจ็ต Age Gate ของปลั๊กอิน HappyAddons

  • ฉันจะกำหนดข้อจำกัดด้านอายุที่แตกต่างกันสำหรับเนื้อหาประเภทต่างๆ บน WordPress ได้อย่างไร

    ขั้นแรก สร้างหน้าแยกต่างหากบนเว็บไซต์ของคุณสำหรับผลิตภัณฑ์หรือเนื้อหาประเภทต่างๆ จากนั้นสร้างแบบฟอร์มยืนยันอายุแยกกันสำหรับแต่ละหน้า ดังนั้นคุณสามารถทำเช่นนี้ได้

คำสุดท้าย

หวังว่าคุณทุกคนคงทราบแล้วว่าการรวมการยืนยันอายุเข้ากับเว็บไซต์ WordPress นั้นง่ายเพียงใดหลังจากอ่านบทความนี้ อย่างไรก็ตาม เจ้าของเว็บจำนวนมากกำลังเผชิญกับผลิตภัณฑ์และเนื้อหาที่ละเอียดอ่อนซึ่งไม่ได้รวมคุณลักษณะนี้เข้ากับเว็บไซต์ของตน ซึ่งน่าหงุดหงิด

ผู้ที่อ่านบทความนี้จบแล้ว ให้แชร์บทความนี้กับแพลตฟอร์มโซเชียลและคนรู้จักของคุณ เพื่อให้ผู้อื่นสามารถรวมการยืนยันอายุบนเว็บไซต์ของตนด้วยคำแนะนำง่ายๆ นี้ ขอบคุณที่สละเวลา. มีความสุขในการอ่าน!