ランディングページ作成機能|リッチなデザインの1カラム固定ページをつくる
QUALIAには、通常の固定ページに加えて「ランディングページ」用のページテンプレートが用意されています。
ランディングページとは
検索結果や広告、SNSやメルマガを経由して、ユーザーが最初に「着地(landing)するページ」のことです。略してLPとも呼ばれます。
当デモは、ヨガ・ピラティススタジオのサイトなので以下ようなデモをつくっています。
ヨガやピラティスに限らず、実店舗ビジネスは来店してもらうことが重要です。初回無料特典などで来店のハードルを下げるような施策が必要でしょう。
ランディングページについて詳しく知りたい方は、こちらの記事で解説しています。
当記事では、固定ページテンプレート「ランディングページ」の使い方をご紹介いたします。
LPは、Web集客に欠かせない重要なページですが、サイト公開初期段階で必須のページではありません。他のページを完成させてサイトを公開後に、試行錯誤して何度も作り直すものです(LPの枚数に制限はありません)。
なお、「ランディングページ」テンプレートを使って、通常の下層ページをつくることも何の問題ありません。
むしろ、よりリッチなデザインで固定ページを作成できるのでおすすめです。
設定箇所
ランディングページは固定ページテンプレートなので、ダッシュボード内の固定ページより新規固定ページの編集画面を開きます。

テンプレートを「ランディングページ」に変更します。

上記箇所で固定ページテンプレートを切り替えることが可能です。テンプレートを変更することでページのデザインや機能が変更されます。今回はランディングページを選択します。
用意されているオプション
「ランディングページ」を選択すると、編集画面内に次のような設定項目が表示されます。

画像を見ながら、一つひとつ設定していきます。上から順にご紹介いたします。
表示設定
| デザイン | フルサイズ・コンパクトから選択できます。 |
| ヘッダーメッセージ | ページ最上部のヘッダーメッセージの有無を変更します。 文言やリンク先を自由に登録可能です。 |
| ヘッダーバー | ヘッダーバーの有無を変更します。 |
| メインビジュアル | ファーストビューで表示されるメインビジュアルの有無を変更します。 |
| コンテンツの横幅 | 記事本文のコンテンツ幅を変更します。 |
| フッター | フッターの有無を変更します。 |
ヘッダーバーやフッターを非表示にして、あえて他の選択肢を排除して、LPのコンバージョンを高めるレイアウトも簡単に再現していただけます。HTMLやCSSの知識は不要です。
LPのコンバージョンを改善するポイントはこちらの記事で解説しています。
メインビジュアル
| ヘッダー画像 | ヘッダー画像やオーバーレイを設定します。 画像の高さも指定可能です。 ・原寸サイズ(画像のサイズ通り) ・画面の高さ ・カスタムサイズ(数値入力式) |
| キャッチコピー1 | キャッチコピーを登録します。以下のオプションが用意されています。 ・フォントタイプ(ゴシック・明朝) ・文字サイズ ・文字色 |
| キャッチコピー2 | 上記と全く同じオプションがもう1セット用意されています。 文字サイズで差をつけることで、メインコピー、サブコピーとして利用可能です。 |
| ボタン | メインビジュアル内にボタンを表示可能です。以下のオプションを設定可能です。 ・ラベル ・背景色 ・リンク先 |
| コンテンツの配置 | キャッチコピーとボタンの配置を「左寄せ・中央寄せ・右寄せ」から選択します。 |
キャッチコピーのサイズや配置はもちろん、ヘッダー画像のサイズも自由自在です。重要なメインビジュアルを特にこだわって設定できる仕様です。
メインビジュアルに書く内容はこちらの記事を参考にご覧ください。本文に何を書けばいいかの参考にもなります。
ランディングページ用ショートコード
またQUALIAでは、LP専用で使えるショートコードを用意しています。リッチなデザインを誰もが簡単に作成可能です。
レイアウト1

写真と見出し・説明文を登録して、上記のショートコードを本文内にコピペするのみで、綺麗にレイアウトできます。要素は好きなだけ追加可能です。
レイアウト2

カード型のデザインで出力できます。見出しに番号を入力すれば、手順やステップを表現できます。アイテムは好きなだけ追加可能です。

