フォームを使用すると、ユーザーから名前、連絡先、住所などの重要な情報を収集できます。このデータを収集することで、ユーザーの購買習慣、好み、ニーズについての洞察を得ることができ、商品やサービスの最適化のための貴重な参考情報となります。この記事では、SHOPLINEで直接フォームを作成し、カスタムコードを使用してサードパーティのフォームツールZOHO FORMSと統合する方法について紹介します。

直接フォームを作成する

SHOPLINEで「お問い合わせ」フォームを作成するには、以下の手順を実行できます：

1. オンラインストア ＞ ページ ＞ ページを作成に移動します。テーマテンプレートとしてお問い合わせを選択します。
   
2. ページタイトルの横にある小さな目のアイコン（プレビュー）をクリックして、フォームのスタイルを表示します。
3. フォームスタイルは現在、固定テンプレートに基づいています。次の図に示すように、カスタムCSSやコードエディタを使用してフォームスタイルとコンテンツをカスタマイズできます。
4. 顧客がフォームページを見つけて個人情報を残しやすくするために、フォームページをナビゲーションメニューにリンクすることをお勧めします。
   
   
   

カスタムコードを使用して、サードパーティのフォームツールZOHO FORMSと統合する方法

フォームにさらにカスタムオプションを設定したい場合は、ZOHO FORMSのようなサードパーティのフォームツールを使用することを検討してください。

市場には多くのサードパーティのフォームツールがあり、企業は自分たちのニーズに最適なツールを選択する自由があります。この記事では、ZOHO FORMSを参照しています。

ZOHO FORMSが推奨される主な理由は2つあります。まず、ZOHOは海外のバイヤーが利用しやすい国際的なツールであること。次に、500通のメールの見積もりで企業の指定されたメールアドレスにお問い合わせを直接送信するサポートがあることです。

以下の図は、ZOHOフォームのスクリーンショットを示しています。

このようなフォームを作成するには、次の手順に従ってください：

ZOHO FORMSアカウントに登録するには、次の手順を実行してください：

1. ビジネス用のZOHO FORMSアカウントに登録し、確認してください。登録リンク：https://www.zoho.com/forms/? zredirect=f&lb=fr&zsrc=bheader
2. お問い合わせがメールに届くようにするために、メールアカウントにログインして確認し、この手順を完了してください。

ZOHO FORMSフォームを設定するには、次の手順を実行してください：

1. アカウントに登録した後、ウェルカムページでLet’s Get Startedをクリックしてフォームを作成してください。
   
2. 最初に、CREATE FROM SCRATCHタブをクリックしてください。テンプレートを使用する場合は、USE TEMPLATESタブをクリックしてください。 Form TitleテキストボックスにGET A QUOTEを入力してください。無料サンプルを提供する場合は、GET FREE SAMPLESを使用してください。説明欄は空白のままにしてもよく、またはプロモーションや割引などの潜在的な顧客を引き付けるための短いインパクトのあるメッセージを記入してもよいです。フォームを作成するには、Createをクリックしてください。
   
3. フォームを構成してください。画面の左側には、ラベルコンポーネントエリアがあり、そこからコンポーネントを画面の中央にドラッグアンドドロップできます。タイトルまたはコンポーネントをクリックすると、プロパティポップアップでテキスト、指示、配置を変更できます。バイヤーから必要な情報のみを求めてください。情報を過剰に求めたり、必須項目を設定すると、バイヤーがフォームの記入をためらう可能性があります。 Name, Email, Phone, Whatsapp（または他の連絡方法）、およびMessage情報のみを収集することをお勧めします。 EmailとMessage フィールドは必須フィールドとして設定されています。
   

ラベルコンポーネントの必要な設定は次のとおりです：画面の左側のコンポーネントエリアからName, Email, Phone, Single Line, and Multi Line コンポーネントを画面の中央にドラッグアンドドロップしてください。

• 強制的なフィールドとしてメールを設定します。 メールをクリックします。プロパティポップアップで、メールを強制的なフィールドにするために検証を強制的に設定します。 メールコンポーネントの右上隅に赤いアスタリスク（*）が表示されると、設定が正常に適用されたことを示します。
  
  
  
  
• 電話コンポーネントのための指示を設定します。購入者が電話番号を入力する際にエリアコードを含めるように促すことで、電話番号がどの国に属しているかを区別し、適切な連絡を確保できます。 電話をクリックします。プロパティポップアップで、指示ボックスにエリアコードから始めてください。と入力します。
  
• WhatsAppまたは他の連絡方法を使用します。 シングルラインをクリックします。プロパティポップアップで、フィールドラベルをWhatsAppまたは他の連絡方法に設定し、指示ボックスに48時間以内にご連絡いたします。と入力します。 オプションですが、できるだけ多くの連絡先詳細を入力するよう購入者に促すことが常に良いです。したがって、48時間以内にご連絡いたします。という指示を含めることで、48時間以内に連絡が取れることを示します。 会社の方針や具体的な状況に応じて、「24時間」や「12時間」といった、連絡が取られる時間枠を示すバリエーションも使用できます。
  
  
  
  
• 購入者が意図を書き留めるために、メッセージを強制的なフィールドとして設定します。 マルチラインをクリックします。プロパティポップアップで、フィールドラベルをメッセージに、検証を強制的に設定して、マルチラインを強制的なフィールドにします。
  
  
  
  
• ラベルのロケーションを設定します。 見積もりを取得のタイトルをクリックします。プロパティポップアップで、ラベル配置を左に設定して、入力ボックスの左側にラベルを配置して、清潔で美しい外観を実現します。 フォームを保存するには、右上隅にある保存をクリックします。
  
  
  
  
• フォームをプレビューします。ナビゲーションメニューの右側にあるフォームにアクセスをクリックして、フォームの外観を確認します。 デフォルトのレイアウトデザインに満足していない場合は、ナビゲーションメニューのテーマをクリックして、他のレイアウトを選択できます。
  

