วิธีเพิ่มฟอร์มนินจาในเทมเพลต WordPress
เผยแพร่แล้ว: 2022-10-17การเพิ่ม Ninja Forms ลงใน WordPress หากคุณต้องการเพิ่มฟังก์ชันพิเศษเล็กๆ น้อยๆ ให้กับไซต์ WordPress ของคุณ Ninja Forms เป็นตัวเลือกที่ยอดเยี่ยม Ninja Forms เป็นเครื่องมือ สร้างฟอร์มแบบ ลากและวางที่ทรงพลังแต่ใช้งานง่าย ซึ่งช่วยให้คุณสร้างแบบฟอร์มทุกประเภท ในบทความนี้ เราจะแสดงวิธีเพิ่ม Ninja Forms ใน WordPress และวิธีใช้แบบฟอร์มติดต่อง่ายๆ การติดตั้ง Ninja Forms Ninja Forms เป็นปลั๊กอินฟรีที่สามารถติดตั้งได้จากที่เก็บปลั๊กอินของ WordPress ในการติดตั้งปลั๊กอิน ให้ไปที่ส่วนปลั๊กอินของแผงผู้ดูแลระบบ WordPress แล้วคลิกเพิ่มใหม่ ในช่องค้นหา ให้พิมพ์ Ninja Forms แล้วคลิก Search Plugins เมื่อคุณพบปลั๊กอิน Ninja Forms แล้ว ให้คลิกติดตั้งทันที เมื่อติดตั้งปลั๊กอินแล้ว ให้คลิก เปิดใช้งานปลั๊กอิน เมื่อเปิดใช้งานปลั๊กอินแล้ว คุณจะเห็นรายการเมนู Ninja Forms ใหม่ปรากฏขึ้นในแผงการดูแลระบบ WordPress ของคุณ การสร้างแบบฟอร์มแรกของคุณ ก่อนที่คุณจะเริ่มสร้างแบบฟอร์มได้ คุณต้องตัดสินใจว่าจะสร้างแบบฟอร์มประเภทใด ฟอร์มนินจามาพร้อมกับเทมเพลตฟอร์มที่สร้างไว้ล่วงหน้าจำนวนหนึ่งที่คุณสามารถใช้ได้ หรือคุณสามารถเริ่มต้นจากศูนย์และสร้างฟอร์มแบบกำหนดเองของคุณเอง สำหรับจุดประสงค์ของบทช่วยสอนนี้ เราจะใช้เทมเพลตแบบฟอร์มติดต่อที่สร้างไว้ล่วงหน้า ในการสร้างแบบฟอร์ม ให้ไปที่ Ninja Forms > Add New ในแผงการดูแลระบบ WordPress ของคุณ ในหน้าจอถัดไป คุณจะถูกขอให้เลือกเทมเพลตฟอร์ม เลื่อนลงและเลือกเทมเพลตแบบฟอร์มการติดต่อ เมื่อคุณเลือกเทมเพลตแล้ว ให้คลิกปุ่มดำเนินการต่อ ในหน้าจอถัดไป คุณจะสามารถตั้งชื่อและคำอธิบายแบบฟอร์มของคุณได้ เมื่อคุณทำเสร็จแล้ว ให้คลิกปุ่ม ดำเนินการต่อ อีกครั้ง ตอนนี้คุณสามารถเริ่มเพิ่มฟิลด์ลงในแบบฟอร์มของคุณได้ หากต้องการเพิ่มฟิลด์ เพียงลากและวางจากคอลัมน์ด้านซ้ายลงในคอลัมน์ด้านขวา สำหรับแบบฟอร์มการติดต่อของเรา เราต้องการฟิลด์สำหรับชื่อของบุคคล ที่อยู่อีเมล และข้อความ เมื่อคุณได้เพิ่มฟิลด์ทั้งหมดที่คุณต้องการแล้ว ให้คลิกปุ่ม บันทึกแบบฟอร์ม เมื่อสร้างแบบฟอร์มของคุณแล้ว ก็ถึงเวลาเพิ่มลงในไซต์ WordPress ของคุณ การเพิ่มแบบฟอร์มของคุณในหน้า WordPress มีสองวิธีในการเพิ่มแบบฟอร์มของคุณในหน้า WordPress วิธีแรก
นี่คือคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการฝังแบบฟอร์มของคุณใน Ninja Forms ใน WordPress หลังจากที่คุณสร้างแบบฟอร์มลงทะเบียนอัตโนมัติแล้ว ก็ถึงเวลาฝังแบบฟอร์มบนเว็บไซต์ของคุณ คลิกปุ่มแบบฟอร์มเปล่าเพื่อเริ่มกรอกแบบฟอร์มเปล่าในแบบฟอร์มนินจา WordPress ของคุณ หากต้องการเพิ่มโค้ด HTML ลงในแบบฟอร์ม ให้เลือกโค้ดจากเมนูแบบเลื่อนลง ตรวจสอบว่าคุณได้คัดลอกและวางโค้ดลงในช่อง HTML ของหน้า Ninja Form แล้ว
WPForms และ Ninja Forms เป็นปลั๊กอินสำหรับ WordPress ที่ออกแบบมาเพื่อให้ฟังก์ชันการทำงานของแบบฟอร์มการติดต่อ ด้วยเหตุนี้จึงต้องติดตั้งเป็นปลั๊กอินในไซต์ของคุณ คุณสามารถใช้ทั้งสองเพื่อสร้างแบบฟอร์มสำหรับเพจ โพสต์ และแม้แต่วิดเจ็ตแถบด้านข้างของคุณ
คุณสามารถใช้ Ninja Forms เพื่อสร้างแบบฟอร์มได้แทบทุกประเภทตามจินตนาการ ตั้งแต่แบบฟอร์มติดต่อธรรมดาไปจนถึงการลงทะเบียนกิจกรรม การอัปโหลดไฟล์ และการชำระเงิน
คุณใส่นินจาใน Elementor ได้อย่างไร?

