วิธีสร้างแบบฟอร์มลงทะเบียนใน WordPress

เผยแพร่แล้ว: 2022-09-11

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

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

ด้วย seedprod คุณสามารถสร้างหน้า Landing Page ที่ยอดเยี่ยมสำหรับ WordPress ประกอบด้วยไลบรารีของเทมเพลตหน้า Landing Page อเนกประสงค์และเครื่องมือสร้างแบบหล่นแล้วคลิก หน้าสามารถปรับแต่งได้โดยไม่ต้องใช้โค้ดบรรทัดเดียวด้วยความช่วยเหลือจากตัวเลือกการปรับแต่งที่หลากหลาย ในบทเรียนนี้ เราจะมาดูวิธีสร้างหน้าลงทะเบียน WordPress ที่ประสบความสำเร็จด้วย SeedProd ตัวแก้ไขการลากและวางเป็นเครื่องมือที่ยอดเยี่ยมสำหรับการแก้ไขรูปภาพใน SeedProd ในแต่ละบล็อก คุณสามารถใช้การสร้างความสนใจในตัวสินค้าเป็นหลักในการชี้นำ ช่วยให้คุณสร้างเพจที่มีประสิทธิภาพสูงสุดเท่าที่จะเป็นไปได้ คุณยังสามารถปรับแต่งการออกแบบบล็อกด้วยเทมเพลตแบบกำหนดเองที่ไม่ต้องการให้คุณป้อนรหัสพิเศษใดๆ

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

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

ฉันจะเพิ่มปุ่มสมัครสมาชิกใน WordPress ได้อย่างไร

เครดิต: minibigthing.com

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

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

วิธีเพิ่มปุ่มสมัครสมาชิกในอีเมลของคุณ

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

ตัวอย่างหน้าสมัครสมาชิกที่ยอดเยี่ยม

เครดิต: Pinterest

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

หน้าลงทะเบียนมีความสำคัญ แต่หลายคนไม่ทราบเรื่องนี้ หน้าลงทะเบียนเป็นจุดติดต่อแรกของคุณกับลูกค้าใหม่สำหรับบริษัทของคุณ เพื่อเอาชนะความลังเลและเพิ่มการแปลง นักออกแบบ UX ต้องรู้จักกลุ่มเป้าหมายและจิตวิทยา UX ของตน ต่อไปนี้คือ ตัวอย่างแบบฟอร์มลงชื่อสมัครใช้ที่น่าประทับใจสิบตัวอย่าง เพื่อช่วยคุณสร้างหน้า Landing Page หน้าถัดไป แบบฟอร์มลงทะเบียน GetResponse ในตอนนี้มีปุ่มการช่วยสำหรับการเข้าถึง ซึ่งช่วยให้ผู้ใช้ที่มีความบกพร่องทางสายตาสามารถลงทะเบียนได้ สีและการพิมพ์ใช้เพื่อเน้นปัญหาและอธิบายว่าผลิตภัณฑ์มีจุดประสงค์เพื่อแก้ไขปัญหาอย่างไรใน Leadinfo ประสบการณ์ที่ไม่เหมือนใครของ Cleo ทำให้แบรนด์ของคุณมีชีวิตชีวาและให้ผู้ใช้ได้ดื่มด่ำในการค้นหาข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์ของคุณ

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

แบบฟอร์มลงทะเบียนคืออะไร?

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

หน้าลงทะเบียนผู้ใช้ WordPress แบบกำหนดเอง

เครดิต: www.elegantthemes.com

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

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

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

ประโยชน์ของปลั๊กอินแบบฟอร์มลงทะเบียนสำหรับ WordPress

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

หน้าล็อกอินที่น่าเกรงขาม

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

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

แบบฟอร์มที่น่าเกรงขามใน WordPress คืออะไร?

ในฐานะที่เป็นโซลูชันแบบฟอร์ม WordPress ที่ทันสมัยที่สุดในตลาด Formidable Forms ช่วยให้คุณสามารถเปลี่ยนแบบฟอร์ม HTML ได้ตามคำขอ แม้ว่าที่จริงแล้วต้องใช้ทักษะ HTML เพื่อใช้ Views ที่น่าเกรงขาม แต่ก็ยังสามารถใช้ข้อมูลในฟอร์มได้โดยไม่ต้องใช้ PHP แพลตฟอร์ม Formidable Views ทำให้ง่ายต่อการสร้างแอปพลิเคชันที่มีข้อกำหนดต่ำ