フォーム

フォーム

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

フォームは見込み客の獲得において重要な役割を果たします。ランディングページのフォームは、見込み客が提供する情報、ランディングページのコンバージョン率、マーケティングキャンペーン全体の成果を左右する要素です。

Zoho LandingPageでは、ドラッグ＆ドロップビルダーを使用して、数分でWebフォームを作成できます。また、別のランディングページ用に作成済みのフォームを再利用することもできます。

ランディングページでのネイティブフォームの使用

  1. Zoho LandingPageビルダーで、左上の［挿入］をクリックします。
  2. 左側のペインで［フォーム］をクリックし、［ネイティブフォーム］を選択します。

  3. アカウントで利用可能なフォームが左側のペインに一覧表示されます。フォームをクリックするとプレビューを確認できます。
  4. 次の3つの操作のいずれかを実行できます。
    1. ［既存の一覧からフォームを追加］：一覧から選択したフォームがランディングページに挿入されます。
    2. ［既存のフォームを複製して新しいフォームを作成］：既存のフォームが複製され、ランディングページに挿入する前に項目を追加または削除したり、フォームを変更したりできます。
    3. ［新しいフォームを一から作成］：フォームビルダーにリダイレクトされ、そこで新しいフォームを一から作成できます。

新しいフォームの一からの作成

  1. 新しいフォームを一から作成するには、上記のセクションの手順1〜4に従い、［新しいフォームを一から作成］オプションを選択します。
  2. フォームビルダーでは、左側のペインにフォーム項目が表示されます。
  3. 必要な項目をクリックしてキャンバスに追加し、カスタムフォームを作成します。キャンバス内の項目はドラッグ＆ドロップで並べ替えられます。
  4. 右側のペインには、フォームプロパティと項目プロパティが表示されます。

項目プロパティ

  1. 項目をクリックすると、項目プロパティにアクセスできます。
  2. 項目プロパティでは、項目ラベルの編集、項目の説明の追加、必須入力の検証の設定を行えます。


項目への値の割り当て

フォームにドロップダウン、チェックボックス、ラジオボタンの項目を含める場合、各選択肢に値を割り当てることができます。


フォームの送信データには、元の項目の選択肢の代わりに、割り当てた値が含まれます。また、ランディングページフォームを他のサービスと連携すると、選択肢そのものではなく項目の値が送信されます。


非表示項目の追加

非表示フォーム項目は、見込み客の獲得に役立つ重要な機能です。各マーケティングキャンペーンの効果を評価するための見込み客の獲得元の追跡や、セグメント化やパーソナライズのためのユーザー属性データの収集に使用できます。

1. フォームビルダーで、［非表示項目］をクリックして、ランディングページフォームに非表示フォーム項目を追加します。



2. 必要に応じて［項目ラベル］と［項目リンク名］の名前を変更し、［保存］をクリックしてフォームの変更を保存します。ランディングページビルダーで、［更新］をクリックして変更をランディングページに適用します。



3. ［フォームプロパティ］の［フォームリンク名］と［項目プロパティ］の［項目リンク名］を使用し、次のコード形式でURLパラメーターから値を渡します。
Notes
zsf_[form_link_name].[field_link_name]

顧客がこのランディングページでフォームを送信すると、非表示項目にはURLパラメーターの値が自動入力されます。



5. ユーザーは、［ページ分析］→［見込み客リスト］で、このランディングページから獲得した見込み客を非表示項目のデータとともに確認できます。これは、ランディングページキャンペーンごとの成果分析、オーディエンスのセグメント化、精度の高いターゲティングに非常に役立ちます。



フォームプロパティ

フォームプロパティでは、次の内容を変更できます。
  1. ［フォーム名］：フォームの名前です。ページ上ではフォームの見出しとしても表示されます。
  2. ［フォームリンク名］：フォーム項目に事前入力するためのパラメーターを追加する際に使用します。
  3. ［送信ボタンのテキスト］：フォーム送信を完了するためのCTAボタンのラベルです。
  4. ［成功メッセージ］：フォームが正常に送信されたときに表示されるテキストです。
  5. ［送信後のアクション］：フォームの送信が成功した後に、別のランディングページ、Web URL、またはダウンロード可能なファイルに誘導します。
  6. ［Captcha］：スパム送信を防ぐためのCaptchaによる1段階の認証です。
  7. ［データ収集のスケジュール設定］：指定した日付範囲内にフォームの送信を制限します。

フォーム送信後のアクション

訪問者がランディングページでフォームを送信した後の次のステップとして、以下のいずれかのアクションを選択できます。
  1. ［Zoho LandingPageで作成した別のランディングページへのリダイレクト］
このオプションを選択すると、Zoho LandingPageポータルで作成されたページの一覧が表示されます。ページを選択して設定を保存できます。

  1. ［任意のWeb URLへのリダイレクト］
