6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

ShopifyアプリでLINEアイコンをストアに簡単に設置するアプリの解説してみた

Last updated at Posted at 2022-05-26

はじめに

お客様のShopify構築を行った際に、そこそこ使える日本製のShopifyアプリを見つけたので、備忘録として簡単な使い方を記載しておきます。

LINE誘導ボタンらくらく設置|リテリア LINE誘導

こちらの記事は、以下の記事を参考に作成しています。

【Shopifyアプリ調査】LINE誘導ボタンらくらく設置|リテリア LINE誘導を導入してみた!

ShopifyでLINE誘導ボタン(アイコン)を簡単に設置できる安価なアプリについて【備忘録】

それでは、ShopifyアプリでLINEアイコンをストアに簡単に設置するアプリの解説を行っていきたいと思います。

導入の経緯

ある案件で、お客様から「Shopifyストアの右下にラインアイコンを表示して欲しい」というご要望を頂きました。というか、この要望は割りと頂きます。

ストアの右下に、こういうアイコンを設定して欲しい、という要望です。

普段はコーディングで対応しているのですが、安価で良さげなアプリがあったので、アプリを導入して対応しました。カスタマイズ性も高く、お客さんの細かい要望にも対応することができています。

それが、以下のLINE誘導ボタンらくらく設置|リテリア LINE誘導というアプリです。こちらのアプリを導入すると、右下にLINE誘導アイコンを簡単に設置することができるようになります。

アプリの月額は3.99ドルです。導入するかどうか微妙なラインですが、それほど高額では無いのでお客さんに提案しました。お客さん自身で自由にカスタマイズできる、というのは魅力的ですよね。

それでは実際に、アプリの解説を行っていきたいと思います。

LINE誘導ボタンらくらく設置|リテリア LINE誘導の使い方について

それでは実際に、使い方を確認していきましょう。

LINE誘導ボタンらくらく設置|リテリア LINE誘導のインストール

まずは、アプリのインストールを行っていきます。

ストアの管理画面の管理から、ストアをカスタマイズに移動して、検索窓に「LINE誘導ボタンらくらく設置|リテリア LINE誘導」と入力しましょう。そうすると、以下の画面を見つけることができるので、アプリを追加するより、アプリのインストールを行って下さい。

もし見つけることができなかった場合には、以下のURLからインストールを行って下さい。

それでは次に、アプリの機能をざっくりと解説していきます。

アプリの機能をざっくり解説

それでは、アプリの機能をざっくりと解説していきます。

基本的にこちらのアプリは、以下の画像が示しているようにLINE誘導ボタンをお客さんがクリクして、LINE公式アカウントに遷移させるというだけです。

LINE公式アカウントは別途作成しておく必要があります。

あらゆるページにLINE誘導アイコンが埋め込み可能なので、お好きなページに配置することができます。

また、上記のようにカスタマイズ性も高く、アイコンやテキストの大きさ、吹き出しの大きさや色なども細かくカスタマイズすることができます。

PCとモバイルで、以下のようなデザインになっています。

それでは実際に、アプリのインストール方法などを見ていきましょう。

アプリの設定

こちらのアプリの管理画面は、以下のようになっています。

それでは、アプリの設定を行っていきましょう。

まず、テーマに反映という項目の設定を行い、任意のテーマにこちらのアプリブロックを追加します。

反映させるテーマを設定したら、有効化をクリックすることで、LINE誘導アイコンがテーマ内に反映されます。有効化が完了すると、アプリを有効化しましたという表示が出力されます。

その後は、以下のプレビューボタンをクリックして、ストアのカスタマイズ画面に移動しましょう。

見た目のカスタマイズ

ストアのカスタマイズ画面に移動した後は、見た目のカスタマイズを行います。

↑の画像の右側の項目をカスタマイズできます。

具体的には、アイコンの位置や、アイコンと画面の端との距離アイコンと吹き出しとの間の距離などをカスタマイズすることができます。

LINEアイコンは著作権がきっかりしたものがネットに上がっているので、そちらを好きに使用して頂く感じです。アイコンサイズ吹き出しの背景色吹き出しの文字色等も設定できるため、かなり理想に近いLINE誘導アイコンを作成することができます。

終わりに

ここまでで、ShopifyでLINEアイコンが表示できるアプリである、LINE誘導ボタンらくらく設置|リテリア LINE誘導の解説は終わりです。

アプリストアは以下になります。

ここまで読んで頂き、ありがとうございました。

以下のアプリの紹介を行っております。参考にして頂ければ幸いです。

また、別のアプリの調査記事も載せているので、よろしければご覧下さい。

【Shopifyアプリ】ランキング形式に表示できるアプリを導入してみた!

【Shopifyアプリ】商品ページに追従購入ボタンを設置できるアプリが結構良い

【Shopifyアプリ】FAQ(よくある質問)を簡単に導入できるアプリ見つけた!

Shopifyでボトムナビゲーションを挿入できるアプリを試してみた

参考記事

【Shopifyアプリ調査】LINE誘導ボタンらくらく設置|リテリア LINE誘導を導入してみた!

ShopifyでLINE誘導ボタン(アイコン)を簡単に設置できる安価なアプリについて【備忘録】

6
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?