แบบฟอร์มนินจา: เราแทรกซึมและทดสอบปลั๊กอินแบบฟอร์มนี้

ถ้าพูดถึง "นินจา" คุณนึกถึงอะไร? สำหรับฉัน ความคิดสามข้ออยู่ในใจ:

• Leonardo, Donatello, Michelangelo และ Raphael (ขออภัย Splinter และ April) ฉันจะช่วยคุณในการแนะนำตัว คุณจำพวกเขาได้แล้ว

• สายลับต่อสู้ ส่วนใหญ่ผู้ที่ชื่นชอบกระบองเพชร / ชูริเคน
• Ninja Forms ปลั๊กอินที่มีชื่อเสียงในการสร้างแบบฟอร์มบน WordPress นี่คือจุดที่ผู้คลั่งไคล้ WP ตัวน้อยของฉันเข้ามา

ในบทความนี้ เราจะเน้นที่การอ้างอิงที่สาม ซึ่งเกี่ยวข้องกับปลั๊กอินของแบบฟอร์ม ฉันขอโทษล่วงหน้าสำหรับแฟน ๆ Teenag e Mutant Ninja Turtles ที่คิดว่าพวกเขาอยู่ในการฟื้นฟู

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

โครงการ WordPress ที่ดีที่สุดของคุณต้องการโฮสต์ที่ดีที่สุด!

WPMarmite แนะนำ Bluehost: ประสิทธิภาพที่ยอดเยี่ยม การสนับสนุนที่ยอดเยี่ยม ทั้งหมดที่คุณต้องการเพื่อการเริ่มต้นที่ดี

ลอง Bluehost

แบบฟอร์มนินจาคืออะไร?

Ninja Forms เป็นปลั๊กอิน WordPress ฟรีที่ให้คุณสร้างแบบฟอร์มประเภทต่างๆ (ติดต่อ เข้าสู่ระบบ จองห้องพัก ชำระเงิน ฯลฯ) โดยไม่ต้องเข้ารหัส ใช้การลากแล้วปล่อยและนำเสนอเทมเพลตฟอร์มสำเร็จรูปเพื่อหลีกเลี่ยงการเริ่มต้นจากศูนย์

Ninja Forms มีให้เลือกสองเวอร์ชัน:

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

ด้วยการดาวน์โหลดมากกว่า 30 ล้านครั้งและการติดตั้งที่ใช้งาน 1 ล้าน ครั้ง มันจึงเป็นหนึ่งในปลั๊กอินยอดนิยมสำหรับการสร้างแบบฟอร์มในไดเร็กทอรีอย่างเป็นทางการ เบื้องหลัง Contact Form 7 ( การติดตั้งที่ใช้งาน 5M+ ) และ WPForms ( การติดตั้งที่ใช้งาน 5M+ )

อ่านต่อไปเพื่อดูว่า Ninja Forms เกี่ยวกับอะไร และเหตุใดจึงดึงดูดผู้ชมจำนวนมาก

ฟีเจอร์หลักของ Ninja Forms คืออะไร?

ปลั๊กอินที่ออกแบบมาสำหรับผู้เริ่มต้น...

“เป็นมิตรกับผู้เริ่มต้น 100%” นี่คือข้อโต้แย้งทางการตลาดที่สำคัญที่เสนอโดย Ninja Forms

เป้าหมายหลักคือผู้ใช้ที่ไม่ใช่ด้านเทคนิค ที่ไม่ทราบวิธีการหรือไม่ต้องการโค้ดเพื่อสร้างแบบฟอร์ม แต่ยังต้องการรูปลักษณ์ที่เป็นมืออาชีพ

เพื่อจุดประสงค์นี้ Ninja Forms นำเสนอคุณสมบัติที่มีค่าหลายประการ:

• ตัวแก้ไข แบบ ลากและวาง WYSIWYG ( สิ่งที่คุณเห็นคือสิ่งที่คุณได้รับ) การเปลี่ยนแปลงและการแก้ไขทั้งหมดของคุณจะมองเห็นได้แบบเรียลไทม์บนหน้าจอของคุณ
• เทมเพลตที่พร้อมใช้งาน เพื่อสร้างแบบฟอร์มแรกของคุณโดยไม่ต้องเริ่มต้นใหม่ตั้งแต่ต้น... และประหยัดเวลาอันมีค่า
• อินเทอร์เฟซที่ชัดเจนและไม่เกะกะ พร้อมตัวเลือกที่เข้าใจและชัดเจน เพื่อหลีกเลี่ยงตัวเลือกที่ไม่รู้จบ
• การผสานรวมกับโปรแกรมแก้ไขเนื้อหา WordPress (Gutenberg) พร้อมบล็อกเฉพาะเพื่อรวมแบบฟอร์มของคุณเมื่อสร้างแล้ว
• แบบฟอร์ม ที่ปรับเปลี่ยนตามอุปกรณ์ ซึ่งจะปรับให้เข้ากับขนาดหน้าจอต่างๆ ของผู้เยี่ยมชมของคุณโดยอัตโนมัติโดยไม่มีการปรับเปลี่ยนใดๆ ในส่วนของคุณ
• รูปแบบของแบบฟอร์มที่สืบทอดมาจากธีมของคุณอย่างเป็นธรรมชาติ ซึ่งช่วยให้ยึดตามแนวทางสไตล์ของคุณโดยอัตโนมัติ
• การป้องกันสแปม แบบเนทีฟด้วยการผสานรวมกับ Akismet และ Google reCaptcha

