วิธีสร้างแบบฟอร์มการติดต่อใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

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

วิธีที่ดีที่สุดในการสร้าง แบบฟอร์มการติดต่อของ WordPress โดยไม่ต้องใช้ปลั๊กอินคือการใช้ WordPress เอง คุณจะต้องสร้างเทมเพลตหน้า แบบฟอร์มจะต้องพัฒนาในขั้นตอนที่สอง คุณควรตรวจสอบว่าได้ส่งแบบฟอร์มแล้วหรือไม่ และกรอกข้อมูลในฟิลด์อย่างถูกต้องหรือไม่ ข้อผิดพลาดที่เกี่ยวข้องกับการประมวลผลข้อมูลและการจัดการข้อผิดพลาดจะแสดงให้ผู้ใช้เห็น ต้องดาวน์โหลดและอัปโหลดปลั๊กอินตรวจสอบความถูกต้องลงในไดเร็กทอรี /js ของธีม (ภายใต้ปลั๊กอินตรวจสอบความถูกต้อง) ขั้นตอนที่ 2: หลังจากที่คุณได้คัดลอกไฟล์ต่อไปนี้แล้ว ให้เปลี่ยนชื่อไฟล์

คุณสามารถใช้ไดเร็กทอรี /js เพื่อบันทึกเป็นไฟล์ verif.js ในขั้นตอนที่ 3 เราต้องเชื่อมโยงปลั๊กอินกับธีม WordPress ขั้นตอนที่สี่คือการใช้ปลั๊กอินตรวจสอบความถูกต้องของ jQuery เพื่อตรวจสอบฝั่งไคลเอ็นต์ ด้วยเหตุนี้ คุณจึงมั่นใจได้ว่าแบบฟอร์มได้รับการกรอกอย่างถูกต้องและกรอกตามกำหนดเวลา

มีแบบฟอร์มติดต่อฟรีสำหรับ WordPress หรือไม่?

มี ปลั๊กอินแบบฟอร์มติดต่อฟรี สองสามตัวสำหรับ WordPress อย่างไรก็ตาม สิ่งสำคัญที่ต้องจำไว้คือ ปลั๊กอินฟรีไม่ได้อัปเดตบ่อยเท่าปลั๊กอินแบบชำระเงิน ดังนั้นอาจมีความเสี่ยงด้านความปลอดภัยที่เกี่ยวข้องกับการใช้ปลั๊กอินแบบฟอร์มติดต่อฟรี

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

คุณสามารถใช้แท็บจดหมายเพื่อเปลี่ยนที่อยู่อีเมลที่จะปรากฏในแบบฟอร์มการติดต่อ ตลอดจนแก้ไขตัวเลือกเพิ่มเติมบางประการเกี่ยวกับเค้าโครงของอีเมล แท็บข้อความมีรายการช่องยาวที่คุณสามารถเปลี่ยนข้อความมาตรฐานของข้อความใดๆ ได้ เวอร์ชันฟรีประกอบด้วยฟิลด์ต่างๆ เช่น ชื่อ ที่อยู่อีเมล หมายเลขโทรศัพท์ URL และวันที่และเวลา Formidable เป็นเครื่องมือ สร้างแบบฟอร์ม WordPress ที่มีอินเทอร์เฟซที่น่าดึงดูดและเทมเพลตที่หลากหลาย ในเวอร์ชัน Pro มีเทมเพลตและฟิลด์ต่างๆ ให้กรอกมากขึ้น รวมถึงการอัปโหลดรูปภาพและไฟล์ด้วยราคา 99 ดอลลาร์ต่อใบอนุญาตห้าไซต์ คุณยังสามารถเพิ่มฟิลด์พรีเมียมจำนวนหนึ่งได้ในราคา 99 ถึง 699 ดอลลาร์ โดยมีช่วงราคาตั้งแต่ 99 ถึง 599 ดอลลาร์ ฟอร์มนินจาที่น่าเกรงขามยังมีระดับ 4 ดาวครึ่งที่ยอดเยี่ยมอีกด้วย

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

แบบฟอร์มการติดต่ออย่างง่ายสำหรับ WordPress

แบบฟอร์มการติดต่อแบบง่ายสำหรับ WordPress สามารถสร้างได้โดยใช้ปลั๊กอิน Contact Form 7 ปลั๊กอินนี้ช่วยให้คุณสร้าง แบบฟอร์มการติดต่อที่กำหนดเอง และเพิ่มลงในไซต์ WordPress ของคุณ ปลั๊กอินมีคุณลักษณะหลายอย่าง เช่น ความสามารถในการสร้างหลายรูปแบบ เพิ่มฟิลด์ที่กำหนดเอง และจัดการการส่ง

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

ด้วย WPForms Lite คุณสามารถสร้าง แบบฟอร์มการติดต่อ WordPress ที่สวยงามได้ฟรี และปรับแต่งด้วย captchas เช่น reCAPTCHA 2 และ 3 ใน WordPress คุณสามารถสร้างแบบฟอร์มหลายขั้นตอนได้หากต้องการสร้างแบบฟอร์มที่ยาวขึ้น คุณอาจต้องการตรวจสอบการแฮ็กเว็บฟอร์มที่ชาญฉลาดเหล่านี้ ซึ่งสามารถช่วยให้คุณค้นพบข้อมูลลูกค้าที่ซ่อนอยู่ได้

แบบฟอร์มติดต่อ WordPress Ajax โดยไม่ต้องใช้ปลั๊กอิน

แบบฟอร์มการติดต่อ Ajax กำลังเป็นที่นิยมมากขึ้น เนื่องจากเป็นวิธีที่รวดเร็วและง่ายดายในการส่งข้อมูลโดยไม่ต้องโหลดหน้าซ้ำ มีสองสามวิธีในการสร้างแบบฟอร์มการติดต่อ Ajax โดยไม่ต้องใช้ปลั๊กอิน วิธีหนึ่งคือการใช้ jQuery Form Plugin ปลั๊กอินนี้ช่วยให้คุณสามารถส่งข้อมูลผ่าน Ajax โดยไม่ต้องเขียนโค้ดที่กำหนดเอง อีกวิธีหนึ่งคือการใช้ WordPress API WordPress API มีฟังก์ชันที่เรียกว่า wp_ajax_nopriv_contact_form ที่ให้คุณส่งข้อมูลผ่าน Ajax โดยไม่ต้องใช้ปลั๊กอิน

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

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

วิธีสร้างแบบฟอร์ม Php ใน WordPress

ในการสร้าง แบบฟอร์ม php ใน wordpress คุณจะต้องติดตั้งปลั๊กอิน เช่น Gravity Forms เมื่อติดตั้งแล้ว คุณจะต้องสร้างแบบฟอร์มในอินเทอร์เฟซของปลั๊กอิน เมื่อสร้างแบบฟอร์มแล้ว คุณจะต้องคัดลอกโค้ดแล้ววางลงในโพสต์หรือหน้าในไซต์ wordpress ของคุณ

รหัสย่อแบบฟอร์มการติดต่อ WordPress

ฉันจะเพิ่มแบบฟอร์มการติดต่อในบทความได้อย่างไร หากต้องการเพิ่มแบบฟอร์มติดต่อ ให้ไปที่ หน้าติดต่อ (รายชื่อติดต่อ) แบบฟอร์มการติดต่อแต่ละแบบมีรหัสสั้นของตัวเอง เช่น [contact-form-7 id=1234″ title=Contact form 1″]