![page icon](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/d7b62fdc-3c8f-4de1-b5ae-6daea5f4f702/0b74bed9ab7963d27b6f72c1d4d2d5a4.png)
友だち追加バナーの設定方法
友だち追加バナーとは
「友だち追加バナー」はショップに訪問したお客さまとの一番初めの接点です。ショップの右下にバナーを表示することができます。
おみせコネクトの管理画面の左メニューからいつでもバナー形式の選択とテキストメッセージの設定をすることができます。
![LINEアイコンバナー(アイコンのみ)](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/568d8502-743b-4898-a800-c4961cb7b3cf/5aa6b42886242788396bb2953fa48df9.png)
![LINEアイコンバナー(アイコン+テキスト)](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/2b0e1488-973b-4362-9fe6-f1ca0d11cc4a/6784f6f9c578b40ca627f9f4b7f0bbca.png)
![リッチデザインバナー](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/64b2e6d1-ff26-4de6-9ac7-2fa0474e168b/be26efc4d7a9b9f2b1d0804cf37541a1.png)
おみせコネクト側の設定
まずは、おみせコネクトの管理画面で、表示形式や表示内容の設定を行います。
![表示形式で LINEアイコンバナー を選択し、表示パーツや表示メッセージを設定します。](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/0f7fa3cc-6acf-4a69-88b4-945599c93fc8/d6f2f40491c33c5d9910b3b1ac9c8b96.png)
LINEアイコンバナーは、直感的でシンプルなLINEロゴを使ったバナー形式です。テキストのメッセージもつけることができますので、友だち追加のクーポン情報などを添えて、友だち追加を促進しましょう。
![LINEアイコンバナーとは?](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/df5c19e3-028b-4d09-bd2b-38cd26789fee/f8a722d4b25b3b00159bf43b99bff267.png)
リッチデザインバナーは、表現力豊かで目立つデザインが特徴です。ボタンの文言は固定となりますが、テキスト文言をカスタマイズすることが可能です。またLINE公式アカウントのアイコンと連動しています。
![リッチデザインバナーとは?](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/91178e4f-7d1b-41ec-8baa-bd3292758c73/f8a722d4b25b3b00159bf43b99bff267.png)
Shopify側の設定
次に、Shopifyの管理画面からテーマを編集する必要があります。
Shopify管理画面にて、「オンラインストア」>「テーマ」を開き、テーマのカスタマイズページを開いてください。
画面左側の「埋め込みアプリ」アイコンをクリックしてください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/7e723bb1-087f-488c-b5b5-70967d2663fb/eaab819b82c2142fdf233f2b7da20e7d.png)
続いて、おみせコネクトが提供している「友だち追加バナー」を有効にしてください。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/4ec4f26d-1fbd-4cf4-b35b-1d01bf69b5ba/583d2f7b3d3c5c50ea92c4060e9e6a7a.png)
最後に、右上の「保存する」でテーマの変更を保存すれば完了です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/dolphin/502c1786-9e04-4914-8503-a6d5fcbb552c/1bb002812e8fa8be6e1bdcc5155d4474.png)
表示位置を調整する方法
こちらのページを参照ください
友だち追加バナーの表示位置を調整する方法2023/5/10 6:592023/5/10 7:01以上で、友だち追加バナーの設定は完了です🎉