ต้องการเพิ่ม reCAPTCHA ให้กับ ฟอร์ม Elementor ?

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

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

เชื่อมต่อเว็บไซต์ของคุณกับ reCAPTCHA

ก่อนที่เราจะเริ่ม เราคิดว่าคุณได้อัปเกรด Elementor เวอร์ชันฟรีเป็นเวอร์ชัน Pro เนื่องจากการผสานรวม reCAPTCHA มีให้ใน Elementor Pro

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

คลิกปุ่มบวกเพื่อลงทะเบียนเว็บไซต์ใหม่

ป้อนป้ายกำกับ เลือกประเภทของ reCAPTCHA เพิ่มโดเมนของคุณและยอมรับ reCAPTCHA ทั้งหมด จากนั้นคลิกปุ่ม ส่ง

คำแนะนำเล็กน้อย เนื่องจากคุณต้องการเพิ่ม reCAPTCHA ลงในแบบฟอร์ม เราขอแนะนำให้คุณเลือก reCAPTCHA v2 -> ช่องทำเครื่องหมาย "ฉันไม่ใช่หุ่นยนต์" . ตัวเลือกนี้บังคับให้คุณ ผู้เข้าชม เพื่อดำเนินการตรวจสอบผ่านการท้าทายก่อนที่จะตรวจสอบความถูกต้องของการส่ง

หลังจากคลิกปุ่ม สร้าง, คุณจะเห็นรหัสเว็บไซต์และรหัสลับ คัดลอกคีย์เหล่านี้

จากนั้นเข้าสู่แดชบอร์ด WordPress ของคุณและไปที่ องค์ประกอบ -> การตั้งค่า. Cliquez sur แท็บการบูรณาการ และป้อนรหัสเว็บไซต์และรหัสลับในช่องที่เกี่ยวข้อง เลื่อนลงและคลิกปุ่ม บันทึกการเปลี่ยนแปลง.

เพิ่ม reCAPTCHA ลงในฟอร์ม Elementor

การเพิ่ม reCAPTCHA ลงในฟอร์มใน Elementor นั้นง่ายมากเพราะ Elementor มีช่อง reCAPTCHA อยู่แล้ว หากต้องการเพิ่ม ให้สร้างแบบฟอร์ม (โดยการลากวิดเจ็ตแบบฟอร์มไปยังพื้นที่แก้ไขของ Elementor) หรือแก้ไขแบบฟอร์มที่มีอยู่ หากคุณไม่เคยสร้างแบบฟอร์มใน Elementor มาก่อน คุณอาจต้องการอ่าน บทความนี้.

หากต้องการเพิ่ม reCAPTCHA ให้เพิ่มฟิลด์ใหม่ในแบบฟอร์มของคุณโดยคลิกที่ปุ่ม clicking เพิ่มองค์ประกอบ ตั้งค่าประเภทฟิลด์เป็น reCAPTCHA.

กำหนดขนาดและสไตล์ (สว่างหรือเข้ม)

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

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! เพียงเท่านี้ในบทความนี้ซึ่งจะแสดงวิธีเพิ่ม reCAPTCHA ให้กับฟอร์ม Elementor ของคุณ หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...