…แต่สำหรับนักพัฒนาด้วย

หาก Ninja Forms อนุญาตให้คุณออกแบบฟอร์มที่ใช้งานง่าย “ที่จะทำให้คุณรู้สึกเหมือนเป็นนักพัฒนาเว็บมืออาชีพ” ผู้สร้างก็นึกถึงนักพัฒนาเช่นกัน

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

นอกจากนั้น Ninja Forms ยังมีส่วนขยายที่เรียกว่า Webhooks เพื่อส่งข้อมูลแบบฟอร์มของคุณไปยังเครื่องมือของบริษัทอื่นที่ไม่ได้มีการผสานรวมกับ WordPress

Ninja Forms ปลั๊กอินที่ปรับขนาดได้

ความเป็นไปได้ในการสร้างรูปแบบต่างๆด้วย Ninja Forms

คำอธิบายทำให้ชัดเจน: Ninja Forms เป็นเครื่องมือสร้างแบบฟอร์มในความหมายที่กว้างที่สุด

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

แบบฟอร์มนินจาแสดงรายการเกี่ยวกับแบบฟอร์มห้าสิบประเภทในคำถามที่พบบ่อยในหน้าไดเรกทอรีอย่างเป็นทางการ ในบรรดาตัวอย่าง เราพบว่า:

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

ตัวเลือกขั้นสูงที่นำเสนอแบบพรีเมียม

ในขณะที่ Ninja Forms นำเสนอฐานที่มีฟิลด์แบบคลาสสิก (ชื่อ, ชื่อ, อีเมล, โทรศัพท์, ข้อความ, ปุ่มส่ง ฯลฯ) เพื่อสร้างฟอร์มที่ค่อนข้างง่ายในเวอร์ชันฟรี ข้อเสนอระดับพรีเมียมนั้นสามารถทำได้มากกว่าเดิม

ขึ้นอยู่กับส่วนเสริมหรือใบอนุญาตที่คุณใช้ คุณสามารถ:

• ตั้งค่าฟอร์มด้วยตรรกะแบบมีเงื่อนไข ระบบนี้อนุญาตให้คุณแสดงฟิลด์บางฟิลด์ก็ต่อเมื่อตรงตามเงื่อนไขบางประการเท่านั้น (เช่น การกรอกฟิลด์ใดฟิลด์หนึ่ง)
• ออกแบบ แบบฟอร์มหลายขั้นตอน ผู้ใช้จะสามารถกรอกข้อมูลในช่องได้ก็ต่อเมื่อกรอกข้อมูลในช่องก่อนหน้าแล้วเท่านั้น
• สร้างแบบฟอร์มที่อนุญาตให้ดาวน์โหลดไฟล์ พร้อมตัวเลือกเฉพาะ ตัวอย่างเช่น เป็นไปได้ที่จะระบุประเภทของไฟล์ที่คุณต้องการเสนอให้ดาวน์โหลด หรือแม้แต่ส่งไฟล์ที่ผู้เยี่ยมชมดาวน์โหลดไปยังพื้นที่จัดเก็บของบุคคลที่สาม (เช่น Amazon S3, Dropbox, Google Drive)
• ออกแบบแบบฟอร์มที่คำนวณราคาของผลิตภัณฑ์หรือบริการ ตามฟิลด์ที่ผู้ใช้กรอก

การผสานรวมกับเครื่องมือของบุคคลที่สามเพื่อทำให้กระบวนการของคุณเป็นแบบอัตโนมัติ

สุดท้ายนี้ คุณจะไม่ผิดหวังในแง่ของความยืดหยุ่นกับ Ninja Forms ผสานรวมกับระบบนิเวศที่มีบริการมากกว่า 1,000 รายการด้วยการผสานรวมกับ Zapier

