วิธีเพิ่ม CAPTCHA ในหน้าติดต่อเรา (Contact Us)

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

สิ่งที่คุณต้องมี:

• บัญชี systeme.io
• เซลล์ฟันเนล (Sales funnel)
• หน้าติดต่อ (Contact page) ในฟันเนลนี้

1. สร้างรหัส reCAPTCHA ของคุณ

หากต้องการเพิ่ม CAPTCHA ในหน้าติดต่อของคุณใน systeme.io คุณต้องสร้างรหัส reCAPTCHA ผ่าน Google ก่อน รหัสเหล่านี้จะช่วยให้หน้าเว็บของคุณสื่อสารกับบริการตรวจสอบการป้องกันบอทของ Google ได้

ขั้นตอนที่ต้องปฏิบัติตาม:

1. ไปที่เว็บไซต์ทางการของ reCAPTCHA: https://www.google.com/recaptcha/about/
2. คลิก ขั้นตอนแรก (First steps) (1)

2. ตั้งค่า reCAPTCHA ของคุณ

กรอกแบบฟอร์มเพื่อลงทะเบียนไซต์ใหม่ของคุณ

วิธีแก้แต่ละช่องมีดังนี้:

ก. ป้ายกำกับ (Label)

ในช่องป้ายกำกับ ให้ป้อนชื่อเพื่อระบุโครงการของคุณ (2)

ตัวอย่าง: XXXX.com   

ข. ประเภท reCAPTCHA (reCAPTCHA type)

เลือกตัวเลือก คำท้าทาย (v2) (Challenge (v2)) (3)

ค. การเลือกโหมด (Mode selection)

เลือกตัวเลือกช่องทำเครื่องหมาย 'ฉันไม่ใช่โปรแกรมอัตโนมัติ' ('I'm not a robot' Checkbox) (4)

ง. โดเมน (Domains)

เพิ่มโดเมนของคุณ (ตรวจสอบให้แน่ใจว่าไม่มีช่องว่างหรือตัวพิมพ์ใหญ่) (5)

จ. ข้อกำหนดและการแจ้งเตือน (Terms and alerts)

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

ฉ. คลิก ส่ง (Submit) (7)

Google จะให้ข้อมูลสำคัญสองส่วนแก่คุณ:

• รหัสไซต์ (Site Key)
• รหัสลับ (Secret Key)

เก็บรหัสเหล่านี้ไว้ให้พร้อมสำหรับขั้นตอนต่อไป

3. รวม reCAPTCHA เข้ากับหน้าติดต่อของคุณ

เมื่อคุณมีรหัส reCAPTCHA แล้ว คุณสามารถรวมรหัสเหล่านี้เข้ากับหน้าติดต่อที่คุณสร้างด้วย systeme.io ได้

ไปที่ การตั้งค่า (Settings) > โดเมนที่กำหนดเอง (Custom domains) (1) คลิกที่ไอคอนจุดสามจุด (2) ข้างโดเมนของคุณ จากนั้นคลิก การตั้งค่า (Settings) (3)

เลื่อนลงไปที่ส่วน การตั้งค่า reCAPTCHA (reCAPTCHA Settings) วาง รหัสไซต์ (Site key) และ รหัสลับ (Secret key) ที่ได้รับจาก Google ลงในช่องที่เกี่ยวข้อง

คลิก บันทึก (Save) ตอนนี้คุณสามารถใช้ reCAPTCHA ในหน้าติดต่อเราได้แล้ว

การรวมเข้ากับแบบฟอร์มการติดต่อของคุณ

ขั้นตอนที่ต้องปฏิบัติตาม:

1. เข้าถึงเซลล์ฟันเนลของคุณ (Access your sales funnel)

• เข้าสู่ระบบบัญชี systeme.io ของคุณ
• ไปที่แถบ เซลล์ฟันเนล (Sales Funnels)
• เลือกฟันเนลที่มีหน้าติดต่อของคุณอยู่

2. แก้ไขหน้าติดต่อ (Edit the contact page)

• คลิกที่ ขั้นตอนฟันเนล (Funnel Steps)
• คลิกปุ่ม แก้ไขหน้า (Edit Page) ข้างหน้าติดต่อของคุณ

องค์ประกอบ reCAPTCHA จะถูกติดตั้งไว้ล่วงหน้าในเทมเพลตหน้าติดต่อ

ตรวจสอบให้แน่ใจว่าชื่อโดเมนที่เชื่อมต่อกับฟันเนลนี้ตรงกับโดเมนที่คุณลงทะเบียนไว้ในคอนโซล Google reCAPTCHA

และนี่คือผลลัพธ์!