# Merancang Alur Percakapan Chatbot

Pada laman **List of Chatbot**, klik salah satu chatbot yang telah Anda buat untuk mulai merancang atau mengedit alur komunikasi dari chatbot tersebut.

Anda akan diarahkan ke kanvas pada laman **Flow Builder** untuk dapat merancang alur komunikasi chatbot.

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

Jika Anda belum pernah melakukan perubahan apapun setelah membuat chatbot, Anda akan menemukan alur default pada laman Flow Builder.

Atur alur komunikasi dari chatbot yang Anda buat dengan menambahkan berbagai elemen chatbot dengan berbagai fungsi yang berbeda sesuai dengan kebutuhan Anda pada diagram alur komunikasi chatbot Anda.

Klik tombol **Add Element** yang ada di sebelah kiri halaman untuk memunculkan elemen yang dapat ditambahkan ke diagram Anda.

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

Klik dan tarik elemen yang ingin Anda tambahkan ke dalam diagram pada kanvas sesuai dengan alur komunikasi yang ingin dibuat.

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

Untuk menghubungkan satu elemen dengan elemen lainnya, arahkan kursor ke sisi kanan elemen yang akan dihubungkan hingga muncul bentuk lingkaran atau persegi panjang transparan. Klik bentuk transparan tersebut dan tarik kursor ke elemen yang ingin Anda hubungkan.

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

Untuk mengedit komponen dari elemen chatbot pada diagram alur komunikasi Anda, klik elemen yang diinginkan. Kemudian, masukkan nama dan edit komponen dari elemen pada jendela yang muncul di layar Anda.

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

{% hint style="info" %}
Pelajari [Element](/oca-automated-interaction/oca-ai-guide/automated-interaction-menu/home/merancang-alur-percakapan-chatbot/element-dalam-chatbot.md) untuk mengetahui fungsi dari setiap elemen serta komponen yang dapat Anda edit di dalamnya.
{% endhint %}

Anda dapat menghapus elemen bot yang telah ditambahkan ke dalam kanvas dengan mengklik ikon **Remove** pada bagian bawah elemen. Sementara, untuk menggandakan elemen bot, klik ikon **Duplicate**.

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

Anda juga dapat mencari elemen yang telah Anda masukan ke dalam kanvas berdasarkan nama atau tipe elemen dengan mengklik ikon **Search Element**.

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

Setelah selesai merancang alur komunikasi dari chatbot Anda, klik **Save as Draft** untuk menyimpan chatbot yang telah Anda buat sebagai draft pada dashboard OCA AI.

Klik **Publish** untuk menerbitkan atau memperbarui perubahan chatbot. Jika chatbot sebelumnya sudah diintegrasikan dengan salah satu channel komunikasi, alur komunikasi chatbot akan otomatis diperbarui sesuai dengan perubahan yang Anda lakukan.

Setiap perubahan yang Anda simpan sebagai draft atau dipublikasikan akan disimpan sebagai versi baru dari chatbot dan dapat diakses melalui tombol **Version History** pada sisi kiri laman Flow Builder.

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

Versi chatbot yang telah dipublikasikan akan memiliki label **Publish**.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.ocaindonesia.co.id/oca-automated-interaction/oca-ai-guide/automated-interaction-menu/home/merancang-alur-percakapan-chatbot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.