> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/chtoriaru/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md).
# ボタンをクリックしてフローを開くように Open Flow Dialog を設定する
## 概要
このチュートリアルでは、〜を設定する方法を案内します [フロー ダイアログを開く](/experience-cloud/experience-cloud-ja/puropatipaneru/interactions/open-flow-dialog.md) Salesforce Experience Cloud サイト上でユーザーが Avonni Button コンポーネントをクリックしたときに Salesforce フローを起動するために。フローは、さまざまな [フロー用 Avonni コンポーネント](https://docs.avonnicomponents.com/flow/)を使用して構築および拡張でき、シームレスで統合されたユーザー体験を提供します。
{% hint style="danger" %}
**ダイアログボックスでフローを表示する**
「Open Flow Dialog Interaction」機能を使用してダイアログボックスにフローを表示する場合、フローが正しく構成されていることを確認することが重要です。ポイントは次のとおりです。
* **サイトにフローを配置する:** 表示したいフローは、Experience Cloud サイトに追加しておく必要があります。訪問者がアクセスできないページであっても、任意のページに追加できます。
* **サイトを公開する:** フローをサイトに追加したら、サイトを公開します。これにより、ダイアログボックスを開く際にシステムがフローを見つけて読み込めるようになります。
**なぜこれが必要なのですか？**
考えてみてください。サイト上のどこにも存在しないものをダイアログボックスに表示することはできません。フローをサイトに追加すると、必要なときに Experience Cloud が利用できるようになります。
**重要な注意**
フローは表示可能なページ上にある必要はありませんが、サイト構造のどこかに存在している必要があります。これにより、ダイアログボックスが起動されたときにフローが正しく読み込まれます。
{% endhint %}
{% hint style="warning" %}
サイトがゲストユーザーに対してアクセス可能な場合は、ゲストユーザーにアクセスを許可するようフローを設定してあることを確認してください。
{% endhint %}
## インタラクティブなステップバイステップ設定ガイド
{% @arcade/embed url="" flowId="Cxu0lBJkIxDxiNFlZr0U" %}
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/chtoriaru/interactions/configure-the-open-flow-dialog-to-open-a-flow-by-clicking-a-button.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.