บทสรุปของโพสต์โดย durumis AI
- บทความนี้จะแนะนำวิธีการแสดงข้อมูลจาก Airtable บนเว็บไซต์โดยใช้ Softr และบันทึกคำตอบของผู้ใช้กลับไปยัง Airtable
- เชื่อมต่อ Softr กับ Airtable เพื่อสร้างรายการและหน้ารายละเอียดบนเว็บไซต์ และเพิ่มฟังก์ชันความคิดเห็นเพื่อบันทึกคำตอบของผู้ใช้ลงในตาราง 'Table - Comment'
- เนื่องจากฟังก์ชัน Preview ของ Softr มีข้อจำกัด เราจำเป็นต้องสร้างผู้ใช้และเข้าสู่ระบบ จากนั้นไปที่หน้ารายการ แล้วไปยังหน้ารายละเอียดเพื่อใส่ความคิดเห็น และตรวจสอบคำตอบใน Airtable เพื่อยืนยันว่าฟังก์ชันทำงานได้อย่างถูกต้อง
เนื้อหานี้ต่อเนื่องมาจากเนื้อหาข้างล่าง
คราวนี้เป็นการแสดงผลข้อมูลที่มีอยู่ใน Airtable บนเว็บไซต์โดยใช้ Softr
เพื่อทดสอบ เราจะแก้ไขข้อมูลใน Airtable เล็กน้อย
จากนั้น สร้างเว็บไซต์ใน Softr
สามารถตั้งค่าหน้าเว็บพื้นฐานได้ โดยผมเลือก Home และ List
ในหน้า List เมื่อเลือก List จะมีการตั้งค่าปรากฏขึ้นทางด้านขวา
สามารถเชื่อมต่อ Airtable ได้จาก Source
เมื่อเชื่อมต่อแล้ว จะเห็นข้อมูลที่ป้อนไว้ใน Airtable ในตัวอย่าง
ข้อมูลที่ไม่มี จะแสดงเป็นค่าเริ่มต้น
ตอนนี้เราจะพยายามไปยังหน้ารายละเอียดจากหน้า List และรับคำตอบ
และเราจะลองบันทึกคำตอบนั้นกลับไปยัง Airtable
ไปที่ Actions ในการตั้งค่าทางด้านขวา
แล้วเปลี่ยน Action ใน Item Buttons
ผมเลือก Open detail pages
ใน Select page เราจะสร้างหน้าใหม่
แล้วเลือก Detail Page ที่ชอบ
เมื่อสร้างหน้าเสร็จแล้ว เพิ่ม Comments block
เชื่อมต่อ Airtable กับ Comments block ที่สร้างขึ้น
ก่อนหน้านั้น เราไม่สามารถใช้ตารางเดิมได้ ดังนั้นให้เข้าสู่ระบบ Airtable แล้วสร้างตารางใหม่
ผมสร้างชื่อว่า 'Table - Comment'
จากนั้นแก้ไขฟิลด์ให้เหมาะสม
ผมสร้าง Email, Comment, Date, RecordId
ถ้าทำมาถึงตรงนี้แล้ว ให้กลับไปที่ Softr แล้วเชื่อมต่อ Airtable กับ Comments block ใน Source
ตอนนี้เราจะทดสอบ
Softr มีฟังก์ชั่น Preview แต่ Comment สามารถบันทึกได้เฉพาะผู้ใช้ที่ลงชื่อเข้าใช้เท่านั้น
ดังนั้น เราจะสร้างผู้ใช้
กดปุ่ม Users ทางด้านซ้ายเพื่อไปยังหน้าผู้ใช้
สามารถเชื่อมต่อข้อมูลผู้ใช้กับ Airtable หรือบริการอื่นๆ ได้ แต่ที่นี่เราจะข้ามไปโดยการกด Skip
สร้างผู้ใช้โดยกด Add user(s) ที่มุมขวาบน
ตอนนี้กลับไปที่ Pages แล้วไปที่หน้า List
จากนั้นกดปุ่ม Preview ที่ด้านบนเพื่อไปยังโหมด Preview
สามารถเปลี่ยนเป็นสถานะที่ลงชื่อเข้าใช้ใน Preview
ลงชื่อเข้าใช้ด้วยผู้ใช้ที่เราสร้างขึ้นโดยใช้ปุ่มด้านบน
ลองกดปุ่มใน List
เมื่อกดปุ่ม จะไปยังหน้ารายละเอียดที่เราสร้างขึ้น
ตอนนี้ไปที่ Airtable แล้วตรวจสอบว่าคำตอบถูกบันทึกหรือไม่