อยากแสดงโพสต์ล่าสุดบนเว็บไซต์ของคุณโดยไม่ต้องคอยอัปเดตเองใช่ไหม วิดเจ็ต Feeder ช่วยแสดงฟีดสดบนเว็บไซต์ได้ทุกแห่ง และจะรีเฟรชเองเมื่อมีโพสต์ใหม่ สร้างวิดเจ็ตเพียงครั้งเดียว วางโค้ดสั้น ๆ แล้วก็เรียบร้อย
ใช้งานได้กับทุกเว็บไซต์ที่เพิ่ม HTML ได้ เช่น WordPress, Squarespace, Wix, Webflow และหน้าเว็บที่เขียนโค้ดเอง
สิ่งที่ต้องมี
วิดเจ็ตเป็นส่วนหนึ่งของเครื่องมือเผยแพร่ของ Feeder และใช้งานได้กับแพ็กเกจ Feeder แบบชำระเงิน หากใช้แพ็กเกจฟรี เมื่อเปิดเครื่องมือสร้างวิดเจ็ต ระบบจะแสดงตัวเลือกให้อัปเกรด
ขั้นตอนที่ 1: สร้างวิดเจ็ต
- เปิด Feeder ไปที่แท็บ เผยแพร่ แล้วเลือก วิดเจ็ต ลิงก์โดยตรง: feeder.co/settings/publish/widgets
- สร้างวิดเจ็ต แล้วเลือกฟีดที่ต้องการแสดง
- กำหนดรูปแบบ เช่น ธีม สี แบบอักษร ความกว้าง ความสูง และจำนวนโพสต์ที่จะแสดง ตัวอย่างจะแสดงการเปลี่ยนแปลงทันที สิ่งที่คุณเห็นจึงตรงกับสิ่งที่ผู้เข้าชมจะเห็น
- บันทึกวิดเจ็ต
ขั้นตอนที่ 2: คัดลอกโค้ดฝัง
เครื่องมือสร้างวิดเจ็ตมีวิธีฝัง 3 แบบ โดยใส่ ID วิดเจ็ตของคุณไว้ให้แล้ว เลือกวิธีที่เหมาะกับเว็บไซต์ของคุณ
iframe (ใช้ได้เกือบทุกที่)
ตัวเลือกที่ปลอดภัยที่สุดสำหรับ WordPress และเครื่องมือสร้างเว็บไซต์ส่วนใหญ่ เพราะไม่ต้องใช้สคริปต์ที่กำหนดเอง
https://widgets.feeder.co/?frame&widget=YOUR_WIDGET_ID
แท็กสคริปต์
แสดงฟีดบนหน้าเว็บโดยตรง ใช้วิธีนี้เมื่อเว็บไซต์อนุญาตให้ใช้สคริปต์ที่กำหนดเอง และต้องการให้ฟีดกลมกลืนกับเลย์เอาต์
<feeder-widget data-widget-id="YOUR_WIDGET_ID" style="width: 100%; height: 600px"></feeder-widget>https://widgets.feeder.co/widget.js
URL แบบข้อความธรรมดา
เหมาะสำหรับเครื่องมือที่ให้ใส่ลิงก์เพื่อฝัง
https://widgets.feeder.co/?embed&widget=YOUR_WIDGET_ID
เพิ่มวิดเจ็ตใน WordPress
WordPress ไม่จำเป็นต้องใช้ปลั๊กอิน เพียงวางโค้ดฝังลงในบล็อกหรือพื้นที่วิดเจ็ต เราแนะนำให้ใช้แบบ iframe เพราะ WordPress มักลบสคริปต์ที่กำหนดเองออกด้วยเหตุผลด้านความปลอดภัย
ในหน้าหรือโพสต์ (ตัวแก้ไขแบบบล็อก)
- แก้ไขหน้าหรือโพสต์ที่ต้องการแสดงฟีด
- เพิ่มบล็อก แล้วเลือก HTML ที่กำหนดเอง
- วางโค้ด iframe จากขั้นตอนที่ 2
- ดูตัวอย่างหรือเผยแพร่ ฟีดจะแสดงตรงตำแหน่งที่วางบล็อกไว้
ในแถบด้านข้างหรือส่วนท้าย
- ไปที่ รูปลักษณ์ > วิดเจ็ต (หรือ รูปลักษณ์ > ปรับแต่ง > วิดเจ็ต)
- เพิ่มวิดเจ็ต HTML ที่กำหนดเอง ในพื้นที่ที่ต้องการ
- วางโค้ด iframe แล้วบันทึก
ใช้ตัวแก้ไขแบบคลาสสิก
สลับจากแท็บ ภาพ ไปที่แท็บ ข้อความ แล้ววางโค้ด iframe ในตำแหน่งที่ต้องการให้แสดงฟีด
ใช้ WordPress.com อยู่หรือไม่? การฝัง HTML ที่กำหนดเองต้องใช้แพ็กเกจ Business ขึ้นไป ส่วน WordPress ที่โฮสต์เอง (WordPress.org) ผู้ดูแลระบบทุกคนสามารถเพิ่มโค้ดตามขั้นตอนข้างต้นได้
เครื่องมือสร้างเว็บไซต์อื่น ๆ
- Squarespace, Wix, Webflow และแพลตฟอร์มที่คล้ายกัน: เพิ่มบล็อก Embed หรือ HTML ที่กำหนดเอง แล้ววางโค้ด iframe
- เว็บไซต์ที่เขียนโค้ดเอง: วางโค้ด iframe หรือแท็กสคริปต์ลงใน HTML โดยตรง
เคล็ดลับและการแก้ปัญหา
- ปรับขนาด: เปลี่ยนความกว้างและความสูงในโค้ดฝัง หรือปรับในเครื่องมือสร้างวิดเจ็ตก่อนคัดลอกโค้ด
- ไม่มีอะไรแสดงขึ้นมา? เว็บไซต์ของคุณอาจลบสคริปต์ออก ให้เปลี่ยนไปใช้แบบ iframe ซึ่งใช้งานได้ในหลายที่กว่า
- อัปเดตอยู่เสมอ: วิดเจ็ตอ่านข้อมูลจากฟีด Feeder ของคุณโดยตรง โพสต์ใหม่จึงแสดงขึ้นมาเอง ไม่ต้องวางโค้ดซ้ำ
ติดขัดหรือต้องการความช่วยเหลือในการตั้งค่าใช่ไหม ติดต่อเราได้ทุกเมื่อที่ support@feeder.co 👋