ปลั๊กอินแบบฟอร์มนี้ใช้งานได้จริงด้วยการ ผสานรวมกับแพลตฟอร์มการตลาดผ่านอีเมล Ninja Forms ใช้งานได้ดี เนื่องจากคุณสามารถเชื่อมต่อกับ Mailchimp หรือ ActiveCampaign (แต่เป็นแบบพรีเมียม) ได้

ในกรณีนี้ ข้อมูลติดต่อของผู้เยี่ยมชมที่คุณได้รวบรวมจะเข้าสู่รายชื่อผู้ติดต่อที่คุณเลือกโดยตรง

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

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

วิธีสร้างแบบฟอร์มติดต่อกับ Ninja Forms ใน 4 ขั้นตอน

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

ขั้นตอนที่ 1: ติดตั้งและเปิดใช้งานปลั๊กอิน

ในการเริ่มต้น ติดตั้งปลั๊กอินจากส่วนหลังของไซต์ WordPress ของคุณ

ในการดำเนินการนี้ ให้ไปที่ ปลั๊กอิน > เพิ่มใหม่:

หลังจากเปิดใช้งานปลั๊กอินแล้ว คุณจะเห็นเมนูการตั้งค่าที่เรียกว่า "Ninja Forms" ในแถบด้านข้างทางซ้ายของผู้ดูแลระบบของคุณ เมนูทั่วไปนี้แบ่งออกเป็น 7 เมนูย่อย

นี่คือที่ที่คุณจะเริ่มสร้างแบบฟอร์มใหม่:

ในการติดตั้ง Ninja Forms หลังจากซื้อ ให้อัปโหลดไฟล์ zip ของการเป็นสมาชิกหรือส่วนเสริมของคุณไปยังพื้นที่ไคลเอนต์ของคุณ จากนั้นเพิ่มลงในไซต์ WordPress ของคุณใน Plugins > Add New > Upload Plugin

ขั้นตอนที่ 2: เลือกเทมเพลตฟอร์ม

โดยไม่ต้องเปลี่ยน ไปที่ขั้นตอนที่ 2: การเพิ่มแบบฟอร์มใหม่ ในการดำเนินการนี้ ให้ทำตามเส้นทางนี้: Ninja Forms > Add New

ปลั๊กอินจะส่งคุณไปยังหน้าที่มี 3 แท็บ:

• แท็บ "แบบฟอร์ม" แสดงรายการเทมเพลตฟอร์ม 17 รายการ ดังนั้นคุณไม่จำเป็นต้องเริ่มต้นใหม่ทั้งหมด ในขณะที่เขียน มีสิบรายการในเวอร์ชันฟรี และเจ็ดรายการต้องใช้แพ็คเกจพรีเมียม
• “ Services” เสนอให้ตั้งค่า “Add-on Manager” (รุ่นเบต้า) ก่อน ซึ่งเป็นเครื่องมือในการติดตั้งส่วนเสริมพรีเมียมทั้งหมดของคุณได้ในคลิกเดียว เหมาะสมที่จะใช้หากคุณใช้แพ็คเกจ Ninja Forms Pro
  Ninja Forms ยังอนุญาตให้คุณเปิดใช้งานปลั๊กอิน SendWP ปลั๊กอินนี้ช่วยปรับปรุงความสามารถในการส่งการแจ้งเตือนทางอีเมลที่ส่งโดย Ninja Forms ตามค่าเริ่มต้น WordPress จะดูแลสิ่งนี้ อย่างไรก็ตาม เนื่องจากไม่ใช่บริการอีเมล จึงอาจมีปัญหาในการผ่านอุปสรรคต่อต้านสแปมที่ใช้โดยโปรแกรมรับส่งเมล (เช่น Gmail, Yahoo, Outlook เป็นต้น)
• “ แอพและการผสานรวม” นำเสนอส่วนเสริมระดับพรีเมียมที่นำเสนอโดย Ninja Forms

ในการออกแบบแบบฟอร์มการติดต่อ เราจะใช้เทมเพลตที่เรียกว่า "ติดต่อเรา" คลิกเพื่อเปิดใช้งาน

แน่นอน คุณยังคงมีตัวเลือกในการเริ่มต้นจากหน้าว่าง โดยเลือกเทมเพลต "แบบฟอร์มเปล่า"

ขั้นตอนที่ 3: เพิ่มฟิลด์ลงในแบบฟอร์มของคุณด้วย Ninja Forms

อินเทอร์เฟซแบบเต็มหน้าจอที่ชัดเจน

แค่นั้นแหละ: คุณอยู่ในอินเทอร์เฟซการแก้ไข Ninja Forms เมื่อมองแวบแรก คุณจะสังเกตเห็นว่ามันสะอาดและไม่โอเวอร์โหลด

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

