วิธีสร้างแบบฟอร์มลงทะเบียนผู้ใช้ที่กำหนดเองใน WordPress

แบบฟอร์มลงทะเบียนผู้ใช้ที่กำหนดเอง


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

ในบทความนี้เราจะแสดงวิธีสร้างแบบฟอร์มลงทะเบียนผู้ใช้ที่กำหนดเองใน WordPress แต่ละขั้นตอน.

ทำไมต้องเพิ่มฟอร์มการลงทะเบียนผู้ใช้เอง?

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

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

ดังนั้นตอนนี้คุณก็รู้ว่า “ทำไม” ให้ก้าวไปสู่ ​​”อย่างไร” จากที่นี่ไปเราจะสอนสิ่งที่คุณต้องการในการสร้างแบบฟอร์มการลงทะเบียนผู้ใช้ที่กำหนดเองใน WordPress.

วิธีสร้างแบบฟอร์มลงทะเบียนผู้ใช้ที่กำหนดเองใน WordPress

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

โปรดทราบว่าคุณต้องการ Pro plan (หรือดีกว่า) ของ WPForms เพื่อสร้างฟอร์มการลงทะเบียนผู้ใช้ที่กำหนดเองใน WordPress อย่ากลัวเลย โดยใช้รหัสคูปองของเรา, SAVE10, คุณสามารถลด 10% ของราคาได้ทันที.

หลังจากเปิดใช้งานปลั๊กอินตรงไปที่ WPForms » Addons เพื่อติดตั้ง Addon การลงทะเบียนผู้ใช้ เพียงคลิกที่ “ติดตั้ง Addon” จากนั้นกด “เปิดใช้งาน” เมื่อติดตั้งแล้ว.

ทุกชุด? น่ากลัว ได้เวลาสร้างแบบฟอร์มการลงทะเบียนผู้ใช้ที่กำหนดเองของคุณใน WordPress.

เรียกใช้ตัวสร้าง WPForms โดยมุ่งไปที่ WPForms »เพิ่มใหม่.

ตั้งชื่อแบบฟอร์มของคุณแล้วเลือกแม่แบบ“ แบบฟอร์มการลงทะเบียนผู้ใช้”.

ตัวอย่าง / เทมเพลตนี้จะมีฟิลด์การลงทะเบียนผู้ใช้ต่อไปนี้เพิ่มไว้ล่วงหน้า:

  • ชื่อ
  • ชื่อผู้ใช้
  • อีเมล์
  • รหัสผ่าน
  • ไบโอสั้น

ถ้าคุณชอบสิ่งที่คุณเห็นคุณสามารถไปสู่ขั้นตอนต่อไปได้.

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

เมื่อคุณพร้อมแล้วกดบันทึกและมุ่งหน้าไปยังขั้นตอนถัดไป.

วิธีการเพิ่มฟิลด์ที่กำหนดเองลงในแบบฟอร์มการลงทะเบียนผู้ใช้ของคุณ

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

เพื่อให้บรรลุผลดังกล่าวคุณจะต้องมีปลั๊กอิน WordPress เพิ่มเติม.

ปลั๊กอินใด ๆ ที่ใช้ฟิลด์กำหนดเอง WordPress มาตรฐานเพื่อเพิ่มและเก็บข้อมูลเมตาจะทำงานกับ WPForms อย่างไรก็ตามสำหรับบทช่วยสอนนี้เราจะใช้งาน User Meta Manager.

ดาวน์โหลดติดตั้งและเปิดใช้งานปลั๊กอิน User Meta Manager หลังจากเปิดใช้งานแล้วให้ไปที่ ผู้ใช้» User Meta Manager หน้าและคลิกที่ “เพิ่ม Meta ที่กำหนดเอง”

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

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

หากต้องการเพิ่มเขตข้อมูลเมตาที่กำหนดเองให้คลิก“ ส่ง” จากนั้นตรงไปที่ ผู้ใช้»โปรไฟล์ของคุณ เพื่อดูความมหัศจรรย์ในการกระทำ.

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

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

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

บันทึกแบบฟอร์มของคุณเมื่อคุณทำเสร็จแล้ว.

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

WPForms จะแสดงฟิลด์แบบฟอร์มของคุณด้วยเมนูแบบเลื่อนลงด้านล่างเพื่อเลือกฟิลด์การลงทะเบียน WordPress เพื่อแมปกับมัน.

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

จากตรงนี้เลื่อนลงไปที่ส่วน“ Custom User Meta” พิมพ์คีย์เมตาที่กำหนดเองที่คุณสร้างไว้ก่อนหน้านี้แล้วเลือกเขตข้อมูลฟอร์มที่คุณต้องการแมปด้วย.

เมื่อดำเนินการเสร็จสิ้นให้คลิกบันทึกและไปที่ขั้นตอนสุดท้าย.

วิธีการเพิ่มฟอร์มการลงทะเบียนผู้ใช้ที่กำหนดเองของคุณใน WordPress

นี่คือส่วนที่ง่าย แล่นอย่างราบรื่นจากจุดนี้เป็นต้นไป.

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

สำหรับตัวอย่างนี้เราจะสร้างหน้าใหม่.

ในหน้าจอแก้ไขหน้าคุณจะพบปุ่ม WPForms ด้านบนแถบเครื่องมือของคุณ ให้คลิกที่ดูดที่ดี.

ตอนนี้ควรมีป๊อปอัปบนหน้าจอของคุณ เลือกแบบฟอร์มที่คุณทำจากเมนูแบบเลื่อนลงจากนั้นคลิกที่ปุ่มแทรกแบบฟอร์ม.

Blam! ตอนนี้รหัสย่อสำหรับแบบฟอร์มของคุณอยู่บนหน้าของคุณ กด “เผยแพร่” (หรือ “อัปเดต” หากคุณกำลังแก้ไขหน้าเก่า) และแบบฟอร์มของคุณจะปรากฏบนไซต์ของคุณ.

ชอบวิดเจ็ตแถบด้านข้างหรือไม่ ไม่มีปัญหา. เพียงไปที่ หน้าตา»วิดเจ็ต และลากวิดเจ็ต WPForms ไปยังพื้นที่แถบด้านข้างของคุณ.

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

สร้างวิดเจ็ต

ตรวจสอบวิธีสร้างแบบฟอร์ม AMP ใน WordPress.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map