お問い合わせフォーム要素について
お問い合わせフォーム要素は、GemPages にあらかじめ用意されている機能で、左側のサイドバーからデザイン領域に簡単にドラッグ アンド ドロップできます。
ドラッグアンドドロップでフォームをさらにカスタマイズできます 追加のフォームフィールド要素 サイドバーから、必要な特定の情報フィールドを追加します。
お問い合わせフォーム要素はShopify管理者にデータを送信します。詳細については、 お問い合わせフォーム要素、クリック こちら.
お問い合わせフォーム要素を使用したお問い合わせフォームセクションの設計
まず、 GemPagesダッシュボード 対象のページをクリックしてエディターで開きます。
エディターに配置されたら、次の手順に従って、GemPages のお問い合わせフォーム要素を使用してお問い合わせフォーム セクションを設計します。
ステップ1: お問い合わせフォーム要素をドラッグアンドドロップする
- 左側のサイドバーの検索バーを使って「お問い合わせフォーム要素」を見つけます。そして、ページ上の希望の位置に追加します。
このデフォルトの連絡フォームには基本的なコンポーネントが含まれていますが、要素を追加、変更、削除することでカスタマイズできます。
- 要素を削除するには、その要素をクリックして ゴミ箱アイコン、フォームを最初から構築します。
- 既存の要素をすべて削除して 空のお問い合わせフォーム:
ステップ2: お問い合わせフォームのレイアウトを作成する
- ドラッグアンドドロップ 行 要素をお問い合わせフォームに追加します。
- 下 レイアウト 設定パネルのセクションでは、好みに応じて行を 1 列または 2 列のレイアウトに設定できます。
ステップ3: フォーム入力要素を追加する
- 次に、必要なフォーム入力コンポーネントをドラッグ＆ドロップします。2列レイアウトの場合は、最初のコンポーネントを テキストフィールド 左の列の要素。
- このテキストブロック要素をダブルクリックしてテキストを編集します。例えば、「名前"
- ドラッグアンドドロップ テキストフィールド テキスト ブロックの下の要素を 1 つ選択して、同じ列に配置します。
- 右側の列で、新しいテキストブロックを追加し、テキストを「メールアドレス「。次に、この要素の下にメールフィールド要素を配置します。
ステップ4: 送信ボタンを追加する
- ドラッグアンドドロップ フォーム送信ボタンこれは、顧客がフォームを送信し、情報をShopify管理者に送信するために不可欠です。
- 見やすくするために、このボタンの配置を中央に調整します。
- に行きます 詳細設定タブ 下の間隔を調整します 間隔 .
ステップ5: お問い合わせフォームの設定
各条件をカスタマイズするための設定を構成します。
- 送信後: フォームの送信後に顧客を現在のページにとどまらせるか、特定の URL またはページにリダイレクトするかを選択します。
- 成功メッセージ: 送信が成功したことを確認するメッセージを表示します。
- エラーメッセージ: Shopify システムの問題など、フォームの送信を妨げるエラーが発生した場合にアラートを表示します。
ライブラリのテンプレートからお問い合わせフォームを作成する
ライブラリの事前構築されたテンプレートを使用してお問い合わせフォームを作成することもできます。
ステップ 1： クリックしてください セクションタブ 左サイドバーで下にスクロールして 接触 オプションを選択します。
ステップ 2: マウスオーバー 接触 GemPages ライブラリから事前に構築されたすべての連絡先セクションを表示するには、希望するものをデザイン領域にドラッグ アンド ドロップします。
ステップ3： 好みに合わせてカスタマイズすることも、このあらかじめ構築された連絡先セクションを含むページを保存して公開することもできます。
お問い合わせフォームの問題解決
お問い合わせフォームが期待どおりに動作しない場合は、以下のよくある問題点を確認し、提示されている解決策をお試しください。
問題1：エラーコード {"msg":"Missing credentials","status":"error"} フォーム送信後に表示されます
考えられる原因 これは通常、フォームがテストされるときに発生します。 プレビューページ ライブページではなく、プレビュー環境を使用します。プレビュー環境では、フォーム送信が完全にサポートされていない場合があります。
直し方：
お問い合わせフォームを必ずテストしてください。 公開されたページ のみ。
次の手順に従います。
- 詳しくはこちら パブリッシュ ページを公開します。
- Video Cloud Studioで ライブページURL 新しいブラウザタブで開きます。
- ライブページから再度フォームを送信してください。
- Shopifyの管理画面で、送信が受信されたかどうかを確認してください。
問題2：問い合わせフォームがライブページに表示されない
考えられる原因 お問い合わせフォームは インスタントランディングページ（ILP）.
インスタントランディングページは Shopifyの問い合わせフォームはサポートしていませんなぜなら、お問い合わせフォームはShopifyのネイティブ機能だからです。
直し方： お問い合わせフォームをインスタントランディングページではなく、通常のGemPagesページに移動してください。
推奨される解決策:
- 作成または開く 通常ページ GemPages で。
- ドラッグアンドドロップ お問い合わせフォーム要素 ページへ。
- 保存して パブリッシュ ページ。
- ライブページを開いて、お問い合わせフォームが正しく表示されていることを確認してください。
コメントしてくださってありがとうございます