お問い合わせフォーム要素

お問い合わせフォームについて 

A お問合せフォーム 店舗オーナーが顧客から情報を収集できるようにする Web ベースのフォームとして機能します。これらのフォームは、顧客からの問い合わせを容易にするだけでなく、潜在的なリードを引き付け、顧客ベースを拡大することでマーケティングにおいて重要な役割を果たします。

バージョン 6 と比較すると、バージョン 7 のお問い合わせフォーム要素は、ほとんど変更されていません。この記事では、セットアップ プロセスを案内し、含まれる子要素について詳しく説明します。

ページにお問い合わせフォームを追加する

その お問合せフォーム は柔軟な要素であり、以下の手順に従うことで任意のページで使用できます。

ステップ 1：アクセス GemPagesダッシュボード 編集するページを選択するか、新しいページを作成します。

ステップ 2: 左側のサイドバーで、 お問い合わせフォーム 要素を追加し、ページ上の任意の場所に追加します。

お問い合わせフォーム要素には、顧客情報収集フォームとして機能するために必要なすべてのコンポーネントが完備されています。ライブページで機能させるために調整は必要ありません。 

ただし、フォームのデザインを強化したい場合、GemPages は適応可能な子要素をいくつか提供します。

子要素

その お問い合わせフォーム さまざまな子要素があります。これらの子要素は、 お問い合わせフォーム 正しく機能するためには、以下のリストが必要です。 お問い合わせフォーム 子要素:

• テキストブロック: この要素を使用して、フォーム内にラベル、説明、メモなどの静的コンテンツを追加します。
• テキストフィールド: 提供する 顧客があらゆる種類の情報を入力できるスペース。
• 電子メールフィールド: 顧客がメールアドレスを入力できるようにします。
• テキストエリア: テキスト フィールドと同様に機能しますが、より広い入力領域を提供します。
• 送信ボタン: このボタンは、顧客がフォームを送信するためにクリックする上で非常に重要です。

その メールフィールド 送信ボタン お問い合わせフォームが正しく動作するために、フォームに含める必要がある重要なコンポーネントです。 

これらの要素を製品モジュール内で使用する場合は、 製品カスタムフィールド 要素。

設定タブを構成する

メッセージ

このメッセージセクションでは、ユーザーがフォームを正常に送信した際に表示されるメッセージと、エラーが発生した場合に表示されるメッセージを入力します。また、各メッセージの色を変更することもできます。 

デフォルトでは、メッセージは次のように表示されます。

• 成功: お問い合わせいただきありがとうございます。できるだけ早くご返信させていただきます。
• エラー： メールを送信できません。しばらくしてからもう一度お試しください。

サイズ

このセクションでは、お問い合わせフォームの幅とパディングを好みに応じて調整できます。

例えば、下の間隔を 100 に設定します。

経歴

要素の背景色をグラデーションまたは単色として設定します。 

• あなたはから選ぶことができます 最近の色 リストまたは「あなたにおすすめクイックセットアップの「」リストを参照してください。 
• さもないと、 カラーコードを入力してください, 色見本から選択または カラーピッカーを使用する ページの任意の部分から色を選択できます。
• を調整する 色の濃さ 見やすくするために、カラーコードの横にあるボックスに数字を入力します。

背景色はテキスト ブロックの子要素に対してのみ設定されることに注意してください。

形状

要素の形状をカスタマイズするには、下にスクロールして 形状 セクション。ここから 境界線を追加する, 角の半径を調整する, 影の効果を追加する お問い合わせフォームの視覚的な階層を強化します。

• 境界： 色と太さを変更し、境界線のストロークを選択します。

• コーナー： 要素の境界線の角の半径を調整します。角の半径が大きいほど、角が丸くなります。

• 影： 外側の影を適用することで、奥行きと強調感を表現できます。様々な種類の影から選択し、デザインに合わせて色を調整できます。

送信後のアクション

行動: フォーム送信が完了したら、ユーザーを指定された宛先ページに誘導するか、現在のページにとどめるかを決定します。

• ページに留まる: 送信後にアクションを実行しない
• ページを開く: 正常に送信されたら、ユーザーは別のページにリダイレクトされます。
• スクロール: ページ上の目的のセクションまでスクロールします
• メールを送る： ユーザーがフォームを送信すると、メールが自動的に送信されます。
• 電話をかける: ユーザーがクリックした後に電話をかける 送信

例えば、顧客を別のページへ送る場合は、 「ページを開く」 をドロップダウンから選択します。

次に、 ページ/リンク ページ パネルが開き、ターゲット リンクを挿入したり、リスト内の利用可能なオプションから選択したりできます。

詳細タブを設定する

より高度なカスタマイズについては、 詳細設定タブ の指示に従います。 この記事.

フォーム送信にアクセスする

フォームに記入されたすべての内容は、あなたのメールの受信箱に転送されます。メールサービスプロバイダーによっては、 ジャンク or スパム 紛失したメールを保管するためのフォルダー。

Shopify 内で送信先のメール アドレスを検索または変更するには、次の手順に従います。

• アカウント設定ページに移動する Shopify管理者 そして次に進む Settings> Notifications. 
• メールアドレスを更新したい場合は、指定された欄に新しいメールアドレスを入力してください。 「送信者メール」 フィールド。
• 以下を行うには、 「保存」 変更を確定するためのボタン。

Google ReCAPTCHA をオン/オフにする

スパム対策技術として、Google reCAPTCHA はすべての Shopify ストアでデフォルトで有効になっています。つまり、顧客はフォームを送信するたびに reCAPTCHA テストを完了する必要があります。

必要に応じて、このセキュリティ ポリシーをオフにして、顧客によるフォーム入力を高速化することができます。

へヘッド Shopify管理者 > オンラインストア > 環境設定の下にある2つのオプションのチェックを外します。 スパム保護 セクションに移動し、「Save"