# 顧客フォームボタン

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

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

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

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-76877a31f95af7800a21a38f78df9751a070dae7%2F1-1-scaled%20\(1\).jpg?alt=media)

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

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

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

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

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

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-2ae51fa28c490307428e51bc5c919295b696d0aa%2F01-1.gif?alt=media)

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

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-13967e0c11fe4118f237c2311e5c3f707da40026%2F01-1.png?alt=media)

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

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

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

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-999e1fa1dd7cb353f14ba22bd8a44d0d14e0890d%2F02-1.png?alt=media)

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

#### 一般設定

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

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-52807210b12c481a8a666648f634cbdb4139a4db%2F03-1.png?alt=media) **アイコン位置**: アイコンを表示することを選択した場合、ここからその位置を、左、右、またはボタンテキストの上に選択できます。

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-6f9da2d9c9599d79af8486153433c60f4b71d1b8%2F04-1.png?alt=media) |\
\| **ボタンテキスト:** ボタンの名前。 |

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-8c6ca269d4ddbf8dd8faaaa44bf985ab0dde23e6%2F02-1.gif?alt=media) |\
\| **全幅を有効にする**: **はい**または**いいえ**を選択して、ボタンを全幅で表示できます。 |

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-db6efc11204a90c6f85b8a662d00a1256c77ba14%2F03-1.gif?alt=media) |\
\| **トラッキング** | |\
\| *これは以下を設定するための場所です:* - **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/)を参照してください。 |

![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-bad0a8a23b80a0d5aced19df023089d4a5005497%2F05-1.png?alt=media) |

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

#### スタイル設定

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