【Loopsパーツ】「バナー」の設定・活用方法

https://leapy.helpkit.so/3icxazjayupnkaynzjdjuy

この記事では、「バナー」の設定方法に加えて、使用時のポイントについても詳しくお話ししていきます。ぜひ編集時にお役立てください。

「バナー」とは、下記のような画像を指します。クリックすると、指定したURLやファイルに遷移します。

「バナー」を利用することで、資料請求、無料相談、購買などユーザーのアクションを促進できます。設置時には、ユーザーの導線を意識するようにしましょう。

では、早速「バナー」の設定方法について、お話ししていきましょう。

まずは、納品の際にお渡しさせていただいた管理画面URLにアクセスいただき、管理画面にログインしてください。

管理画面にログインできたら、左のサイドバーから「固定ページ」をクリックしましょう。

「固定ページ」をクリックしていただくと、左の画像のような「固定ページ一覧」が表示されます。

表示された「固定ページ一覧」の中から、編集したい固定ページの部分にカーソルを合わせて、「ページのタイトル」もしくは「編集」の部分をクリックしてください。

「ページのタイトル」もしくは「編集」の部分をクリックしていただくと、固定ページ編集画面が表示されます。

※今回は会社情報ページを選択していますが、その他のページでも同様の操作を行ってくださいませ。

表示された固定ページ編集画面をコンテンツ項目までスクロールしていただいて、「セクションを追加」をクリックしてください。

※「バナー」を含むLoopsパーツはセクションの中に含まれるパーツのため、セクションの追加が必須となります。

「セクションを追加」をクリックしていただくと、セクションの編集画面が表示されます。

参考サイト：『「セクション」とは？具体的な運用方法と作成方法』

表示されたセクション編集画面を下にスクロールしていただいて、「パーツを追加」ボタンをクリックしてください。

「パーツを追加」ボタンをクリックしていただくと、パーツ選択画面が表示されます。

パーツ選択画面の中から、「バナー」を選択してください。

ここからは、バナーの詳細を設定していきます。

まずはバナーの遷移先を「ページURL」または「画像orファイル」から選択しましょう。

遷移先が指定できたら、バナー画像を設定しましょう。

まずは、「画像を追加する」ボタンをクリックしてください。

クリックしていただくと、「メディアライブラリ」が開きます。そこから画像を選択してください。

※メディアライブラリに設定したい画像またはファイルがない場合は、「Uplode files」項目からのアップロードが必要です。アップロード方法に関しては、下記記事をご参照ください。

参考記事1：『ページ内に画像を設置する方法』（ステップ2以降をご参照ください）

参考記事2：『画像がアップロードできない場合の対処法』

遷移先が「ページURL」ならば、ページのURLを入力。「画像orファイル」ならば、画像かファイルを追加します。

▼遷移先が「画像orファイル」の場合

遷移先を「画像orファイル」に選択した方は、「ファイルを追加する」をクリックしてください。クリックしたのちに開かれる「メディアライブラリ」から追加できます。

※メディアライブラリに設定したい画像またはファイルがない場合は、「Uplode files」項目からのアップロードが必要です。アップロード方法に関しては、下記事項をご参照ください。

参考記事1：『ページ内に画像を設置する方法』（ステップ2以降をご参照ください）

参考記事2：『画像がアップロードできない場合の対処法』

遷移先を別タブで開かせたい場合、「別タブにする」を「はい」にします。

※別タブで開くことで、元ページのタブが開いたままとなるため、ページ離脱率が低下します。（外部サイト遷移時の利用がオススメです。）

複数のバナーを表示させたい場合は、「バナー追加」をクリックします。クリックすると、新しいバナーパーツが追加されます。（設定方法は最初のバナーと同様です。）

一通りの入力が終わったら、「プレビュー」から表示を確認してみましょう。

表示に問題がなければ、「更新」をクリックして、バナーの設定は完了です。

※バナー以外も編集したい方は、その他の部分の編集が終わったのちに「更新」をクリックしてください。