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

株式会社リテリアのアイコン
株式会社リテリア

はじめに

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

アプリのインストール

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

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

アプリのインストール

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

検索窓で検索

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

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

アプリを追加するをクリック

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

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

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

アプリのインストール

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

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

アプリの設定

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

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

テーマを選択

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

「有効化」をクリック

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

「プレビュー」をクリック

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

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

カラム数を変更する

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

カラム数を変更する

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

2 カラムにする

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

3 カラムにする

画像の設定

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

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

画像の設定

URL の設定

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

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

URL の設定

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

URL の設定

画像間の余白の調整

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

画像間の余白の調整

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

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

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

終わりに

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

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

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

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

recommendおすすめ記事

日本語に完全対応したセット販売アプリ「セット売り|リテリア セット販売」について徹底解説
アプリ解説

日本語に完全対応したセット販売アプリ「セット売り|リテリア セット販売」について徹底解説

Shopifyで高スタマイズタイトルを簡単に導入できるアプリ「リテリア Title」について解説
アプリ解説

Shopifyで高スタマイズタイトルを簡単に導入できるアプリ「リテリア Title」について解説

Shopify ECサイトをスマホで利用しているユーザーのためのアプリ「スマホナビゲーション|リテリア Navigation」解説
アプリ解説

Shopify ECサイトをスマホで利用しているユーザーのためのアプリ「スマホナビゲーション|リテリア Navigation」解説

ShopifyストアにFAQ(よくある質問)を挿入できるアプリ『リテリア FAQ』の使い方を徹底解説
アプリ解説

ShopifyストアにFAQ(よくある質問)を挿入できるアプリ『リテリア FAQ』の使い方を徹底解説

ShopifyストアにYouTube動画を埋め込む方法を徹底解説!
アプリ解説

ShopifyストアにYouTube動画を埋め込む方法を徹底解説!

商品ページに追従ボタンを簡単に導入できるShopifyアプリ | リテリア Buy Button について解説
アプリ解説

商品ページに追従ボタンを簡単に導入できるShopifyアプリ | リテリア Buy Button について解説

【公式解説】簡単に送料無料バーを設定できる Shopify アプリ「リテリア 告知」について解説!
アプリ解説

【公式解説】簡単に送料無料バーを設定できる Shopify アプリ「リテリア 告知」について解説!

高カスタマイズ画像スライドショーを挿入できるShopifyアプリ「リテリア スライドショー」の使い方を徹底解説
アプリ解説

高カスタマイズ画像スライドショーを挿入できるShopifyアプリ「リテリア スライドショー」の使い方を徹底解説

Shopifyで離脱防止ポップアップを設置できる「リテリア Popup」について徹底解説
アプリ解説

Shopifyで離脱防止ポップアップを設置できる「リテリア Popup」について徹底解説

Shopifyの商品詳細ページに発売予告機能を追加できるアプリ「リテリア Coming Soon」について解説
アプリ解説

Shopifyの商品詳細ページに発売予告機能を追加できるアプリ「リテリア Coming Soon」について解説

Shopifyで日本語フォントを使えるアプリ『リテリア Font Picker』について徹底解説
アプリ解説

Shopifyで日本語フォントを使えるアプリ『リテリア Font Picker』について徹底解説

【Shopifyアプリ】トップページやコレクションページから1クリックでカートに追加出来るアプリについての解説
アプリ解説

【Shopifyアプリ】トップページやコレクションページから1クリックでカートに追加出来るアプリについての解説

簡単に余白を調整できるShopifyアプリ「リテリア Margin」を使ってストアのデザイン性を向上させよう
アプリ解説

簡単に余白を調整できるShopifyアプリ「リテリア Margin」を使ってストアのデザイン性を向上させよう

Shopifyでコレクションをランキング表示するアプリ『リテリア Ranking』を徹底解説
アプリ解説

Shopifyでコレクションをランキング表示するアプリ『リテリア Ranking』を徹底解説

ShopifyストアのAboutページに表を埋め込むことができるアプリ「リテリア About Us」を解説
アプリ解説

ShopifyストアのAboutページに表を埋め込むことができるアプリ「リテリア About Us」を解説

LINE誘導ボタンを簡単に設置できるShopifyアプリ「リテリア LINE誘導」について徹底解説
アプリ解説

LINE誘導ボタンを簡単に設置できるShopifyアプリ「リテリア LINE誘導」について徹底解説