คำอธิบาย
ED Social Share คือปลั๊กอินแชร์เนื้อหาสำหรับ WordPress ที่ออกแบบมาให้เบาและใช้งานง่าย เหมาะสำหรับเว็บไซต์บทความ ร้านค้า WooCommerce และเว็บไซต์ธุรกิจที่ต้องการเปิดช่องทางให้ผู้เข้าชมแชร์เนื้อหาไปยัง Social Media โดยไม่อยากให้หน้าเว็บรกไปด้วยไอคอนโซเชียลตลอดเวลา
ปลั๊กอินแสดงปุ่ม “แชร์” เพียงปุ่มเดียวในโพสต์ เพจ และหน้าสินค้า WooCommerce เมื่อผู้ใช้คลิก จะมีเมนูแชร์แบบกะทัดรัดเปิดขึ้นมาให้เลือกช่องทางที่เปิดใช้งานไว้ — Facebook, LINE, X หรือคัดลอกลิงก์ เมนูจะปิดเองทันทีที่คลิกพื้นที่นอกเมนูหรือกด Esc ไม่ค้างรบกวนสายตาผู้อ่าน
สำหรับการคัดลอกลิงก์ ระบบจะแสดงข้อความตอบกลับใกล้ปุ่ม (ค่าเริ่มต้น “คัดลอกลิงก์สำเร็จ”) ให้ผู้ใช้มั่นใจว่าลิงก์ถูกคัดลอกแล้วจริง และบนอุปกรณ์มือถือที่รองรับ ยังเปิดเมนูแชร์ของระบบปฏิบัติการได้โดยตรงผ่าน Native Share อีกด้วย
ฟีเจอร์หลัก
🔗 ปุ่มแชร์แบบ Popup
แสดงปุ่ม “แชร์” เพียงปุ่มเดียว ไม่ต้องเรียงไอคอนโซเชียลหลายอันให้รกหน้าเว็บตลอดเวลา
- เมนูแชร์ซ่อนเป็นค่าเริ่มต้น แสดงเฉพาะเมื่อคลิกปุ่ม “แชร์”
- คลิกพื้นที่ด้านนอก หรือกด Esc เพื่อปิดเมนู
- หากเมนูจะล้นขอบขวาของจอ ระบบจะสลับไปเปิดชิดขวาให้อัตโนมัติ
- แสดงผลได้ทั้ง Desktop, Tablet และ Mobile
📘 แชร์ไป Facebook
เปิดหน้าต่างแชร์ Facebook พร้อม URL ของโพสต์ เพจ หรือสินค้าที่กำลังดูอยู่ ภาพและข้อความ Preview ที่ Facebook แสดงจะเป็นไปตามข้อมูล Open Graph ที่มีอยู่แล้วในหน้านั้น (เช่น จากปลั๊กอิน SEO ที่ติดตั้งอยู่ หรือค่าเริ่มต้นของเว็บไซต์)
💚 แชร์ไป LINE
เปิดหน้าต่างแชร์ไปยัง LINE พร้อม URL ของเนื้อหา ให้ผู้ใช้เลือกส่งต่อไปยังห้องแชท กลุ่ม หรือ Timeline ได้ตามที่ LINE รองรับ ใช้ไอคอนแบรนด์ LINE ที่มองเห็นชัดเจนทั้งบนพื้นหลังสีอ่อนและสีเข้ม
𝕏 แชร์ไป X
แชร์ URL พร้อมชื่อเนื้อหาไปยัง X ในหน้าต่างใหม่ ใช้ไอคอน X เพียงหนึ่งตัว ไม่มีตัวอักษรซ้ำกับไอคอน
🔗 คัดลอกลิงก์
คัดลอก URL ปัจจุบันได้ทันทีด้วยคลิกเดียว ผ่าน Clipboard API ของเบราว์เซอร์ (พร้อมสำรองสำหรับเบราว์เซอร์รุ่นเก่าที่ยังไม่รองรับ) และแสดงข้อความตอบกลับใกล้ปุ่มทันทีที่คัดลอกสำเร็จ ข้อความนี้แก้ไขเองได้จากหน้าตั้งค่า (ค่าเริ่มต้น: “คัดลอกลิงก์สำเร็จ”)
📱 Native Share สำหรับมือถือ
เมื่อเปิดใช้งาน ปุ่ม Native Share จะเรียกเมนูแชร์ของระบบปฏิบัติการโดยตรงบนอุปกรณ์ที่รองรับ Web Share API ของเบราว์เซอร์ (เช่น การส่งต่อไปยัง LINE, Messages, อีเมล หรือแอปอื่นที่ติดตั้งในเครื่อง) ช่วยให้ผู้ใช้มือถือแชร์ผ่านแอปที่คุ้นเคยได้โดยไม่ต้องเลือกจากเมนูของเว็บไซต์เอง
🎨 รูปแบบเมนูแชร์ 3 แบบ
| รูปแบบ | ลักษณะ | เหมาะกับ |
|---|---|---|
| Compact | ข้อความ + ไอคอนเรียงแนวนอนใน Popup เดียว | หน้าเนื้อหาทั่วไปและหน้าสินค้า |
| Pills | แต่ละช่องทางเป็นปุ่มทรง Pill | หน้าที่มีพื้นที่มาก เช่น Landing Page |
| Icons Only | แสดงเฉพาะไอคอน ไม่มีข้อความ | พื้นที่จำกัด หรือดีไซน์แบบ Minimal |
📍 ตำแหน่งการแสดงผล
เลือกได้ว่าจะให้ปุ่มแชร์ปรากฏ ก่อนเนื้อหา, หลังเนื้อหา, ทั้งก่อนและหลัง, หรือ ปิดการแทรกอัตโนมัติทั้งหมด แล้ววางเองด้วย Shortcode ในตำแหน่งที่ต้องการ — ใช้ได้ทั้งใน Gutenberg (Shortcode Block), Elementor, Widget หรือไฟล์ Template ของธีม
🛒 ปุ่มแชร์บนหน้าสินค้า WooCommerce
แสดงปุ่มแชร์ในหน้าสินค้าแบบ Single Product แยกอิสระจากโพสต์และเพจ เปิด/ปิดได้เอง เหมาะสำหรับร้านค้าที่ต้องการให้ลูกค้าช่วยแชร์สินค้าไปยัง Facebook หรือ LINE
การตั้งค่า
หน้าตั้งค่าอยู่ที่ Settings → ED Social Share (ปลั๊กอินขนาดเล็ก จึงไม่เพิ่มเมนูหลักแยกต่างหาก เพื่อลดความรกของ WordPress Admin)
General
| การตั้งค่า | คำอธิบาย |
|---|---|
| แสดงบนโพสต์ / เพจ / สินค้า WooCommerce | เปิด/ปิดปุ่มแชร์แยกอิสระตามประเภทเนื้อหา |
| ตำแหน่ง | ก่อนเนื้อหา / หลังเนื้อหา / ทั้งก่อนและหลัง / Shortcode เท่านั้น |
| ข้อความปุ่มแชร์ | กำหนดข้อความบนปุ่ม (ค่าเริ่มต้น “แชร์”) |
| รูปแบบปุ่ม | Compact, Pills หรือ Icons Only |
Share Channels
| ช่องทาง | คำอธิบาย |
|---|---|
| คัดลอกลิงก์ | เปิด/ปิดปุ่มคัดลอก URL พร้อมข้อความตอบกลับที่แก้ไขได้ |
| เปิด/ปิดการแชร์ไปยัง Facebook | |
| LINE | เปิด/ปิดการแชร์ไปยัง LINE |
| X | เปิด/ปิดการแชร์ไปยัง X |
| Native Share | เปิด/ปิดปุ่มเรียกเมนูแชร์ของอุปกรณ์มือถือ |
| สีหลักสำรอง | สีของปุ่ม/องค์ประกอบเมื่อธีมไม่ได้กำหนดสีไว้ |
การติดตั้ง
- ไปที่ ปลั๊กอิน → เพิ่มปลั๊กอินใหม่ → อัปโหลดปลั๊กอิน
- เลือกไฟล์ ZIP ของ ED Social Share แล้วกด Install Now
- เปิดใช้งานปลั๊กอิน
- ไปที่ Settings → ED Social Share
- เลือกประเภทเนื้อหาที่ต้องการแสดงปุ่มแชร์ เปิดช่องทางที่ต้องการ และปรับข้อความ/รูปแบบตามต้องการ
- กด “บันทึกการตั้งค่า” — ปุ่มแชร์จะปรากฏทันทีตามตำแหน่งที่เลือกไว้
ความเข้ากันได้
| ระบบ | การทำงานร่วมกัน |
|---|---|
| WordPress | รองรับโพสต์และเพจมาตรฐานของ WordPress |
| WooCommerce | รองรับหน้าสินค้าแบบ Single Product |
| ปลั๊กอิน SEO (Yoast / Rank Math / AIOSEO) | เมื่อแชร์ไป Facebook หรือ LINE แพลตฟอร์มจะอ่านข้อมูล Open Graph (Title, Description, Image) จากปลั๊กอิน SEO ที่ติดตั้งอยู่ในหน้านั้นตามปกติ |
| Gutenberg / Elementor | วาง Shortcode |
| ปลั๊กอินแคช | เป็นปลั๊กอินขนาดเล็ก ไม่มีการตั้งค่าที่ขัดขวางการทำงานของปลั๊กอินแคชทั่วไป |
