All Products
Search

This Product

    Chat App Message Service:Kanvas Flow Editor

    Document Center

    Chat App Message Service:Kanvas Flow Editor

    Last Updated:Jun 21, 2026

    Kanvas merupakan ruang kerja utama di Flow Editor. Untuk membuat alur (flow), Anda menyeret komponen ke kanvas lalu mengonfigurasi pengaturannya. Topik ini memperkenalkan area dan fungsi halaman kanvas untuk membantu Anda memulai penggunaan Flow Editor.

    Contoh halaman kanvas

    Gambar berikut menunjukkan halaman awal setelah Anda membuat flow baru. Gunakan penanda bernomor pada gambar dan deskripsi dalam Area halaman kanvas untuk memahami kanvas:

    Halaman kanvas mencakup area-area berikut: di bagian atas terdapat bidang ① nama flow. Di pojok kanan atas terdapat tombol ② Save, tombol ③ Publish, dan tombol ④ Settings. Bilah navigasi kiri berisi ⑤ pohon outline, ⑥ pustaka komponen, ⑦ riwayat versi, dan ⑧ ikon pemeriksaan error. Panel ⑨ Component library mencantumkan komponen dasar seperti Set Variables, Conditional Branch, Jump to Node, Date/Time Branch, Wait, HTTP Request, dan Call Function, serta komponen pesan seperti Send WhatsApp Message. Kanvas alur pusat ⑩ menampilkan alur orkestrasi node (Start → Send Message → Wait for Response → End). Panel konfigurasi node ⑪ di sebelah kanan memungkinkan Anda mengatur parameter seperti variabel yang tersedia, aksi pengiriman (misalnya Reply), jenis pesan (misalnya Text), konten pesan, dan timeout.

    Area halaman kanvas

    Lihat Contoh halaman kanvas dan deskripsi berikut untuk memahami fungsi masing-masing area bernomor pada kanvas.

    Nomor

    Nama area

    Deskripsi

    1

    Nama flow dan versi pengeditan saat ini

    Menampilkan nama flow saat ini dan versi yang sedang Anda edit.

    2

    Save

    Menyimpan perubahan dan konfigurasi flow Anda.

    3

    Publish/unpublish

    Menerbitkan flow saat ini atau membatalkan penerbitan flow yang telah diterbitkan.

    4

    Settings

    • Quick copy: Setelah menerbitkan flow, klik quick copy untuk membuat versi baru yang dapat diedit. Setelah selesai, klik Publish untuk menerbitkan versi baru tersebut.

    • Export: Mengekspor konten kanvas saat ini sebagai file JSON lokal.

    • WABA binding: Untuk flow yang dipicu oleh WhatsApp, klik WABA binding untuk mengatur atau mengubah binding.

    • Instagram binding: Untuk flow yang dipicu oleh Instagram, klik Instagram binding untuk mengatur atau mengubah Account ID yang terikat.

    • Viber binding: Untuk flow yang dipicu oleh Viber, klik Viber binding untuk mengatur atau mengubah Account ID yang terikat.

    5

    Outline tree

    Menampilkan informasi flow dalam tampilan outline. Anda dapat dengan cepat mencari komponen berdasarkan nama dan langsung menuju ke lokasinya.

    6

    Component library

    Berisi semua komponen yang tersedia. Anda dapat mengklik komponen dan menyeretnya ke kanvas.

    7

    Version history

    Mencantumkan semua versi yang telah dibuat. Pilih versi tertentu untuk mengeditnya.

    8

    Error check

    Secara otomatis memeriksa error dalam alur kanvas Anda.

    9

    Area pemilihan komponen

    Terletak di sebelah kiri. Seret komponen ke kanvas, atau klik tombol image pada kanvas untuk menambahkannya.

    10

    Area pengeditan kanvas

    Terletak di tengah. Klik + atau - untuk memperbesar/memperkecil. Seret kanvas untuk menggeser tampilan.

    11

    Area konfigurasi komponen

    Terletak di sebelah kanan. Klik komponen pada kanvas untuk mengonfigurasi pengaturannya di panel ini.

    Dokumentasi terkait

    Lihat topik-topik berikut untuk mempelajari cara menggunakan Flow Editor dan mengonfigurasi komponennya.