# お問い合わせフォーム ### コンタクトフォーム要素について [Shopifyコンタクトフォーム](https://help.pagefly.io/manual/shopify-elements-contact-form/)要素は、顧客のメッセージや問い合わせを迅速に収集し、コンバージョン率を高めるために設計されています。 * 顧客からのメッセージは、Shopify管理画面 > 設定 > 通知で設定された送信元メールアドレスに直接送信されます。 * 各メールアドレスからは、回数無制限で送信できます。 詳細については、このビデオチュートリアルをご覧ください。 {% embed url="" %} ### コンタクトフォーム要素にアクセスする方法 コンタクトフォーム要素にアクセスするには、以下の3つのステップが必要です。 * ステップ1：左サイドメニューにある2番目のアイコン（要素カタログ）をクリックし、Shopifyタブに切り替えます。 * ステップ2：ドロップダウンメニューにある**コンタクトフォーム**要素をクリックします。 * ステップ3：要素をページエディターにドラッグアンドドロップして使用を開始します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-6f0b51b0507f5b6cc8feec94afc8966af7e16f15%2FAD_4nXcJAAQkkzy0Bz9WwX8vDcUHUyagohZjSloB9nXASCQtE50uyqYSX9rL6YaizbwRqKFVtP0soyv1ppK0A0ZUKNEHnk0a8HxgDujnSr1DUa_67KrbYxNA2v148wZb16LLlVOWPBkFrrVEEa-R5DCKyB9_U1-u?alt=media) コンタクトフォーム要素には、ほとんどのニーズに対応する複数のバリエーションが付属しています。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nZeeKRRpRw6zkVUjTnlznOD7TDg7mayGRoTn21Zz2jJkDOGDqJyV4Z9Both_XKZclNMC7XvEGAOLe7v347saG4XtBqqtzEg0fm3acNEIPtQ5dcUgBXEVFr07gC3aThv4GPuhgK7UUWqvDdXMxufQJckLFxHO) ### コンタクトフォーム要素の設定方法 この要素には、コンテンツの外観を微調整して可能な限り最高のコンバージョン率を達成するための多くのパラメーターがあります。コンタクトフォーム内のすべての要素には同様のパラメーターがあります。 まず、要素をレイアウトにドラッグし、選択して設定を表示します。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-440cc0301b39a4e73492635511022b8ab4b855e3%2FAD_4nXcFGSi0hrq3DTnwNcZ1SUtQQofGMPegC8KxCg4iMgVnO6JpDXqlkRE9_0fGd9e6WUgFiLu1b3nNLBLLZJSBlIq3WffJyQiNfTps-WZ-ehJKX601z8oYPIYBAVH0BPBrD2gSJ-qJe-mLYhChHOjLoAbN04cx?alt=media) #### 一般設定 **確認メッセージの表示**: 顧客に成功/エラーメッセージを表示する場合に有効化 * 成功メッセージ: フォーム送信成功後に表示されるテキスト。 * エラーメッセージ: フォーム送信失敗後に表示されるテキスト。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdPHxKXVKPz3bo4SZdhm86cmme948-P81KAYwDxyk1OsadpLlK_xIi--ZIriJNQHIq_R7nAkBGzoKbHjTqTrIQSzUuH-cDez0Ukowmo-LFjuGJsdIKhJjk_4gQjv5wrHh2QvbLj7uaQspJGtR6CxoJFS3Rs) **送信後にリダイレクト**: 送信後に顧客をリダイレクトする場合にこの機能を有効化 * リダイレクトURL: URLを入力するか、サイトのURLを選択します。 * リダイレクト遅延（秒）: 一定時間後にリダイレクト（最小値は1秒、最大値は10秒） ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXcTAbb0Ds6D698WBfwHCQ5wr73t4joxP0lzCYApGrQ0k0LwuhHjMRK5u17AfGDSkp5Pdj4YBcst9ZqzRQxeUWGk6RcM2-Y-VLyV73updZPGbfO3Xd9Ui1ovZQqG51xluhEWefAPfmsOzW20VZ5Ta4JE0Xw) ATTRIBUTES、VISIBILITY、ANIMATIONパラメーターの詳細については、[こちら](https://help.pagefly.io/manual/elements-general-settings/)をご覧ください。 #### スタイル設定 \[スタイル]タブの詳細については、こちらの[リンク](https://help.pagefly.io/manual/elements-style-settings/)を参照してください。 コンタクトフォーム要素内には、別のサブ要素である「コンタクトフォームフィールド要素」があります。詳細については、[こちらの記事](https://help.pagefly.io/manual/shopify-elements-contact-form-field/)をご覧ください。 ### 一般的なケース 顧客が情報（名前、メールアドレス、メッセージ）を送信できず、フォーム送信後に「申し訳ありません、送信できませんでした！後でもう一度お試しください」という通知が表示される場合があります。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXdomzYmuTfIJwgPAFfKgilFNuiI7ErpkkNfPazrSI9NgCP_lYpeb9WohF8QcNvhxhyngUlBRU2aaZzwWgmHtbJotUZ9FXR_weHMNWiK9quD5_7QLR6XGTzDRO6RMnvtpoC3UMcfSLevW07XBV76mgkeyc94mC0mH4YyMgiXN9s4J1g.png) この場合、エディターでメールフィールドを再度確認する必要があります。 これは主に、メールアドレスに間違ったフィールドを設定しているためです。以下の画像をご覧ください。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-e5d311ec83308e88adea7d3d99c63bf3c638762b%2FUntitled-design-82.png?alt=media) ご覧のように、メールアドレスのフィールドタイプが現在「単一行テキスト」に設定されています。これが送信できない理由です。この問題を解決するには、「単一行テキスト」（または他のオプション）のメールフィールドを以下の画像のように「メール」に変更するだけです。 ![](https://2271939490-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT9kr2rEW4UEj3nmGvBuq%2Fuploads%2Fgit-blob-4982a56845ddd995dd231b59f39f87468aa565d0%2FUntitled-design-84.png?alt=media) そして「公開」ボタンをクリックします。これで問題は解決しました！ ただし、メールフィールドに変更しても問題が解決しない場合は、ライブチャットウィンドウ経由でお知らせください。喜んでお手伝いさせていただきます！ ### よくある質問 **1. Shopifyコンタクトフォームをページに設置する必要があるのはなぜですか？** これは、訪問者が積極的に販売者に連絡するための最良の方法です。 **2. コンタクトフォームにはいくつフィールドを含めるべきですか？** Hubspotによる40,000件の個別コンタクトフォームに関する調査によると、3つのフィールドで十分です。 ### 参考資料 [Shopifyコンタクトフォームフィールドの使用方法](https://help.pagefly.io/manual/shopify-elements-contact-form-field/) [Shopifyカスタマーフォームの使用方法](https://help.pagefly.io/manual/shopify-elements-customer-form/)