サポートページ aero-right

ランディングページの作成方法について

Benchmark Emailのランディングページビルダーで出来ることをこちらのFAQページでご案内します。 洗練されたデザインのランディングページを誰でも簡単に作成することが可能です。   ランディングページ作成にあたって:  はじめてのランディングページ作成 ランディングページコピーの作成  セクション  ブロック  登録フォーム   はじめてのランディングページ作成 ランディングページを作成するには、まずはBenchmark Emailのアカウントにログインしてください。  アカウントのダッシュボードから、「ランディングページ」をクリックし、ランディングページの一覧ページへ  「新規ランディングページの作成」ボタンをクリック  ランディングページの名前を入力しましょう。これはアカウントの管理画面上の表示となり、訪問者には表示される事ありません。 一度作成したランディングページのコピーを作成したい場合は、コピーしたいランディングページのタイトル横のオプションボタンをクリックし、「コピー作成」をクリックすると、コピーが作成されます。作成されたコピーのタイトルを編集後、「保存」をクリックしてください。 コピーされたランディングページは、コンテンツのみがコピーされます。 ランディングページ内のテキストや画像、リンクなどはそのまま引き継がれますが、公開するためにはチェックリストの設定を完了する必要があります。 メール作成と同じように、「チェックリスト」が表示されます。「ページ情報」「デザイン」「コンバージョンゴール」「ランディングページURL」の4項目があります。まだ「出力」ボタンがクリックできないようになっていますが、チェックリストの項目を全て設定した後には出力・稼働が出来るようになります。  「ページ情報」では、ランディングページの公開において必要な情報をチェックリストに沿って順番に埋めていきます。ランディングページのタイトル(title)や、概要(description)は、訪問者数に大きく関わってくる部分となります。 チェックリスト上の項目を設定・保存していくに従って、チェックマークが緑色になります。  「デザイン」編集ステップに移ります ランディングページの内容を編集していきます。チェックリストの「デザイン」より、「ランディングページの編集」ボタンをクリックしましょう。   注意:ランディングページのエディターはBenchmark Emailのドラッグ&ドロップエディターに似た機能です。D&Dエディターにあまり慣れていない方や、ランディングページエディターについて詳しく知りたい方は下記のステップに沿って確認してください。   ページ左側上部に、3つのタブが表示されています。 エディターを最初に開いた際には、デフォルトで「レイアウト」が表示されるようになっています。ランディングページの作成にあたり、レイアウトの中から「白紙レイアウト」を選択し1から作成することや、「テンプレート」をクリックすることによって既にある程度仕上がっているデザインを編集しながら作成することも可能です。 ランディングページもモバイルレスポンシブとなっているので、作成する際にはモバイルからアクセスする方にも見易いページを作ることを意識しましょう。 レイアウトが一度選択されたら、このような画面が表示されます。  レイアウト こちらをクリックすることによって、再度レイアウト選択画面へと遷移します。現在選択しているレイアウトを異なるものへと変更する場合には、希望するレイアウトをクリックの上で保存してください。 注:レイアウトを変更した際には、現在編集しているコンテンツなどは全て消去されます。また、この操作は取り消すことが出来ません。  ブロック このタブでは、以下の2つの項目が見られます。 セクション ブロック  全体のスタイル このタブをクリックすることにより、ページの背景色を選択することが出来ます。下記の画像のように、ページの背景色を変更してみましょう。  エリア名表示ボタン このボタンをクリックすることによって、作成しているランディングページ上のセクションの区切りを表示させたり、セクション内に埋め込んだコラムの数を確認することができます。  ブロックの表示ボタン このボタンをクリックすると、ページ状に配置したブロックの全てに緑色で囲まれて表示されます。ブロックの移動やコピー、削除の操作を行うことができます。  モバイル版表示ボタン Benchmark Emailのエディターはレスポンシブ対応となっているため、自動的に配置したブロックなどはモバイル・スマホにおいても見やすい位置へと変換されています。 このボタンをクリックすることにより、現在作成中のページがモバイルではどのように表示されるか、ということを確認する事が可能です。もしこちらで表示されたモバイル版のレイアウトが気に入らない場合には、こちらのエディターから直接編集を行なった上で、お好みのデザインへと変更してください。 注:モバイル版表示の状態でページを編集した場合、デスクトップ表示も同様に編集されます。  タイトルバー エディターの右上に、ランディングページの名前が表示されています。こちらはチェックリスト上で入力したものとは異なり、管理用の名前が表示されています。  チェックリストに戻る こちらをクリックすることにより、現在編集中のデザインページからチェックリスト一覧へ戻る事ができます。  ランディングページレイアウト 実際にランディングページを編集している画面の部分を指します。ランディングページに入力・挿入したい内容のブロックをドラッグ&ドロップし、ページを編集しましょう。  保存時間 Benchmark Emailでは数秒ごとにデータの自動バックアップを行なっています。最後に自動保存された時間がここには表示されます。  プレビュー 現在作成中のランディングページがデスクトップ上でどのように表示されるかを確認する事ができます  保存&次へ このボタンをクリックすることにより、作成したランディングページを保存した上でチェックリストへ戻り、公開作業へと移ることができます。 非表示オプション ブロックをクリックした際に表示される「スマホで非表示」「パソコンで非表示」のトグルバーをクリックすることにより、該当するデバイスからページを見た際にその部分を非表示にすることができます。   トップに戻る   セクション セクションはランディングページ内に設置するコンテンツについての詳細を設定することができます。ランディングページを1枚だけではなく、セクション毎に区切ってより見やすいランディングページを作成することができます。 「セクション」オプションは「ブロック」タブ内の操作を行なった際に表示されます。お好みのコンテンツやカラムをドラッグ&ドロップして、ランディングページへ挿入しましょう。 1つのセクションには1つ〜4つのカラムを挿入する事が可能です。 セクション自体をランディングページに挿入したい際には、「ブロック」タブから「カラム」を選択した上でドラッグ&ドロップでページに挿入することにより、自動的にセクションが追加されます。セクション内には挿入できるコンテンツ数が表示されます。 「セクション」オプションについては、「エリア名表示」を選択すると、青枠によって表示されます。 「エリア名表示」をクリックすることにより、ランディングページがいくつものセクションに分けられている事がわかります。また、セクション毎によって異なる数字が表示されており、これは挿入できるカラムの数を表示しています。 セクション毎にそれぞれ右側に表示されるアイコンは、下記の通りとなっています。  上下ポインターこの矢印をクリックすることにより、現在選択しているセクションから他のセクションへと移動する事ができます。  セクション設定このアイコンをクリックすると、セクションの設定画面を表示させる事ができます。左側に表示されたセクションの背景色を変更することにより、選択している特定のセクションの色を変更することも可能です。  ブロックのコピーこのアイコンをクリックすることで、該当するセクション全体のコピーをする事が可能です。コピーしたセクションはコピー元のセクションの下に置かれます。  ブロックの削除クリックするとセクション内の全てが削除されます。※一度削除したセクションを復元することは出来ないのでご注意ください。 セクション表示から通常の編集画面に戻る際には、「エリア名表示」をクリックしてください。   トップに戻る ブロック ブロックはランディングページのデザインの材料であり、機能面において重要なものとなります。「ブロック」タブをクリックすることにより、「カラム」と「コンテンツ」2つのオプションが表示されます。 編集中のランディングページに挿入したいコンテンツを、「ブロック」タブをクリックしたのちに「コンテンツ」オプションを探してみましょう。 現在編集中のランディングページ内にコンテンツを載せる際には、希望するコンテンツをドラッグ&ドロップするだけです。   ランディングページに挿入できるブロックは下記一覧となります。   画像ブロック/画像カードブロック 画像キャプションブロック テキストブロック 動画ブロック 区切り線ブロック ボタンブロック ナビゲーションバー 登録フォーム トップに戻る   画像ブロック/画像カードブロック アカウントの画像ギャラリーにすでにアップロードした画像や、新たに画像をアップロードの上で、ランディングページ内に挿入する事が出来ます。 ブロックを編集しているページへドラッグし、画像を追加してください。 画像ブロックはページ内に画像を挿入し、画像カードブロックは挿入した画像のすぐ近くにテキスト入力をする事が可能です。 画像ブロックと画像カードブロックの違いはこのようになっています。 どちらを使うべき? 「画像ブロック」はシンプルに画像のみを挿入したい場合に 「画像カードブロック」は画像と一緒に説明を挿入したい場合に向いています。 画像カードブロックは、画像の場所を動かすと入力した説明文も一緒に移動するようになっています。 画像カードブロックの挿入方法についてはこちら、画像ブロックの挿入方法についてはこちらをご参照ください。 関連FAQ: 画像のサイズや色を編集する方法 画像ギャラリー/アップロード出来る画像について 画像URLの取得方法 画像の削除方法   ブロック一覧メニューへ戻る   画像キャプションブロック 「画像キャプションブロック」は画像内にテキストを入れることが可能となり、画像カードブロックとの違いは、画像キャプションブロックにおいては入力するテキストの枠がなく、お好みでテキストの入力枠を編集する事が可能です。 下記の画像において、左側に画像キャプションブロック・画像カードブロックを右側に設置しています。 画像キャプションブロックの挿入方法についてはこちらをご参照ください。   ブロック一覧メニューへ戻る   テキストブロック ランディングページ内にテキストブロックを挿入し、文字を入力することが出来ます。テキストを挿入したいところに、テキストブロックをドラッグするだけです。設置した際には既存の文章が埋め込まれているので、ブロックをクリックし希望する文章を入力してください。 テキストブロックを使用する上で下記の注意点をご確認ください。 コピー&ペースト ランディングページに挿入するテキストをコピー&ペーストにて入力をしたい場合には、直接テキストボックスに入力するのではなく「貼り付け」機能 を利用することをお勧めします。 貼り付け機能を使うことで

ランディングページ 3月 24, 2020