# お問い合わせフォーム ### コンタクトフォーム要素について [Shopifyコンタクトフォーム](https://help.pagefly.io/manual/shopify-elements-contact-form/)要素は、顧客のメッセージや問い合わせを迅速に収集し、コンバージョン率を高めるために設計されています。 * 顧客からのメッセージは、Shopify管理画面 > 設定 > 通知で設定された送信元メールアドレスに直接送信されます。 * 各メールアドレスからは、回数無制限で送信できます。 詳細については、このビデオチュートリアルをご覧ください。 {% embed url="" %} ### コンタクトフォーム要素にアクセスする方法 コンタクトフォーム要素にアクセスするには、以下の3つのステップが必要です。 * ステップ1：左サイドメニューにある2番目のアイコン（要素カタログ）をクリックし、Shopifyタブに切り替えます。 * ステップ2：ドロップダウンメニューにある**コンタクトフォーム**要素をクリックします。 * ステップ3：要素をページエディターにドラッグアンドドロップして使用を開始します。 ![](/files/vr8BK3QtaEOCfyUaUfhc) コンタクトフォーム要素には、ほとんどのニーズに対応する複数のバリエーションが付属しています。 ![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nZeeKRRpRw6zkVUjTnlznOD7TDg7mayGRoTn21Zz2jJkDOGDqJyV4Z9Both_XKZclNMC7XvEGAOLe7v347saG4XtBqqtzEg0fm3acNEIPtQ5dcUgBXEVFr07gC3aThv4GPuhgK7UUWqvDdXMxufQJckLFxHO) ### コンタクトフォーム要素の設定方法 この要素には、コンテンツの外観を微調整して可能な限り最高のコンバージョン率を達成するための多くのパラメーターがあります。コンタクトフォーム内のすべての要素には同様のパラメーターがあります。 まず、要素をレイアウトにドラッグし、選択して設定を表示します。 ![](/files/KK3NPIY33cOcOiKG28is) #### 一般設定 **確認メッセージの表示**: 顧客に成功/エラーメッセージを表示する場合に有効化 * 成功メッセージ: フォーム送信成功後に表示されるテキスト。 * エラーメッセージ: フォーム送信失敗後に表示されるテキスト。 ![](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) この場合、エディターでメールフィールドを再度確認する必要があります。 これは主に、メールアドレスに間違ったフィールドを設定しているためです。以下の画像をご覧ください。 ![](/files/aXJj6hta3Hrd7pMmouZ2) ご覧のように、メールアドレスのフィールドタイプが現在「単一行テキスト」に設定されています。これが送信できない理由です。この問題を解決するには、「単一行テキスト」（または他のオプション）のメールフィールドを以下の画像のように「メール」に変更するだけです。 ![](/files/qRbRq81LFdOFWoB9maGl) そして「公開」ボタンをクリックします。これで問題は解決しました！ ただし、メールフィールドに変更しても問題が解決しない場合は、ライブチャットウィンドウ経由でお知らせください。喜んでお手伝いさせていただきます！ ### よくある質問 **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/) --- # Agent Instructions: 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: ``` GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/shopify-elements/form/shopify-elements-contact-form.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.