> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/form/shopify-elements-customer-form-button.md).

# 顧客フォームボタン

### **カスタマーフォームボタン要素について**

**カスタマーフォームボタン**要素は、[**カスタマーフォーム**](https://help.pagefly.io/shopify-elements-customer-form/)をカスタマイズするのに役立つように設計されています。\_**カスタマーフォームボタン**\_要素はカスタマーフォームの**外に配置することはできません**のでご注意ください。**カスタマーフォームボタン**要素を追加する**前に**、レイアウトにカスタマーフォーム要素をドラッグしたことを確認してください。

カスタマーフォームによって収集されたすべてのデータは、Shopify管理画面の[顧客](https://www.shopify.com/admin/customers)に表示されます。

![](/files/5Lk6AZui4CiUFKdvCgYl)

\[pf\_custom\_content id="287" type="Customer Form Button"]

**カスタマーフォームボタン**要素には、ほとんどのニーズをカバーする複数のバリエーションがありますが、時間の節約に役立つよう、今後もさらにバリエーションを追加していきます。

### **カスタマーフォームボタン要素の設定**

この要素には、コンテンツの外観を微調整して可能な限り最高のコンバージョン率を達成するための豊富なパラメータが付属しています。

レイアウトで要素を選択すると、そのパラメータが表示されます。

![](/files/kxpceTgWlZMnttUBvYEd)

**カスタマーフォームボタン**要素には、ほとんどのニーズをカバーする複数のバリエーションがありますが、時間の節約に役立つよう、今後もさらにバリエーションを追加していきます。

![](/files/YYe5w90VUUY6OaKu0fo7)

### **カスタマーフォームボタン要素の設定**

この要素には、コンテンツの外観を微調整して可能な限り最高のコンバージョン率を達成するための豊富なパラメータが付属しています。

レイアウトで要素を選択すると、そのパラメータが表示されます。

![](/files/PbcxNoy0GRuiJTEffNBA)

**一般**タブと**スタイル設定**タブのパラメータは、この要素固有のものです。

#### 一般設定

| **コンテンツ**                                              |   |
| ------------------------------------------------------ | - |
| **ボタンタイプ:** 以下から選択できます: - テキストのみ - アイコン付きテキスト - アイコンのみ |   |

![](/files/DxrgVIKJOLz6llJxlaou) **アイコン位置**: アイコンを表示することを選択した場合、ここからその位置を、左、右、またはボタンテキストの上に選択できます。

![](/files/1MktGRYYLmidRMpHVhE0) |\
\| **ボタンテキスト:** ボタンの名前。 |

![](/files/RhnRilhDNnnLKLpGCN3Y) |\
\| **全幅を有効にする**: **はい**または**いいえ**を選択して、ボタンを全幅で表示できます。 |

![](/files/RGIDh8WNj6oXnCCX4xZI) |\
\| **トラッキング** | |\
\| *これは以下を設定するための場所です:* - **PageFlyイベント**。詳細については、この記事を[参照](https://help.pagefly.io/manual/page-analytics/)してください。 - ご利用のGAアカウントへの**Googleアナリティクス**イベント。設定方法については、[こちら](https://help.pagefly.io/documentation/pagefly-integrate-with-google-analytics-to-track-my-page/)を参照してください。 - **Facebookピクセル:** 顧客が要素をクリックしたときに。詳細については、[こちら](https://help.pagefly.io/documentation/pagefly-setup-facebook-pixel-to-my-page/)を参照してください。 |

![](/files/cwW3EnMNkJ8ICecPsEPS) |

***表示、属性、アニメーションパラメータに関する詳細情報については、*** [***こちら***](https://help.pagefly.io/manual/elements-general-settings/)***を参照してください***

#### スタイル設定

***スタイル設定タブの全体、間隔、文字体裁、背景、境界線、表示、カスタムCSSに関する詳細については、*** [***こちら***](https://help.pagefly.io/manual/elements-style-settings/)***を参照してください***


---

# 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://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/form/shopify-elements-customer-form-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.