> For the complete documentation index, see [llms.txt](https://docs.dibales.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dibales.ai/instagram/flow-builder-pro.md).

# Flow Builder \[Pro]

<figure><img src="/files/BZXaXmbYXPhwCbrHeQC2" alt=""><figcaption></figcaption></figure>

Flow Builder adalah fitur untuk merancang alur percakapan otomatis di Instagram secara visual.

{% hint style="info" %}
Flow builder bisa diakses melalui halaman [https://flow.dibales.ai](https://flow.dibales.ai/) atau klik menu "Flow Builder" di dashboard dibales.ai&#x20;
{% endhint %}

### Tips cepat mengerti Flow Builder:

Sebelum membuat flow sendiri, kami mengajak kamu melalui dua langkah: **mencoba hasilnya terlebih dahulu**, lalu **mempelajari strukturnya**.

### Langkah 1 — Coba Flow-nya Secara Langsung

Buka Instagram, lalu kirim DM ke akun **@dibales.ai** dengan mengetik: "**FLOW**"

<figure><img src="/files/onuba9tMF555kGusmPJs" alt=""><figcaption></figcaption></figure>

<p align="center"><a href="https://ig.me/m/dibales.ai" class="button primary">Klik disini untuk membuka DM @dibales.ai</a></p>

{% hint style="info" %}
Ulangi dan klik tombol yang berbeda-beda. Kamu akan melihat percakapannya bercabang ke arah yang berbeda pada setiap pilihan.
{% endhint %}

### Langkah 2 — Pelajari Strukturnya Melalui Template

Setelah mencoba hasilnya, kini pelajari strukturnya. Flow yang baru saja kamu jalankan telah kami sediakan sebagai template dengan nama: **Example Flow - Learning by Doing**

<figure><img src="/files/xQHHos1V2lzPOBrGpEnQ" alt=""><figcaption></figcaption></figure>

Buka template ini pada dashboard Flow Builder ⇒ [`flow.dibales.ai`](https://flow.dibales.ai)

<figure><img src="/files/CtxcJhtiPbcI3ztCQWIY" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/JxEclAmjdoM3dczL9KNt" alt=""><figcaption></figcaption></figure>

Pada kanvas, kamu akan melihat seluruh isi flow yang tadi kamu jalankan. Sambil mengamati, cocokkan dengan yang baru saja kamu alami:

| Yang kamu lihat pada kanvas | Yang kamu alami saat DM tadi                  |
| --------------------------- | --------------------------------------------- |
| **Trigger**                 | Keyword "flow" yang memulai percakapan        |
| **Node**                    | Setiap pesan yang masuk kepada kamu           |
| **Cabang dari tombol**      | Jalur berbeda setiap kali kamu menekan tombol |
| **Jenis pesan**             | Teks, gambar, video, atau PDF pada tiap node  |
| **Delay**                   | Pengaturan kapan pesan dikirim                |

💡 **Tips:** Telusuri mulai dari trigger, lalu ikuti garis penghubungnya satu per satu. Begitu kamu dapat mencocokkan setiap node pada kanvas dengan pesan yang tadi kamu terima, kamu telah memahami logika dasarnya.

Kamu juga bisa melihat preview dari flow yang kamu buat dengan klik menu "Preview" di pojok kanan atas:

<figure><img src="/files/MRdQsaVx0a7PW5tPzdN6" alt=""><figcaption></figcaption></figure>

***

### Langkah 3 — Kini Giliran Kamu

Setelah memahami polanya, kamu tinggal mempraktikkannya. Kamu dapat:

* **Menduplikat** template "Example Flow - Learning by Doing", lalu mengganti isinya sesuai kebutuhanmu, atau
* **Memulai dari awal** dan merangkai flow-mu sendiri dari nol

✅ **Selesai!** Kamu kini telah memahami cara membaca dan cara kerja sebuah flow. Selebihnya tinggal bereksplorasi sesuai kebutuhan bisnismu.

<p align="center"><a href="https://flow.dibales.ai/" class="button primary" data-icon="diagram-project">Buka Flow Builder Sekarang</a></p>

***

{% hint style="success" %}
Upgrade ke Pro sekarang, cukup bayar selisih [\[Pelajari Selengkapnya\]](/others/billing/upgrade-layanan-dibales.ai.md)
{% endhint %}