> 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).

# ボタンをクリックして Flow を開くように Open Flow Dialog を設定する

## 概要

このチュートリアルでは、設定方法を順を追って案内します [Flow ダイアログを開く](/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 サイトに追加しておく必要があります。たとえそのページが訪問者に公開されていなくても、任意のページに追加できます。

<img src="/files/99a18d10179845d582dc650021a8d4774ed48927" alt="" data-size="original">

* **サイトを公開する:** フローをサイトに追加したら、サイトを公開します。これにより、ダイアログ बॉックスを開く際にシステムがフローを見つけて読み込めるようになります。

**なぜこれが必要なのですか?**

考えてみてください。サイトのどこにも存在しないものを、ダイアログ बॉックスに表示することはできません。フローをサイトに追加することで、必要なときに Experience Cloud が利用できるようになります。

**重要な注意**

フローは表示可能なページ上にある必要はありませんが、サイトの構造内のどこかに存在している必要があります。これにより、ダイアログ बॉックスが起動されたときにフローが正しく読み込まれます。
{% endhint %}

{% hint style="warning" %}
サイトがゲストユーザーに公開されている場合は、ゲストユーザーがアクセスできるようにフローを設定しておいてください。
{% endhint %}

## インタラクティブなステップバイステップ設定ガイド

{% @arcade/embed url="<https://app.arcade.software/share/Cxu0lBJkIxDxiNFlZr0U>" 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=<question>&goal=<endgoal>
```

`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.