カスタム投稿［セールス］でランディングページを作る

カスタム投稿［セールス］は、商品販売やサービス案内を目的としたランディングページ専用ページです。ヘッダー要素やフッター要素を非表示にできるので、白紙の１カラムページにブロックを配置しページをデザインできます。

設定方法

Emanon設定 カスタム投稿で初期設定を行うとWordPress管理画面のメニューに追加されます。

ヘッダーとフッターの非表示

カスタム投稿［セールス］は、初期設定の状態だとヘッダー部分（サイト名・ロゴ、ヘッダーメニューの表示エリア）が表示されます。

ヘッダー部分を非表示（白紙ページ）にする場合、非表示・無効設定からヘッダー・フッターセクション・フッターを無効に切り替えて、ページを保存してください。

独自メニュー配置する方法

ランディングページに独自のメニューを配置したい場合、 WordPress本体のブロック「ナビゲーション」をご利用ください。

ブロック「ナビゲーション」を配置すると公開済みのページをメニューに配置できます。またカスタムリンクの追加も可能です。

WordPress管理画面＞外観＞メニューで作成ずみのメニューを読み込むことも可能です。

メニューの設定方法は下記マニュアルをご確認ください。

関連記事

ヘッダーメニューの設定

ヘッダーメニューは、Webサイトの上部に表示するメニューです。Webサイトの主要なページをわかりやすく伝える目的があります。そのためメニュー数は最大7件ぐら...

ページ内リンクを設置する方法

ランディングページが長文の場合、特定の要素に移動できるページ内リンクを設置すると、閲覧者の利便性が向上します。ページ内リンクは、各ブロックの高度な設定とリンクで設置が可能です。

下記はリストブロックをリンク元にした場合の設定手順です。

1. リストブロックにリンクを設定

   リストブロックをページ本文に配置し、#XXXの形式でリンクを設定します。ここでは#link-01としました。

   

2. リンク先ブロックにHTML アンカーを設定

   

   高度な設定を開き、HTMLアンカーにステップ1で設定したリンクlink-01を入力します。＃は不要です。以上で設定は完了です。リンクをクリックするとHTMLアンカーが指定されたブロックに自動で移動します。

ランディングページの構成

ランディングページの目的は、そのページでコンバージョン（商品販売やサービスの申し込みなど）を発生されることです。ページ内で注文や申し込みを発生させるために、適切な順番で情報を伝える構成を目指します。適切な順番とは、 Webサイト訪問者の態度変容を促す情報構成を意味します。

ベネフィットと商品特長を整理

ベネフィットとは、商品販売やサービスを利用した後に発生するユーザー体験のことを意味します。ランディングページを作成する前に、購入前の状態（Before）と購入後の状態（After）をユーザーがどのように感じるのかを整理します。具体的には、ユーザーへのアンケートやヒアリングで情報を集め、ベネフィットを文章で表現します。

ベネフィットはユーザーの主観・個人の感想でしかないので、明確な根拠がなければ、信頼性が欠けた状態になります。ベネフィットが発生する根拠を商品特長で訴求しましょう。

ベネフィットと商品特長を文章にまとめ、ランディングページに記載することで、未購入者の不安を解消することができます。これがコンバージョンにつながる最も重要なランディングページの要素です。

ベネフィットの考え方

ベネフィットを考える際「ユーザーはどのような機能をどう使うのか？」、それにより「どんな目的を達成できるのか」、結果「どんな好ましい未来（ベネフィット）が実現するのか」という流れで整理します。

1. STEP 1

   • どんな機能があるのか
   • どんな成分が含まれているのか
   • どのような形状なのか
   • 商品・サービスのこだわりは何にか？
2. STEP 2

   • その機能でどんな課題が解消できるのか
   • その成分でどんな悩みが解消できるのか
   • その形状によりどんな問題が解決するのか
   • そのこだわりは、何に貢献するのか？
3. STEP 3

   • ユーザーのどんな心が満たされるのか
   • ユーザーはどんな幸せを実感できるのか
   • ユーザーはどんな自己表現ができるのか
   • ユーザーはどんな便益が手に入るのか

ページの構成案と配置ブロック例

一般的なランディングページの構成は次の通りです。ファーストビューからフッターまで上から下にスクロールされることを前提に情報を配置します。

この構成案に沿って、ブロックの配置例を紹介します。

カスタム投稿［セールス］にはアイキャッチ機能がありません。ファーストビューは商品イメージとキャッチコピー、コンバージョンボタンなどをで構成するため、WordPress本体のカバーブロックを利用します。

ブロックの全幅配置方法

カバーブロックを配置し、画像の配置、タイトル・段落ブロック・ボタンブロックを挿入します。幅の指定は全幅にするとページの横幅100%で画像を配置できます。

見込み客の悩みを明記し、共感をつくることで商品への注目度を高める狙いがあります。商品ターゲットに近い人物の写真を利用すると目に留まりやすくなります。

下記の表示サンプルで使用したブロックと機能は次の通りです。

吹き出し部分の文字サイズ

Emanon Premium Blocksの吹き出しブロックは、吹き出し部分の文字サイズを変更する機能がありません。そこで、Emanon Premium Blocksの文字装飾機能ボタンを使って文字サイズを調整します。

商品紹介は、ターゲットの悩みを解決できることを表現するパーツです。商品に興味を持ってもらうために、分かりやすい見出しと表現を試みましょう。