คุณสามารถเพิ่มวิดเจ็ตใน Elementor โดยเลือกเครื่องหมายบวกสีเทาหรือไอคอนกราฟในเมนู Elementor (บนซ้าย) เลื่อนไปเรื่อย ๆ จนกว่าจะถึงเมนูดร็อปดาวน์ของ WordPress เมื่อคุณเปิดไฟล์ ให้คลิกที่ วิดเจ็ต Ninja Forms
ฉันจะแทรกแบบฟอร์มลงใน WordPress ได้อย่างไร
หากคุณกำลังใช้ WordPress ให้ไปที่ฟอร์ม ทันทีที่คุณสร้างแบบฟอร์มใหม่ คุณจะถูกส่งไปยังตัวสร้างแบบฟอร์มโดยตรง ซึ่งคุณสามารถเริ่มสร้างแบบฟอร์มของคุณได้
ไปที่แท็บ Inserter ของไซต์ WordPress จากนั้นไปที่ Form block ซึ่งสามารถเพิ่มได้โดยคลิกที่ไอคอน Block Inserter Form Block ช่วยให้คุณสร้างแบบฟอร์มได้หลากหลาย รวมถึงแบบฟอร์มการติดต่อ แบบฟอร์มการจองการนัดหมาย แบบฟอร์มคำติชม และอื่นๆ เรียนรู้วิธีปรับแต่งแบบฟอร์มของคุณมากขึ้นหลังจากอ่านคู่มือนี้ ตัวเลือกที่มีประสิทธิภาพมากขึ้นคือการใช้การตั้งค่าความกว้างของฟิลด์ทางด้านขวาเพื่อเปลี่ยนความกว้างของฟิลด์ หากฟิลด์ถูกตั้งค่าเป็นความกว้าง 50% ฟิลด์จะปรากฏในบรรทัดเดียว เมื่อผู้เยี่ยมชมส่งแบบฟอร์มบนเว็บไซต์ของคุณ เขาหรือเธอสามารถเลือกได้ว่าจะให้แบบฟอร์มนั้นใช้งานอยู่หรือไม่ คุณสามารถดูข้อความทั้งหมดที่ส่งผ่านแบบฟอร์มของคุณได้โดยไปที่หน้าคำติชมในแถบด้านข้างทางซ้ายของแดชบอร์ดไซต์ของคุณ วางเมาส์เหนือคำติชมแล้วคลิกสแปม หากดูเหมือนว่าเป็นสแปม เพิ่มคำสำคัญ ชื่อผู้ใช้ ที่อยู่ IP ที่อยู่อีเมล และข้อมูลส่วนบุคคลอื่นๆ ในส่วนความคิดเห็นที่ถูกตัดสิทธิ์เพื่อลบออก

