Artikel ini menjelaskan cara menampilkan data Airtable di situs web menggunakan Softr, dan menyimpan balasan pengguna kembali ke Airtable.
Dengan menghubungkan Softr ke Airtable, Anda dapat membuat daftar dan halaman detail di situs web, serta menambahkan fitur komentar untuk menyimpan balasan pengguna ke tabel 'Table - Comment'.
Karena keterbatasan fitur Preview di Softr, Anda perlu membuat pengguna, login, lalu menuju halaman daftar, kemudian ke halaman detail untuk memberikan komentar dan memeriksa balasan tersebut di Airtable untuk memastikan fungsi tersebut telah terimplementasi.
Kali ini, kita akan membahas tentang menampilkan konten yang ada di Airtable ke dalam situs web menggunakan Softr.
Untuk pengujian, kita akan melakukan sedikit modifikasi pada konten yang ada di Airtable.
Kemudian, kita akan membuat sebuah situs web di Softr. Softr menyediakan beberapa halaman dasar yang dapat kita atur, dan saya memilih Home dan List.
Pada halaman List, ketika kita memilih List, pengaturan akan muncul di sebelah kanan, dan di Source, kita dapat menghubungkan Airtable.
Setelah terhubung, kita dapat melihat pratinjau informasi yang telah kita masukkan di Airtable. Informasi yang tidak ada akan ditampilkan dengan nilai default.
Selanjutnya, kita ingin membuat navigasi dari halaman List ke halaman detail dan memungkinkan pengguna untuk memberikan tanggapan. Kemudian, tanggapan tersebut akan kita simpan kembali ke Airtable.
Di pengaturan sebelah kanan, kita menuju ke Actions. Kemudian, di Item Buttons, kita mengubah action-nya. Saya memilih Open detail pages.
Di Select page, kita akan membuat halaman baru. Kemudian, pilih Detail Page yang sesuai keinginan.
Setelah halaman dibuat, tambahkan Comments block.
Hubungkan Comments block dengan Airtable.
Sebelum itu, kita tidak dapat menggunakan tabel yang sudah ada, jadi kita perlu masuk ke Airtable dan membuat tabel baru. Saya menamainya 'Table - Comment'.
Kemudian, sesuaikan field-nya. Saya membuat Email, Comment, Date, dan RecordId.
Jika sudah selesai, kembali ke Softr dan hubungkan Comments block dengan Airtable di Source.
Sekarang, kita akan melakukan pengujian. Softr menyediakan fitur Preview, tetapi Comment hanya dapat ditinggalkan oleh akun yang login. Jadi, kita akan membuat user.
Klik tombol Users di sebelah kiri untuk masuk ke halaman Users.
Informasi User dapat dihubungkan dengan Airtable atau layanan lainnya, tetapi di sini kita akan melewati langkah ini dengan memilih Skip.
Buat user dengan mengklik Add user(s) di pojok kanan atas.
Sekarang, kembali ke Pages dan masuk ke halaman List.
Kemudian, klik tombol Preview di bagian atas untuk masuk ke mode pratinjau.
Di pratinjau, kita dapat mengubah status ke login.
Login dengan user yang telah kita buat sebelumnya menggunakan tombol di bagian atas.
Klik tombol di List. Setelah diklik, kita akan diarahkan ke halaman detail yang telah kita buat sebelumnya.
Kemudian, berikan komentar.
Selesai.
Sekarang, mari kita cek ke Airtable apakah tanggapan sudah tersimpan dengan benar.