วิธีปรับแต่งการลงทะเบียน WooCommerce และแบบฟอร์มเข้าสู่ระบบ

ทำไมต้องปรับแต่งแบบฟอร์มการเข้าสู่ระบบและการลงทะเบียน WooCommerce

ตัวเลือกฟิลด์ที่ จำกัด :

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

แยกหน้าเข้าสู่ระบบและการลงทะเบียน

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

ข้อ จำกัด ในการออกแบบ

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

ปรับแต่งการเข้าสู่ระบบ WooCommerce และแบบฟอร์มการลงทะเบียนของคุณ:

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

สิ่งที่คุณต้องทำคือ เพื่อติดตั้งและเปิดใช้งาน.

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

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

1. เพิ่มฟิลด์เพิ่มเติมในการเข้าสู่ระบบ WooCommerce ของคุณหรือแบบฟอร์มลงทะเบียน

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

ค้นพบด้วย วิธีเพิ่มภาพพื้นหลังใน WordPress

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

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

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

2. แทนที่การเข้าสู่ระบบ WooCommerce เริ่มต้นและแบบฟอร์มการลงทะเบียน

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

ดูคำแนะนำของเราบน วิธีการเพิ่มการจัดเก็บ WooCommerce บน Facebook

สิ่งที่คุณต้องทำคือดำเนินการต่อไป WooCommerce >> การตั้งค่า และเปิดแท็บ บัญชีและการรักษาความลับ ภายใต้หัวข้อ การสร้างบัญชี ตรวจสอบ อนุญาตให้ลูกค้าสร้างบัญชีในหน้า "บัญชีของฉัน" และบันทึกการเปลี่ยนแปลง

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

อ่านบทความของเราเกี่ยวกับ วิธีการแสดงเมนูสำหรับสมาชิก WooCommerce เงื่อนไขของคุณ

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

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

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

[user_registration_my-account redirect_url = "ลิงก์หน้าบัญชี"]

หากต้องการแสดงหน้าการลงทะเบียนแยกกัน คุณต้องมีรหัสย่อการลงทะเบียน WooCommerce ที่คุณสร้างขึ้น คุณสามารถมีได้โดยไป ลงทะเบียนผู้ใช้ >> การลงทะเบียนผู้ใช้ จากแดชบอร์ด WordPress

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

Ou

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

3. แสดงฟิลด์เพิ่มเติมในหน้าบัญชี

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

ที่นี่คือ ปลั๊กอิน 10 WordPress เพื่อเพิ่มเครื่องคิดเลขในเว็บไซต์ของคุณ

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

4. รวมบัญชี WooCommerce ในหน้าชำระเงิน

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

อ่านบทความของเราเกี่ยวกับ ปลั๊กอิน WordPress WooCommerce 10 ตัวเพื่อใช้ในบล็อกของคุณ

แค่ไปต่อ WooCommerce >> การตั้งค่า และเปิดแท็บ บัญชีและการรักษาความลับ จากนั้นในส่วน บัญชีและความเป็นส่วนตัว ตรวจสอบตัวเลือก อนุญาตให้ลูกค้าสร้างบัญชีระหว่างการตรวจสอบคำสั่งซื้อ

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

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

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

5. การออกแบบรูปแบบการเข้าสู่ระบบและการลงทะเบียน WooCommerce ใหม่

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

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

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

ตอนนี้คุณจะสามารถเห็นแผง Customizer

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

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

ค้นพบด้วย  วิธีการใช้รหัสผ่านป้องกันฟอร์ม WordPress ของคุณ

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

สรุป:

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

ปลั๊กอิน WordPress พรีเมียมเพิ่มเติมอื่น ๆ 

นอกจากนี้ยังค้นพบอื่น ๆ ปลั๊กอิน WordPress พรีเมี่ยมที่เพิ่มประสิทธิภาพการทำงานของบล็อก WordPress หรือเว็บไซต์ของคุณ

1 MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises รายชื่อซัพพลายเออร์ในพื้นที่ ฯลฯ 

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

อ่านบทความของเราเกี่ยวกับ วิธีทำให้ผู้เยี่ยมชมเว็บไซต์ของคุณยาวขึ้น

ดาวน์โหลด| สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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

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

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

...