4. フォームが正常に送信された後、購入者に感謝メッセージを表示するサンクスページを設定します。 Email フィールドが空でない場合にサンクスページにリダイレクトするルールを設定します。ナビゲーションメニューで Rules をクリックしてルール構成ページを開きます。左側のパネルで Form Rules をクリックし、画面の中央にある Configure Now をクリックします。
   

プロパティポップアップで、Rule Name を Thank you page に設定し、If 部分に Any, Email, and Is Not Empty を含め、Then 部分に Redirect To を含めます。 Redirect To の横にある編集ボックスをクリックして、感謝メッセージを設定します。

Thank You Page タブで、プレーンテキストを選択し、テキストボックスに Thank you!  We will contact you soon. と入力します。感謝メッセージを保存するには Done をクリックします。

Add をクリックして Thank you page ルールを保存します。

5. フォームの送信を直接受け取るためのメールアドレスを指定します。ナビゲーションメニューで Settings をクリックしてルール設定ページを開きます。左側のパネルで Email & Notifications > Email を選択し、画面の中央にある Configure をクリックします。
   

送信元および受信者のメールアドレスを設定します。無料版では、メールアドレスはすでに確認済みの登録メールアカウントからのみ選択できます。メールの件名コンボボックスの右側のドロップダウンリストから Email を選択して、購入者のメールアドレスをメールの件名として使用します。 Include form submission in the body of the email チェックボックスを選択し、右下の Done をクリックします。

6. ウェブサイトに配置するためのフォームリンクを取得します。ナビゲーションメニューで Share をクリックして共有ページを開きます。左側のパネルで Public をクリックし、Enabled トグルがオンになっていることを確認します。フォームのパーマリンク（URL）をコピーし、SHOPLINEの管理画面に貼り付けてウェブサイトに統合します。
   
   
   

SHOPLINEウェブサイトにZOHOフォームを埋め込む

SHOPLINEでオンラインストアのナビゲーションメニューにフォームを関連付ける

次の手順を実行して、SHOPLINEのオンラインストアのナビゲーションメニューにフォームを関連付けることができます：

1. SHOPLINEの管理画面にログインし、オンラインストア ＞ ナビゲーション ＞ ヘッダーに移動します。 ナビゲーションメニューの編集 ページが表示されます。ウェブサイトに複数のナビゲーションコントロールがある場合は、フォームが必要なすべてのコントロールを設定する必要があります。
   
2. 編集ページで、メニューアイテムを追加をクリックします。 メニューアイテムのタイトルを見積もりを取得または無料サンプルを入手に設定します。
   
3. ZOHOフォームのコピーされたURLをリファラURL入力ボックスに貼り付けます。
4. フォームをウェブサイトに関連付けるために追加をクリックします。

ZOHOフォームをウェブサイトのトップページに埋め込む

次の手順を実行して、ZOHOフォームをウェブサイトのトップページに埋め込むこともできます：

1. ZOHOウェブサイトのフォームビルダーで、共有 ＞ 埋め込み ＞ JavaScriptに移動し、提供されたコードスニペットをコピーします。
2. ウェブサイトを開き、トップページのデザインに移動し、デザイン ＞ コンポーネントを追加 ＞ カスタムHTMLを選択します。
3. ステップ1からコピーしたコードを編集ボックスに貼り付け、公開をクリックしてフォームをトップページに追加します。
4. トップページの効果：
   

ZOHOフォームをウェブサイトのカスタムページに埋め込む

次の手順を実行して、ZOHOフォームをウェブサイトのカスタムページに埋め込むこともできます：

1. ZOHOウェブサイトのフォームビルダーで、共有 ＞ 埋め込み ＞ JavaScriptに移動し、提供されたコードスニペットをコピーします。
2. カスタムページを作成します。
   
3. ソースコードアイコンをクリックして、コピーしたコードを貼り付け、青枠のセクション内の幅を100%に変更します。その後、保存をクリックして設定を更新し、フォームを埋め込みます。カスタムページをストアのホームページのメニューナビゲーション設定を通じてナビゲーションメニューに追加できます。

フォーム追加後の問い合わせテスト

ウェブサイトにフォームを追加した後は、フォームが正常に機能しているかをテストすることが重要です。フォームをテストする手順は以下の通りです：

1. ウェブサイトを開き、ナビゲーションメニューで見積もりを取得をクリックします。フォームが新しいタブで開くことと、フィールドが設定と一致していることを確認します。
2. フォームに記入し、必須フィールドが機能しているかどうかを確認するために送信を試みます。
3. フォームを送信した後、お礼のメッセージが表示されるかどうかを確認します。
4. メールアカウントにログインし、お問い合わせを受信したかどうかを確認します。
5. お問い合わせは、ZOHO FORMSの管理画面にも保存されます。ログインして表示やエクスポートができます。

この記事はAIを使用して翻訳されており、不正確な情報が含まれる可能性があります。最も正確な情報については、元の英語版を参照してください。