มาดูวิธีการจัดระเบียบและการทำงานกัน:

• ที่ด้านบน ที่มุมซ้าย มือ (พื้นที่ #1 ในภาพหน้าจอด้านล่าง) คุณมี 3 แท็บสำหรับปรับแต่งฟิลด์ของแบบฟอร์มและลักษณะการทำงาน (การตั้งค่าการแสดงผล ข้อจำกัด การแจ้งเตือนทางอีเมล ฯลฯ)
• ตรงกลางของหน้าจอ คือฟิลด์ของแบบฟอร์มของคุณ (พื้นที่ #2)
• ที่มุมขวาบน (พื้นที่ #3) คุณสามารถออกจากอินเทอร์เฟซการแก้ไขได้โดยคลิกที่เครื่องหมายกากบาท เผยแพร่แบบฟอร์มของคุณ หรือแชร์แบบฟอร์มของคุณเป็นลิงก์สาธารณะ (ไอคอนลิงก์ เราจะกลับมาที่นี้ในภายหลัง)
• ที่มุมล่างขวามือ (พื้นที่ #4) ปุ่ม "+" จะแสดงรายการฟิลด์ที่จะเพิ่มลงในแบบฟอร์มของคุณ

มีการเสนอฟิลด์ประเภทใดบ้าง

คลิกที่ปุ่ม “+” เพื่อเพิ่มฟิลด์ที่คุณเลือก แบ่งออกเป็น 4 หมวดหมู่:

1. ฟิลด์ทั่วไป : ช่องทำเครื่องหมาย, รายการดรอปดาวน์, รูปภาพ, ส่ง, ย่อหน้า, วันที่/เวลา, การเลือกหลายรายการ, ปุ่มตัวเลือก, บรรทัดข้อความ
2. ช่องข้อมูลผู้ใช้ : ที่อยู่ เมือง อีเมล ชื่อ นามสกุล ประเทศ เมือง โทรศัพท์ รหัสไปรษณีย์
3. ฟิลด์เค้าโครง : HTML, ชุดฟิลด์ที่ทำซ้ำได้, ตัวแบ่ง
4. ฟิลด์เบ็ดเตล็ด : ยืนยัน, ซ่อน, จำนวน, reCAPTCHA, ป้องกันสแปม, การจัดระดับดาว

โดยรวมแล้ว มีการเสนอเวอร์ชันฟรีให้คุณไม่น้อยกว่า 28 ฟิลด์ ซึ่งเป็นตัวเลขจำนวนมากที่ทำให้ Ninja Forms โดดเด่นกว่าคู่แข่งในด้านนี้โดยเฉพาะ

สำหรับการเปรียบเทียบ WPForms คู่แข่งรายหนึ่งเสนอ "เพียง" 10 ฟิลด์ในเวอร์ชันฟรี

ด้วย Ninja Forms คุณสามารถเพลิดเพลินกับฟิลด์คลาสสิกที่จำเป็นสำหรับแบบฟอร์มการติดต่อใด ๆ (ชื่อ, ชื่อ, อีเมล, การส่ง ฯลฯ) แต่ยังรวมถึงฟิลด์ขั้นสูงเพิ่มเติมเพื่อออกแบบแบบฟอร์มขั้นสูง (หมายเหตุ ชุดฟิลด์ที่ทำซ้ำได้ ฯลฯ) .

จะเพิ่มและปรับแต่งฟิลด์ในแบบฟอร์มของคุณได้อย่างไร?

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

หากต้องการปรับแต่งให้คลิกที่มัน จากนั้นคุณสามารถ:

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

เมื่อวางเมาส์เหนือแต่ละฟิลด์ คุณจะสามารถเข้าถึงการดำเนินการด่วนเพื่อลบ ทำซ้ำ หรือแก้ไขฟิลด์:

ขั้นตอนที่ 4: ทำการตั้งค่าขั้นสุดท้าย

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

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

แต่ละตัวเลือกเปิดใช้งานและปิดใช้งานได้ด้วยคลิกเดียว และสามารถตั้งค่าทีละรายการเป็นฟิลด์ได้โดยคลิกที่ตัวเลือก

สุดท้าย แท็บ "ขั้นสูง" มีสองตัวเลือก:

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

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

ตามค่าเริ่มต้น Ninja Forms จะไม่มีตัวเลือกใดๆ ในการปรับแต่งรูปลักษณ์ของแบบฟอร์มของคุณ (สี การออกแบบตัวอักษร เส้นขอบ พื้นหลัง ฯลฯ) ปลั๊กอินจะสืบทอดสไตล์ของธีมของคุณ เพื่อให้แน่ใจว่าสไตล์นั้นมีความต่อเนื่อง
เพื่อให้มีอิทธิพลต่อสไตล์ของแบบฟอร์มได้อย่างแม่นยำ คุณจะต้องเพิ่มโค้ด CSS หรือใช้ส่วนเสริม "เลย์เอาต์และสไตล์"

เข้าร่วมกับสมาชิก WPMarmite

รับโพสต์ WPMarmite ล่าสุด (และทรัพยากรพิเศษ)

สมัครสมาชิกตอนนี้

วิธีการรวมแบบฟอร์มกับ Ninja Forms ในเนื้อหาของคุณ?

วิธีการฝังแบบฟอร์มในหน้าหรือโพสต์?

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

ใช้บล็อก Gutenberg ที่เสนอโดย Ninja Forms

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

สิ่งที่คุณต้องทำคือเลือกแบบฟอร์มของคุณจากรายการดรอปดาวน์ แล้วแบบฟอร์มจะปรากฏขึ้น:

ใช้บล็อก "รหัสย่อ"

ตัวเลือกที่สอง คล้ายกันมาก ยกเว้นว่าคราวนี้ ชื่อของบล็อกจะเปลี่ยนไป เลือกบล็อก "Shortcode" และวางลงในแบบฟอร์มที่เชื่อมโยงกับแบบฟอร์มของคุณ

คุณสามารถหารหัสย่อนี้ได้ใน Ninja Forms > Dashboard อยู่ในรูปแบบนี้: [ninja_form id=2]

ต่อท้ายแบบฟอร์มของคุณ

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

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

จะรวมแบบฟอร์มกับ Ninja Forms ลงในพื้นที่วิดเจ็ตได้อย่างไร

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

นอกจากนี้ยังสามารถรวมเข้ากับพื้นที่วิดเจ็ต เช่น แถบด้านข้างหรือส่วนท้ายของคุณ

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

ในทางปฏิบัติ คุณมีสองวิธีในการดำเนินการ:

• หากคุณกำลังใช้ ธีมที่เข้ากันได้กับ Full Site Editing (FSE) เช่น Twenty Twenty-Two ให้ไปที่ Appearance > Editor เพื่อเพิ่มแบบฟอร์มของคุณในส่วนท้ายของคุณ เป็นต้น
• หากคุณไม่ได้ใช้ธีมที่เข้ากันได้กับ FSE ให้ไปที่ ลักษณะที่ ปรากฏ > วิดเจ็ต จากนั้นคุณสามารถฝังบล็อก "แบบฟอร์มนินจา" หรือบล็อก "รหัสย่อ" ที่สอดคล้องกับแบบฟอร์มของคุณในพื้นที่วิดเจ็ตที่ธีมของคุณให้มา จากตัวอย่างด้านล่าง คุณจะเห็นว่าธีมที่ฉันใช้สำหรับการทดสอบนี้ (Twenty Twenty-One) มีพื้นที่วิดเจ็ตเพียงแห่งเดียว (ส่วนท้าย)

จะรวม Ninja Forms กับ Elementor ได้อย่างไร

มาว่ากันเรื่องการบูรณาการกันต่อ เพราะมันยังไม่จบ หากคุณเป็นส่วนหนึ่งของฐานผู้ใช้ขนาดใหญ่ (มากกว่า 10 ล้าน) ของตัวสร้างเพจ Elementor คุณควรรู้ว่าคุณสามารถใช้ประโยชน์จากการผสานรวมเฉพาะกับเครื่องมือสร้างเพจยอดนิยมของระบบนิเวศ WordPress ได้

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

สร้างเว็บไซต์ของคุณด้วย Elementor

ออกแบบรูปลักษณ์ของเว็บไซต์ WordPress ของคุณได้อย่างง่ายดายด้วยเครื่องมือสร้างเพจที่มีชื่อเสียง

ลอง Elementor

วิธีสร้างลิงค์สาธารณะเพื่อเข้าถึงแบบฟอร์มของคุณโดยตรง?

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

โดยทำตามขั้นตอนต่อไปนี้:

• บนอินเทอร์เฟซการแก้ไขแบบฟอร์ม ให้คลิกไอคอนที่แสดงลิงก์
• เปิดใช้งานตัวเลือก "อนุญาตลิงก์สาธารณะ"
• คัดลอกลิงก์ที่สร้างไปยังแบบฟอร์มของคุณ

Ninja Forms มีการตั้งค่าเพิ่มเติมอะไรบ้าง?

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

เพื่อให้มองเห็นได้ชัดเจนยิ่งขึ้น มาดูแต่ละเมนูย่อยกัน

แผงควบคุม

ที่นี่คุณจะพบกับแบบฟอร์มทั้งหมดที่คุณสร้างขึ้น พร้อมวันที่สร้างและรหัสย่อ

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

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

ผลงาน

เมนูย่อย "การส่ง" จะรวบรวม ข้อมูลที่เกี่ยวข้องกับลูกค้าเป้าหมายของคุณ นั่นคือผู้ที่กรอกและส่งแบบฟอร์มของคุณอย่างน้อยหนึ่งรูปแบบ

ตัวอย่างเช่น ในแต่ละแบบฟอร์ม คุณจะพบ:

• ชื่อบุคคลที่กรอกแบบฟอร์ม
• วันที่ส่งแบบฟอร์ม
• ข้อความที่เขียน
• ที่อยู่อีเมลของบุคคลนั้น

คุณสามารถดาวน์โหลดข้อมูลทั้งหมดนี้ได้หากต้องการ

นำเข้าส่งออก

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

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

การตั้งค่า

ภายในเมนูย่อยนี้ คุณสามารถทำ:

• การตั้งค่าทั่วไป เกี่ยวกับรูปแบบวันที่ที่จะใช้และสกุลเงินที่ใช้ หากคุณแสดงจำนวนเงินที่แน่นอนในแบบฟอร์มของคุณ
• การตั้งค่า ReCAPTCHA เพื่อกำหนดค่าระบบ CAPTCHA ที่ Google เสนอ (รหัสลับ ภาษา ธีม)
• การตั้งค่าขั้นสูง มีสองตัวเลือกที่น่าสนใจที่ควรทราบ หากคุณเลือกช่อง "โหมดพัฒนาเครื่องมือสร้างแบบฟอร์ม" คุณจะมีการตั้งค่าเพิ่มเติมในอินเทอร์เฟซการสร้างแบบฟอร์ม แต่ระวัง คุณยังมีตัวเลือกเพิ่มเติมที่อาจสร้างความสับสนได้
  สุดท้าย การเลือก "รูปแบบความคิดเห็น" (สว่างหรือมืด) อาจเป็นประโยชน์ในกรณีที่แบบฟอร์มของคุณไม่สืบทอดรูปแบบเริ่มต้นของธีมของคุณ
  

นอกจากนี้ยังอยู่ในเมนูย่อย "การตั้งค่า" ที่คุณสามารถเปิดใช้งานการเป็นสมาชิกของส่วนเสริมของคุณผ่านแท็บ "การเป็นสมาชิก"

ส่วนเสริมที่นำเสนอโดย Ninja Forms คืออะไร?

แม้ว่า Ninja Forms เวอร์ชันฟรีจะมีตัวเลือกต่างๆ มากมายอยู่แล้ว แต่ก็ยังสามารถดำเนินการเพิ่มเติมด้วยส่วนเสริมที่คุณสามารถซื้อแยกต่างหากได้

รายการส่วนเสริมสามารถพบได้ใน Ninja Forms > Add-on

ในขณะที่เขียนมีส่วนเสริม 41 รายการในหลายประเภท:

• ส่วนเสริมเพื่อปรับปรุงรูปลักษณ์และการแสดงแบบฟอร์มของคุณ ตัวอย่างเช่น “เลย์เอาต์และสไตล์” ให้คุณปรับแต่งสไตล์ของฟอร์มของคุณ ในขณะที่ “ลอจิกแบบมีเงื่อนไข” จะช่วยคุณเพิ่มเงื่อนไข
• ส่วนเสริมสำหรับการแชร์เอกสารและข้อมูล “การอัปโหลดไฟล์” จะมีประโยชน์ในการจัดการไฟล์ทั้งหมดที่คุณต้องการอัปโหลดในแบบฟอร์มของคุณ (ขนาด ประเภทไฟล์ ส่งออกไปยังระบบคลาวด์ ฯลฯ) “การส่งออก Excel” ช่วยให้คุณสามารถส่งออกฟอร์มนินจาของคุณไปยังสเปรดชีต Excel
• ส่วนเสริมสำหรับการรับชำระเงิน รวมถึง PayPal Express และ Stripe
• ส่วนเสริมเพื่อผสานรวม Ninja Forms กับเครื่องมือการตลาดผ่านอีเมล เช่น Mailchimp, ActiveCampaign, AWeber, MailPoet หรือ ConvertKit เป็นต้น
• ส่วนเสริมเพื่อให้ผู้เยี่ยมชมของคุณมีอิสระมากขึ้น “การโพสต์ส่วนหน้า” ช่วยให้ผู้เยี่ยมชมของคุณสามารถเผยแพร่เนื้อหาโดยส่งแบบฟอร์ม สิ่งพิมพ์ที่คุณเลือก (เช่น โพสต์) จะถูกตีพิมพ์เป็นฉบับร่าง และคุณสามารถตรวจสอบได้หากต้องการ
• ส่วนเสริมเพื่อเชื่อมต่อแบบฟอร์มของคุณกับ CRM (Zoho, Salesforce, Capsule เป็นต้น)
• ส่วนเสริมเพื่อรับการแจ้งเตือนทุกครั้งที่ส่งแบบฟอร์ม สามารถทำได้ผ่าน SMS หรือ Slack หากคุณต้องการ

Ninja Forms ยังมีส่วนเสริมสำหรับเชื่อมต่อ WordPress กับ Zapier ด้วยเครื่องมือนี้ คุณสามารถรวมแบบฟอร์มของคุณเข้ากับบริการต่างๆ ได้หลายร้อยรายการ

แน่นอนว่าส่วนเสริมเหล่านี้มีค่าใช้จ่าย ฉันจะบอกคุณเพิ่มเติมเกี่ยวกับเรื่องนี้ในหัวข้อถัดไปเกี่ยวกับราคาของ Ninja Forms

Ninja Forms ราคาเท่าไหร่?

คุณสนใจแพ็คเกจพรีเมียมของ Ninja Forms หรือไม่? มีสองวิธีที่จะได้รับมัน

สมัครสมาชิก

ก่อนอื่น คุณสามารถซื้อหนึ่งใน 4 สมาชิกที่เสนอโดย Ninja Forms:

• “พื้นฐาน”: $49/ปี สำหรับการใช้งานไม่เกินหนึ่งไซต์
• “ Plus” : $99/ปี สำหรับใช้งานสูงสุด 3 ไซต์
• “ Pro” : $199/ปี สำหรับการใช้งานสูงสุด 20 ไซต์
• “ Elite” : $299/ปี สำหรับการใช้งานไม่จำกัด

เมื่อเลือกระหว่างสมาชิกเหล่านี้ โปรดคำนึงถึง:

• จำนวนไซต์ที่คุณต้องการใช้งานบน หากคุณกำลังสร้างไซต์สำหรับลูกค้า ให้ดูข้อจำกัดที่แนบมากับการเป็นสมาชิกแต่ละครั้ง ตัวอย่างเช่น การใช้ Ninja Forms แบบไม่จำกัดจะใช้ได้เฉพาะกับการเป็นสมาชิก "Elite" เท่านั้น
• ส่วนเสริมที่คุณต้องการใช้ ยิ่งค่าสมาชิกถูกกว่า แอดออนก็จะมีให้น้อยลง ตัวอย่างเช่น การเป็นสมาชิก "พื้นฐาน" จะรวมส่วนเสริม "เพียง" 4 รายการจาก 41 รายการที่นำเสนอโดย Ninja Forms ตรวจสอบให้แน่ใจว่าสอดคล้องกับการใช้งานที่คุณต้องการ

ซื้อส่วนเสริมทีละตัว

หากคุณสนใจเฉพาะส่วนเสริมตั้งแต่หนึ่งรายการขึ้นไป คุณสามารถซื้อแยกต่างหากได้ Ninja Forms เดิมถูกออกแบบมาให้เป็นส่วนเสริมเท่านั้น (ผู้พัฒนาได้ขายสมาชิกในภายหลัง)

ในบางกรณี ส่วนเสริมอาจมีประโยชน์มากกว่าการเป็นสมาชิก

แต่ละส่วนเสริมมีให้ใน 3 แพ็คเกจ:

• โดยเฉลี่ย $49 ต่อหนึ่งไซต์
• โดยเฉลี่ย 72 ดอลลาร์สำหรับใช้งานสูงสุด 5 ไซต์
• โดยเฉลี่ย 99 ดอลลาร์สำหรับใช้งานสูงสุด 20 ไซต์

เข้าใจเกี่ยวกับราคา? จากนั้น มาต่อกันที่ประเด็นปัญหาของ GDPR กัน

แล้วการปฏิบัติตาม GDPR ล่ะ?

เมื่อเราพูดถึงรูปแบบ มักจะมีคำที่กลับมาปากเรา ค่อนข้างจะเป็นตัวย่อ: GDPR

กฎระเบียบให้ความคุ้มครองข้อมูลส่วนบุคคลของผู้บริโภค (GDPR) ควบคุมการประมวลผลข้อมูลส่วนบุคคลภายในสหภาพยุโรป และสิ่งนี้เกี่ยวข้องกับข้อมูลที่คุณจะรวบรวมจากผู้เยี่ยมชมของคุณ (เช่น ชื่อ ชื่อ อีเมล ฯลฯ) ทุกครั้งที่พวกเขาจะกรอกและส่งแบบฟอร์มของคุณ

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

คุณยังสามารถตรวจสอบแหล่งข้อมูลต่อไปนี้เพื่อช่วยให้คุณปฏิบัติตามได้:

• คู่มือนี้นำเสนอโดย Ninja Forms
• แหล่งข้อมูลเฉพาะของเราในบล็อก WPMarmite

ฉันคิดว่าเราได้ทำทัวร์ชมปลั๊กอินที่สมบูรณ์แล้ว มาสรุปทุกสิ่งที่เราได้เห็นจนถึงตอนนี้

การตรวจสอบครั้งสุดท้ายของเราเกี่ยวกับ Ninja Forms

โดยสรุปแล้ว มาดูจุดแข็งและจุดอ่อนของ Ninja Forms กัน ฉันจะจบด้วยการบอกคุณว่าฉันคิดว่าปลั๊กอินนี้มีไว้สำหรับใคร

จุดแข็ง

• ความง่ายในการสร้างแบบฟอร์ม: ง่ายและรวดเร็ว
• อินเทอร์เฟซการลากและวาง
• จำนวนช่องที่มีอยู่ในเวอร์ชันฟรี
• การตั้งค่าที่เสนอนั้นถูกต้อง มีไม่มากเกินไปเพื่อหลีกเลี่ยงการจมน้ำ และเพียงพอที่จะไม่หิว
• สามารถสร้างแบบฟอร์มได้หลายประเภท (ติดต่อ ชำระเงิน ฯลฯ)
• การป้องกันสแปมและความเป็นไปได้ในการผสานรวมบริการ Google reCAPTCHA
• คุณสมบัติมากมายที่ทุ่มเทให้กับนักพัฒนา
• ตัวเลือกในการลิงก์ไปยังฟอร์มโดยการแชร์ไฮเปอร์ลิงก์ที่เกี่ยวข้อง
• เอกสารประกอบของ Ninja Forms มีรายละเอียดและการสอนที่ดีมาก

จุดอ่อน

• ตรรกะตามเงื่อนไขมีให้ใช้งาน แต่เป็นแบบพรีเมียมเท่านั้น อย่างไรก็ตาม มันก็เป็นกรณีของปลั๊กอินแบบฟอร์มส่วนใหญ่ในตลาด
• มีเทมเพลตไม่กี่แบบเมื่อเทียบกับคู่แข่งบางราย เช่น WPForms ยักษ์ เป็นต้น
• คุณไม่สามารถปรับแต่งรูปแบบของแบบฟอร์มในเวอร์ชันฟรีได้ (เว้นแต่คุณจะรู้ CSS)
• อินเทอร์เฟซการลากและวางบางครั้งค่อนข้างน่าหงุดหงิด: มีหีบเพลงมากมาย (เมนูแบบเลื่อนลง) แทนที่จะเป็นแท็บ ซึ่งหมายความว่าคุณต้องคลิกที่ปุ่มหลาย ๆ ปุ่มแล้วเลื่อนสักหน่อย (ซึ่งก็ไม่ใช่เรื่องใหญ่เช่นกัน)
• ไม่มีการผสานรวมกับเครื่องมือการตลาดผ่านอีเมลหรือ CRM ในเวอร์ชันฟรี
• แบบฟอร์มนินจาอาจมีราคาแพงมากขึ้นอยู่กับจำนวนไซต์ที่คุณต้องติดตั้งและจำนวนส่วนเสริมที่คุณต้องการใช้

Ninja Forms เหมาะกับใคร?

ในท้ายที่สุด Ninja Forms นั้นน่าดึงดูดมากกว่าน่าผิดหวัง โดยมีประโยชน์ที่ดูเหมือนจะมีมากกว่าข้อเสีย

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

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

ดาวน์โหลดปลั๊กอิน Ninja Forms:

ถ้าฉันต้องเปรียบเทียบกับคู่แข่งบางรายในการตัดสินใจ ฉันจะบอกว่าเวอร์ชันฟรีของมันคือ WPForms ปลั๊กอินตัวหลังมีฟิลด์น้อยกว่า Ninja Forms แต่ในความคิดของฉัน ส่วนต่อประสานการสร้างแบบฟอร์มนั้นใช้งานง่ายกว่า

ในรูปแบบพรีเมียม ทางเลือกอื่นเช่น Gravity Forms (ลิงค์พันธมิตร) จะมีราคาถูกลงและมีประสิทธิภาพเช่นเดียวกัน

แล้วคุณล่ะ คิดเห็นอย่างไรกับ Ninja Forms? แบ่งปันความคิดเห็นของคุณในความคิดเห็น