ページヘッダー

ページヘッダー

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

Zoho LandingPageのヘッダーセクションでは、ランディングページにシンプルで効果的なブランディング要素を追加できます。ロゴとCTAボタンを配置し、すっきりと要点を絞ったデザインにできます。

ヘッダーセクションの有効化

  1. ランディングページ作成画面の上部バーにある[挿入]ボタンをクリックして、メニューを表示します。



  2. [セクション]で、切り替えスイッチを使用してヘッダーを有効にします。

ヘッダーのカスタマイズ

  1. ヘッダーセクション内の任意の場所をクリックして、[ヘッダー設定]を開きます。



  2. ここでは、ヘッダーのスタイル、スクロール時の動作、背景テーマを変更できます。
  3. 各オプションを使用して、罫線や余白も調整できます。



  4. アニメーションのオプションを使用すると、ページの読み込み時のヘッダーの動作を設定できます。



  5. [デバイスで表示]オプションでは、デスクトップ、タブレット、モバイルでヘッダーを表示するか非表示にするかを選択できます。



  6. カスタムCSSとJavaScriptのオプションを使用すると、独自のコードでさらに詳細にカスタマイズできます。
  1. ロゴをクリックして、[ロゴのプロパティ]ツールバーを開きます。



  2. ロゴ画像、配置、代替テキスト、余白を変更できます。
  3. ロゴにリンクを設定するには、リンクのオプションをクリックして、目的のURLを入力します。


ヘッダーCTAの設定

  1. ヘッダー内のボタンをクリックして、[ボタンのプロパティ]パネルを開きます。



  2. 要件に合わせて、ボタンのテキスト、スタイル、アクションをカスタマイズできます。


  1. [リンクのプロパティ]タブでは、ボタンにリンクを追加できます。このボタンをクリックした訪問者は、指定したリンク先に移動します。



  2. ポータル内の任意のランディングページへのリンクを追加できます。表示されたランディングページの一覧から、目的の移動先を選択します。アンカーやツールチップを追加して、リンクの内容をより分かりやすくすることもできます。訪問者がランディングページ内のボタンをクリックすると、指定したランディングページに移動します。



  3. 任意のWebページへのリンクを追加できます。ユーザーがランディングページ内のボタンをクリックすると、指定したWebページに移動します。

  1. アンカーオプションを使用すると、ランディングページ内でアンカーを追加した任意のセクションにユーザーを移動できます。ランディングページで作成したアンカーは、[アンカーを選択]の横にあるドロップダウンリストに表示されます。


ボタンとランディングページ内のセクションのリンク設定

訪問者をランディングページ内の特定のセクションに直接移動させるには、アンカーを使用できます。たとえば、ページ下部のフォームに訪問者を移動させる場合は、フォームの上にある見出しや、その付近のテキスト要素にアンカーを追加できます。

アンカーを追加する手順
  1. アンカーを追加するテキストを選択します。
  2. フローティングツールバーで、[アンカー]オプションをクリックします。



  3. アンカーの名前を入力し、[保存]をクリックします。



ボタンとアンカーのリンク設定
  1. [ボタン]要素を選択します。
  2. リンクの種類として[アンカー]を選択します。



  3. 作成したアンカーを一覧から選択します。
これで、訪問者がボタンをクリックすると、アンカーを設定したセクションに直接移動します。
  1.  ボタンにメールアドレスへのリンクを設定するには、こちらにメールアドレスを入力します。下の項目には、Cc、Bcc、件名、メッセージなどの詳細も追加できます。ユーザーがランディングページ内のボタンをクリックすると、すべての詳細が入力済みの状態で新規メール作成画面が開きます。



  2.  ボタンに電話番号へのリンクを設定する場合は、任意の電話番号を指定できます。ユーザーがランディングページ内のボタンをクリックすると、電話番号が入力済みの状態でスマートフォンのダイヤル画面が開き、すぐに発信できます。



  3. ボタンにダウンロード可能なファイルへのリンクを設定するには、こちらで任意のファイルをアップロードできます。ユーザーがランディングページ内のボタンをクリックすると、ファイルが自動的にダウンロードされます。






              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.