Shopifyでリンク付き画像を簡単に設置できる「リテリア Banner」に付いて解説

はじめに

今回の記事は、Shopify アプリである「らくらくバナー設置アプリ｜リテリア Banner」の解説記事になります。

Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームの拡張機能のようなものです。WordPress の拡張機能のようなもの、と認識頂いて大丈夫です。

「らくらくバナー設置アプリ｜リテリア Banner」は、Shopify ストアに リンク付き画像を埋め込むことができるアプリです。

興味がある方は、以下の URL よりアプリのインストールを行って下さい。

らくらくバナー設置アプリ｜リテリア Banner

通常、Shopify で バナー（リンク付き画像）を埋め込むためには、何かしらのセクションの機能を流用するか、コーディングが必要になります。

「らくらくバナー設置アプリ｜リテリア Banner」を使用すると、ノーコードで簡単に バナー（リンク付き画像）を Shopify ストアに埋め込むことができます。

それでは、アプリの概要・インストール方法・使い方の解説を行っていきます。

「らくらくバナー設置アプリ｜リテリア Banner」の概要

まず、「らくらくバナー設置アプリ｜リテリア Banner」の使い方のざっくりとした解説を行います。

「らくらくバナー設置アプリ｜リテリア Banner」は、バナー（リンク付き画像）を Shopify ストアの好きな場所に埋め込むことができるアプリです。

コーディングの知識は全く必要ありません。また、オンラインストア 2.0 対応のアプリであるため、アプリ間の競合や、コードを汚染することもありません。

日本語対応したシンプルな管理画面

「らくらくバナー設置アプリ｜リテリア Banner」は、日本語対応したシンプルな管理画面になっています。

日本製のアプリであるため、直感的にアプリを導入することができます。アプリ導入の際に、迷うことはありません。

シンプルな操作なので、Shopify アプリ導入の経験が無い方も安心して導入することができます。

１クリックでアプリを有効化

「らくらくバナー設置アプリ｜リテリア Banner」は、１クリックでアプリを有効化することができます。

管理画面の「有効化」をクリックすると、トップページの一番下に バナー アプリブロックが挿入されます。

簡単カスタマイズのバナーセクションを埋め込み

「らくらくバナー設置アプリ｜リテリア Banner」は、簡単カスタマイズの バナーセクションをノーコードで導入することができます。

横並びにする画像の数や、URL（リンク先のページ）などを簡単に調整することができます。

マウスホバー時の設定なども、ノーコードで設定できます。

画像クリックでリンク先へ

「らくらくバナー設置アプリ｜リテリア Banner」は、画像をクリックすることでリンク先に誘導できます。リンクの設定方法は shopify 内のページから選択する、URL を直接設定するの 2 通りあります。

プロエンジニアが丁寧にサポート

「らくらくバナー設置アプリ｜リテリア Banner」は、プロエンジニアが丁寧にサポートしています。分からないことがあれば、すぐに日本のプロのエンジニアに質問することができます。

それでは次に、アプリのインストール方法について説明していきます。

アプリのインストール

それでは、実際にアプリのインストールを行っていきましょう。

ストアの管理画面の「アプリ管理」から、「ストアをカスタマイズ」に移動しましょう。

アプリストアで、らくらくバナー設置アプリ｜リテリア Bannerと検索して下さい。

こちらをクリックして、アプリ画面に移動して下さい。

「アプリを追加する」をクリックして、ストアにアプリを追加しましょう。

Shopify パートナー用のアカウント（通称開発アカウント）でインストールを行うと、全ての機能を無料で利用することができます。
マーチャント用のアカウントの場合、月額 1.99 ドルで利用できます。7 日間の無料プラン付きのため、アプリの挙動を確認することが出来ます。

「アプリを追加する」をクリックすると、以下の画面に遷移します。

プライバリポリシーを確認の上、右上の「アプリをインストール」をクリックして、アプリのインストールを行いましょう。

アプリの請求画面が表示されます。「承認」ボタンをクリックすることで、アプリの管理画面にアクセスできるようになります。
請求が始まるタイミングは、承認してから 7 日後からとなりますので、安心して承認ボタンをクリックしてください。7 日間以内にアンインストールした場合は、アプリの料金は一切請求されません。

管理画面が表示されれば、インストールは終了です。

アプリの設定

次に、アプリの設定を行います。

まず、アプリを導入するテーマを選択します。

テーマを選択したら「有効化」をクリックします。自動インストールは以上で終了です。

次に「プレビュー」をクリックしましょう。TOP ページの一番下にクーポンコードセクションが追加されているのを確認できます。

ここまでで、アプリの導入は一通り完了です。

それでは次に、細かいアプリの使い方を見てみましょう。

カラム数を変更する

らくらくバナー設置アプリ｜リテリア Banner から埋め込んだ クーポンコードセクションは、画像のカラム数を変更することができます。

2 カラムにすると、以下のようになります。

3 カラムにすると、以下のようになります。

画像の設定

画像の設定も簡単にできます。

指定の場所で、用意した画像を選択するだけです。

URL の設定

画像の設定も簡単にできます。

指定の場所で、ページを選択するか URL を直接入力するだけです。

クリックすると以下のようになりページを選択できます。

画像間の余白の調整

画像の上下・左右の余白を、自由に設定することができます。

セクション上下の余白の調整

クーポンコードセクションの上下・左右の余白を、自由に設定することができます。

終わりに

今回は、「らくらくバナー設置アプリ｜リテリア Banner」の解説を行いました。

少しでも興味があれば、以下のリンクよりアプリをインストール頂けるとありがたいです。

ここまでお付き合い頂き、誠にありがとうございました。

らくらくバナー設置アプリ｜リテリア Banner