นินจาฟอร์ม Html Code
โค้ด HTML ของฟอร์มนินจา เป็นโค้ดที่ช่วยให้คุณสามารถสร้างฟอร์มที่สามารถใช้ได้บนเว็บไซต์ของคุณ รหัสนี้สามารถใช้เพื่อสร้างแบบฟอร์มที่สามารถใช้รวบรวมข้อมูลจากผู้เยี่ยมชมของคุณได้
นินจาฟอร์ม Css ตัวอย่าง
มีหลายวิธีในการจัดรูปแบบ Ninja Forms ด้วย CSS ตัวอย่างบางส่วน ได้แก่ – การเปลี่ยนสีของ ช่องแบบฟอร์ม – การเพิ่มเส้นขอบรอบ ๆ แบบฟอร์ม – การเปลี่ยนขนาดแบบอักษรหรือตระกูล – การเพิ่มรูปภาพพื้นหลังหรือสี คุณสามารถทำให้รูปแบบทั้งหมดเหล่านี้สำเร็จได้โดยการเพิ่มโค้ด CSS สองสามบรรทัดลงใน เว็บไซต์. หากคุณไม่คุ้นเคยกับ CSS มีแหล่งข้อมูลออนไลน์มากมายที่จะช่วยคุณในการเริ่มต้น
วิธีกำหนดขนาดตัวอักษรและสีสำหรับฟิลด์แบบฟอร์มเฉพาะ
ส่วนสไตล์ป้ายกำกับ > ขนาดแบบอักษรของการตั้งค่าลักษณะสามารถเข้าถึงได้โดยไปที่การตั้งค่าลักษณะที่เกี่ยวข้องและเลือกช่อง แบบฟอร์ม เพื่อจัดรูปแบบ คุณสามารถเปลี่ยนขนาดฟอนต์ สี และข้อมูลการจัดรูปแบบอื่นๆ สำหรับฟิลด์ข้อความในส่วนนี้
รหัสย่อแบบฟอร์มนินจา
แบบฟอร์มนินจาคือปลั๊กอิน WordPress ที่ช่วยให้คุณสามารถสร้าง จัดการ และเผยแพร่แบบฟอร์มได้ ปลั๊กอินนี้มีให้เลือกทั้งแบบฟรีและแบบพรีเมียม เวอร์ชันฟรีประกอบด้วยคุณลักษณะพื้นฐาน เช่น การสร้าง และการจัดการแบบฟอร์ม ในขณะที่เวอร์ชันพรีเมียมมีคุณลักษณะเพิ่มเติม เช่น การวิเคราะห์แบบฟอร์มและการผสานรวมกับบริการของบุคคลที่สาม ปลั๊กอินช่วยให้คุณสร้างแบบฟอร์มโดยใช้อินเทอร์เฟซแบบลากและวาง คุณยังสามารถใช้รหัสย่อเพื่อแทรกแบบฟอร์มในบทความและหน้าของคุณ เมื่อสร้างแบบฟอร์มแล้ว คุณสามารถจัดการแบบฟอร์มได้จากแดชบอร์ดของปลั๊กอิน ซึ่งรวมถึงการแก้ไขแบบฟอร์ม การเพิ่มและลบฟิลด์ และการเปลี่ยนแปลงการตั้งค่าของแบบฟอร์ม ปลั๊กอินมีคุณลักษณะหลายอย่างที่ทำให้ง่ายต่อการสร้างและจัดการแบบฟอร์ม อย่างไรก็ตาม หากคุณต้องการคุณสมบัติขั้นสูงเพิ่มเติม คุณอาจต้องการพิจารณารุ่นพรีเมียม
ในบทความนี้ เราจะพูดถึงวิธีใช้รหัสย่อเพื่อเพิ่ม Ninja Forms ให้กับเว็บไซต์ WordPress ของคุณ หากแบบฟอร์มไม่ปรากฏขึ้น คุณจะพบวิธีแก้ปัญหา นอกจากนี้ เราจะพูดถึงวิธีการแทรกฟอร์มนินจาลงในหน้าโดยใช้เครื่องมือสร้างเว็บไซต์ Elementor เมื่อคุณเห็นการอ้างอิงถึงโหมดการบำรุงรักษา คุณจะต้องล้าง 'โหมดบำรุงรักษา' ซึ่งจะช่วยคุณแก้ปัญหาได้ ต้องอัปเดตปลั๊กอิน Ninja Forms เวอร์ชันล่าสุดเพื่อแก้ไขปัญหาการโหลดแบบฟอร์ม หากคุณใช้ตัวสร้าง Elementor บนเว็บไซต์ WordPress มีหลายวิธีในการรวม Ninja Form ไว้ในเพจของคุณ ขั้นตอนด้านล่างนี้จะนำคุณไปสู่กระบวนการเพิ่มรหัสย่อของ Ninja Form ลงในไซต์ WordPress ของคุณ เราได้แสดงให้คุณเห็นถึงวิธีการสร้างฟอร์มโดยใช้ Ninja Forms และตอนนี้เราจะไปที่ที่คุณสามารถดูแดชบอร์ดของ Ninja Forms นอกจากนี้เรายังแสดงวิธีการแทรกฟอร์มนินจาลงในหน้าของคุณโดยใช้ตัวแก้ไขหน้า Elementor
แบบฟอร์ม WordPress
แบบฟอร์ม WordPress เป็นวิธีที่ยอดเยี่ยมในการรวบรวมข้อมูลจากผู้เยี่ยมชมเว็บไซต์ของคุณ สามารถใช้เพื่อรวบรวมข้อมูลติดต่อ การตอบแบบสำรวจ หรือแม้แต่ความคิดเห็นทั่วไป แบบฟอร์มสามารถสร้างได้โดยใช้ปลั๊กอินหรือโค้ดที่หลากหลาย และสามารถปรับแต่งให้เหมาะกับความต้องการเฉพาะของคุณได้
เราตรวจสอบรายการที่สร้างขึ้นโดยชุมชนนักพัฒนาอิสระทั่วโลกของเรา เพื่อให้คุณมั่นใจได้ว่ามีคุณภาพสูง มีส่วนลดสำหรับทั้งปลั๊กอินและโค้ด - ตั้งแต่ $6 ถึง $20 ถึง $21 ต่อรหัส ประหยัดสูงสุดถึง 25% สำหรับการซื้อของคุณโดยใช้รหัสนี้ MMLCOSEUR ในแบบฟอร์มมีรายชื่อติดต่อแบบลอยตัว ซึ่งเป็นปลั๊กอิน WordPress แบบติดต่อด่วนแบบลอยตัว คุณจะถูกเรียกเก็บเงิน $15, $12 หรือ $20 Themesuccess แสดงตัวอย่างสดของ Elementor Contact Form 7 WPForms ได้รวมการรวม HubSpot CRM กับหมายเลขสีแดงในแบบฟอร์ม
ตัวอย่างสดเพียง $ 6 ดาวน์โหลดแบบฟอร์ม WordPress ได้ไม่จำกัด คุณสามารถสร้างโปรเจ็กต์ที่ดีขึ้นได้เร็วยิ่งขึ้นโดยการดาวน์โหลดปลั๊กอิน ธีม เทมเพลตเว็บ และซอฟต์แวร์อื่นๆ แบบไม่จำกัด จาก $15.00 ต่อล้าน ไปที่ปลั๊กอิน Envato Elements WordPress ติดต่อ Form7 การจัดเก็บข้อมูลโดย QuanticaLabs และกรอกแบบฟอร์ม เมื่อส่งแบบฟอร์มไปยัง WhatsApp และใช้ปลั๊กอิน livelyworks Forms คุณสามารถส่งข้อความ WordPress ไปยัง WhatsApp ได้