วิธีเพิ่ม WordPress Social Login ใน WooCommerce

เผยแพร่แล้ว: 2022-04-18

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

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

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

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

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

ทำไมคุณควรเพิ่มการเข้าสู่ระบบโซเชียลใน WooCommerce

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

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

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

ต่อไปนี้คือสาเหตุเพิ่มเติมบางประการที่ทำให้การเพิ่มการเข้าสู่ระบบโซเชียลในไซต์ WooCommerce ของคุณมีประโยชน์:

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

วิธีที่ง่ายที่สุดในการเพิ่มการเข้าสู่ระบบโซเชียลให้กับ WooCommerce เริ่มต้น

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

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

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

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

การเพิ่มการเข้าสู่ระบบโซเชียลให้กับ WooCommerce โดยใช้ ProfilePress

ที่นี่เราจะแสดงให้คุณเห็นว่าการเพิ่มการเข้าสู่ระบบโซเชียลใน WooCommerce นั้นง่ายเพียงใดโดยใช้ ProfilePress

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

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

ในการเริ่มต้น รับปลั๊กอิน ProfilePress และติดตั้งบนเว็บไซต์ WordPress ของคุณ

ไปที่ Plugins → Add New จากแผง admin ของ WordPress และคลิกที่ปุ่ม Add New ตอนนี้ อัปโหลดไฟล์ zip และดำเนินการติดตั้งปลั๊กอินบนไซต์ WooCommerce ของคุณ

ขั้นตอนที่ #2: สร้างแบบฟอร์มการเข้าสู่ระบบที่กำหนดเอง

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

เมื่อเสร็จแล้ว ไปที่ ProfilePress → Forms & Profiles และคลิกที่ปุ่ม Add New

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

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

ขั้นตอนที่ #3: เพิ่มปุ่มเข้าสู่ระบบโซเชียล

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

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

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

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

เมื่อเสร็จแล้ว อย่าลืมคลิกที่ปุ่ม Apply Changes เพื่อดำเนินการต่อ

ขั้นตอนที่ #4: แทนที่แบบฟอร์มเข้าสู่ระบบ WooCommerce เริ่มต้น

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

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

ในการตั้งค่าหน้าที่เราสร้างเป็นหน้าเข้าสู่ระบบ WordPress เริ่มต้นทั่วโลกบนเว็บไซต์ของเรา ให้ไปที่ ProfilePress → การตั้งค่า และเลือกหน้าเข้าสู่ระบบที่สร้างขึ้นใหม่โดยใช้เมนูดรอปดาวน์ หน้าเข้าสู่ระบบ ใต้แท็บ การตั้งค่าส่วนกลาง

ในการตั้งค่ากระบวนการเข้าสู่ระบบโซเชียลจริง ให้ไปที่ ProfilePress → การตั้งค่า และคลิกที่แท็บการเข้าสู่ ระบบ โซเชียลเพื่อตั้งค่าการตั้งค่าการเข้าสู่ระบบโซเชียล

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

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

เมื่อคุณทำเสร็จแล้ว อย่าลืมคลิกที่ปุ่ม บันทึกการเปลี่ยนแปลง

เพื่อแทนที่แบบฟอร์มการลงทะเบียนและเข้าสู่ระบบเริ่มต้นที่แสดงในหน้าบัญชีของฉันของ WooCommerce คลิกที่แท็บ WooCommerce และเลือกหน้าเข้าสู่ระบบโซเชียลที่สร้างขึ้นใหม่โดยใช้ฟิลด์แบบเลื่อนลง แบบฟอร์มการ เข้าสู่ระบบบัญชี ของฉัน และ แบบฟอร์มการลงทะเบียนบัญชีของฉัน

ลักษณะที่ปรากฏบนหน้าบัญชีของฉันของ WooCommerce ขึ้นอยู่กับธีมของแบบฟอร์มที่คุณเลือก

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

คลิกที่ปุ่ม บันทึกการเปลี่ยนแปลง เพื่อดำเนินการต่อ

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

ลูกค้ายังสามารถเข้าสู่ระบบจากหน้าชำระเงิน WooCommerce โดยใช้บัญชีโซเชียลมีเดียของพวกเขา

บทสรุป

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

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

กำลังมองหาวิธีง่ายๆ ในการเพิ่มการเข้าสู่ระบบโซเชียลในไซต์ WooCommerce ของคุณหรือไม่? รับ ProfilePress วันนี้!