このオプションを選択すると、入力欄に任意の有効なURLを入力し、設定の保存に進むことができます。

  1. ［任意のファイルのダウンロード］
フォーム送信後に訪問者がファイルをダウンロードできるようにするには、アップロード済みの一覧からファイルを選択するか、ファイルマネージャーで新しいファイルを追加します。


ランディングページフォームのメール通知の有効化

メールによる確認通知は、ビジネスコミュニケーションにおいて重要な役割を果たします。特に、顧客がランディングページフォームを送信した場合に重要です。適切なタイミングで送信されるメールは、顧客のサブスクリプションや登録が正常に処理されたことをすぐに確認する手段になります。メール通知機能を使用すると、ランディングページのネイティブフォームに対してメール通知を設定できます。

Notes
ランディングページフォームのメール通知を設定できるのは、ポータル所有者とポータル管理者のみです。
  1. ランディングページにネイティブフォームを追加したら、フォーム設定画面で［メール通知を設定］をクリックし、そのフォームのメール通知を設定します。



  1. メール通知のポップアップ画面で、メールの［宛先］を選択し、［件名］と［本文］を必要に応じてカスタマイズできます。ランディングページフォームを送信したすべてのユーザーに確認メールが送信されます。画面右上の［有効化］ボタンを切り替えることで、そのフォームのメール通知を無効にできます。



フォームレイアウトの選択

フォームレイアウトオプションでは、訪問者にフォーム項目をどのように表示するかを制御できます。［縦］レイアウトでは、項目が1列で上下に並びます。［横］レイアウトでは、項目が左右2列に並びます。

フォームレイアウトを設定するには：

  1. ページビルダーでフォーム要素をクリックし、［設定］をクリックします。
  2. 設定ペインの［フォームレイアウト］で、［縦］または［横］を選択します。


ランディングページでの他のZohoサービスのフォームの使用

Zoho Forms、Zoho CRM、またはBiginのアカウントをお持ちの場合、各サービスにアカウントを接続することで、そこで作成したフォームをランディングページで使用することもできます。

Zoho Formsからのフォームの追加

  1. Zoho Formsでフォームを作成します。
  2. Zoho LandingPageビルダーで、左上の［挿入］をクリックします。
  3. 左側のペインで［フォーム］をクリックし、［Zoho Forms］を選択します。

  4. Zoho Formsアカウントで利用可能なフォームが左側のペインに一覧表示されます。フォームをクリックするとプレビューを確認できます。
  5. 追加するフォームを選択し、［追加］ボタンをクリックします。
  6. 選択した追加先のセクションにフォームが表示されます。

Zoho CRMフォームの追加

  1. Zoho CRMでWeb-to-Leadフォームを作成します。設定方法がわからない場合は、Zoho CRMのユーザーガイドのこちらのリンクをご参照ください。
  2. Zoho LandingPageビルダーで、左上にある［挿入］をクリックします。
  3. 左ペインで［フォーム］をクリックし、Zoho CRMを選択します。

  4. Zoho CRMでフォームの種類を選択すると、選択したカテゴリーで作成されたフォームが左ペインに表示されます。フォームをクリックするとプレビューを確認できます。
  5. 追加するフォームを選択し、［追加］ボタンをクリックします。
  6. 追加先として選択したセクションにフォームが表示されます。

フォームヘッダーの非表示

  1. 上部のナビゲーションバーにある設定アイコンをクリックします。
  2. ［ヘッダーとフッターのコード］をクリックします。
  3. フォームヘッダーを非表示にするには、以下のコードをCSSエディターに貼り付け、設定を保存します。
Notes
div.zpapp h2.zpheading.zpheading-align-left {
display: none;
}

Biginフォームの追加

  1. Biginでフォームを作成します。設定方法がわからない場合は、Biginのユーザーガイドのこちらのリンクをご参照ください。
  2. Zoho LandingPageビルダーで、左上にある［挿入］をクリックします。
  3. 左ペインで［フォーム］をクリックし、Biginを選択します。

  4. Biginアカウントで利用可能なフォームが左ペインに表示されます。フォームをクリックするとプレビューを確認できます。
  5. 追加するフォームを選択し、［追加］ボタンをクリックします。
  6. 追加先として選択したセクションにフォームが表示されます。

Zoho Surveyフォームの追加

  1. Zoho Surveyでアンケートフォームを作成します。
  2. Zoho LandingPageビルダーで、左上にある［挿入］をクリックします。
  3. 左ペインで［フォーム］をクリックし、Zoho Surveyを選択します。

  4. Zoho Surveyアカウントで利用可能なフォームが左ペインに表示されます。フォームをクリックするとプレビューを確認できます。

  5. 追加するフォームを選択し、［追加］ボタンをクリックします。
  6. 追加先として選択したセクションにフォームが表示されます。