下記サンプルは、見出し［Emanon］、スペーサー［Emanon］、カラム［Emanon］（No.パネル）で構成しています。

ベネフィットは、商品を購入したあと（After）にユーザーがどのように感じるのか訴求するパーツです。商品を購入することでユーザーの悩みを解決し、どんな利益をもたらすのか表現します。

下記の表示例は、メディアとテキストブロックを使用しています。表示例では、１つだけベネフィットを用意していますが、複数のベネフィットがある場合、３から５つぐらいの範囲で設置しましょう。

メディアとテキストブロックの配置方法

メディアとテキストブロックは、全幅状態で配置されます。デザインに合わせて、「幅広」または「なし」に切り替えてください。

商品の特長は、ベネフィットを支える根拠を説明するパーツです。未購入者が抱く疑問（例 本当にそんな効果があるの？）を解消します。

下記の表示例は、カラム［Emanon］（パネル）で構成しています。

比較とは、商品の購入やサービスの利用を検討している未購入者に、他と比較した時にどんな違いがあるのかを示すパーツです。自分たちに都合のよい情報を掲載するのではなく、ユーザーが安心して購入検討できるよう商品やサービスのプラス面とマイナス面を誠実に表現しましょう。購入者への信頼性が高まります。

下記の表示例は、Emanon Premium Blocks 見出し［Emanon］：スタイル設定 垂直線：上［見出し］、段落ブロック、テーブルブロック、リストブロックで構成しています。

テーブルブロックの配置方法

テーブルブロックの注釈（例 ※数字）は、注釈を示す数字を入力し、文字装飾：注釈を指定して表現します。注釈を示す数字を選択して、文字装飾：注釈をクリックしてください。

テーブル内の△や○などの表記は、テーブルアイコン機能を使用しています。

注釈のリストブロックは、数値リストに指定し、スタイルを注釈にします。最後にリストブロックをグループ化して、スタイルをボーダーに指定します。詳しくは、グループ化の手順をご確認ください。

商品・サービスの料金を紹介するパーツです。購入者限定の特定がある場合、付加価値が上がるので追記しましょう。料金の表現方法は３つあります。

• テーブルブロック：商品の料金だけなく、スペックなどを表示したい場合に使用
• Emanon Premium Blocks 料金テーブルブロック：複数の商品の料金を並列に表示
• Emanon Premium Blocks メニューリストブロック：メニュー名と料金をシンプルなリストで表示

下記の表示例は、カラム［Emanon］ブロックにマイクロコピーブロックとパネルブロックを配置したデザインです。

実際に商品やサービスを利用しているユーザーの声を表示し、安心感を醸成するパーツです。お客様の声は、インタビューした内容を表示するケースやTwitterの投稿を埋め込み形式で表示する方法などがあります。下記の表示例は、埋め込みブロック：Twitterで投稿を表示したケースです。

中小の強い味方だと思います☺️
素人の私でも、かっこよく設定できるし
いろんな機能が揃っていて神テーマ
　
サポートの際は
本当に丁寧に対応してもらえて
本当にありがたい　

小平さん、素敵な商品をありがとうございます@kohira_innocord
素敵なテーマを紹介してくれたにも@tatsuyamatsumi 感謝 https://t.co/MUlySAXAWw

— ようこ@ライフコーチ (@kanaeruyoko) February 21, 2022

下記の表示例は、カラム［Emanon］ブロックに画像ブロックと段落ブロック、スターレーティングブロックを配置したデザインです。

商品・サービスの購入前に発生する疑問や不安を解消するためにFAQを表示するパーツです。Emanon Premium BlocksのFAQブロックを使用します。

購入前の不安を解消するために記載した方が良いFAQは次のとおりです。

下記の表示例は、カラム［Emanon］ブロックに見出し［Emanon］ブロックとFAQブロックを配置したデザインです。

商品の購入フォームやサービスの申し込みフォーム・ボタンなどを配置します。クロージングする重要なパーツです。フォームの埋め込みができない場合、購入ページのURLをボンタンリンクに配置します。

下記の表示は、Emanon Premium Blocksのボタン［Emanon］を配置した例です。マイクロコピーをボタン上部に配置することで、ボタンをクリックすると何が発生するか明示します。

マイクロコピーとは、ボタンや入力フォームの周辺に表示する短い文字・メッセージです。マイクロコピーをボタン周辺に表示し、クリックへのためらいを払拭する狙いがあります。マクロコピーを適切に使うことでCV率の改善も期待できます。

下記のような購入不安を排除するマイクロコピーの設置をお勧めします。

ブロックパターンのサンプル

コピーするだけで再現できるブロックパターンのサンプルもご利用ください。

関連記事

　【サンプル】ブロックパターン

プラグインEmanon Premium Blocksを有効化することで、オリジナルブロックの組み合わせが可能になります。このページでは、デザインのサンプルを...

CTA［追従型］の設置

ランディングページの構成上、ページが長くなります。スマホ経由でWebサイトが閲覧されると、長いページは読み飛ばされることが多く、CVが思ったほど増えないことがあります。

そこで、ページの途中でもCVを促せるようEmanon PremiumのCTA［追従型］をカスタム投稿［セールス］に設置することをおすすめします。

CTA［追従型］は、カスタム投稿［セールス］の内容に合わせて個別に編集ページから設定が可能です。詳しい設定手順は、マニュアルCTA［追従型］をご覧ください。