ShopifyでSNS（X, Instagram, LINEなど）への誘導を簡単に実現できる追従SNSアイコンアプリについて徹底解説｜ご利用ガイド
はじめに
今回の記事は、Shopify アプリである「シンプル SNS 誘導｜お手軽追従 SNS アイコン」の解説記事です。
Shopify とは、ざっくり説明すると EC サイトを簡単に構築することができるプラットフォームであり、Shopify アプリとはそのプラットフォームを拡張する機能のようなものです。WordPress のプラグインのようなもの、とご認識頂いて大丈夫です。
「シンプル SNS 誘導｜お手軽追従 SNS アイコン」は、シンプルですぐに導入できる SNS アイコンアプリです。
「シンプル SNS 誘導｜お手軽追従 SNS アイコン」を利用すれば、ストア内の全ページに追従（固定）SNS アイコンを設置し、Instagram、Facebook、X、Pinterest、YouTube、TikTok、Snapchat、Vimeo、LINE、そしてカスタムアイコンにも瞬時に誘導することができます。顧客とのやりとりを強化し、コンバージョン向上につなげたい方におすすめのアプリです。
ご興味のある方は、以下の URL からインストールしてみてください。
「シンプル SNS 誘導｜お手軽追従 SNS アイコン」でできること
Shopify アプリである「シンプル SNS 誘導｜お手軽追従 SNS アイコン」は、以下のように店舗内のあらゆるページに追従する SNS アイコンを設置できるアプリです。
主な特徴は次のとおりです。
- 簡単に追従（固定）SNS アイコンを追加
ストアのデザインに合わせて、アイコンの配置位置を調整できます。 - アイコンのリンク・画像・スタイルを自由にカスタマイズ
ご利用中の SNS やブランドイメージに合わせて、色やサイズなどを変更できます。 - 1 クリックでテーマに導入でき、簡単にセットアップ
テーマへの組み込みが簡単なので、専門知識がない方でもスムーズに設定できます。
これらを活用することで、ストアを訪れた顧客が、すぐにあなたの SNS アカウントをフォローしやすくなります。フォロワーを増やすことにより、リピート率向上やブランド認知拡大につなげやすくなります。
追従 SNS アイコンを追加できる
「シンプル SNS 誘導｜お手軽追従 SNS アイコン」を使うと、画面をスクロールしても画面左下（右下）に固定で追従する SNS アイコンを表示することができます。
好きな SNS アイコンを設定できる
主要な SNS のアイコンに関しては、URL を設定するだけで自動でアイコンが表示されるようになっています。用意されている SNS アイコン以外にお好きなアイコン画像も設定できます。
デフォルトで対応している SNS は以下の通りです。
- X（Twitter）
- Tiktok
- YouTube
- Vimeo
- Snapchat
- LINE
あらゆるページに SNS アイコンを設置できる！
TOP ページはもちろん、カートページや商品ページなど、あらゆるページに SNS アイコンを設置することができます。
ノーコードで見た目をカスタマイズできる
アイコンの見た目はノーコードでカスタマイズすることができます。コード編集の知識なしで、お好きなデザイン・レイアウトに調整できます。
1 クリックでテーマに追加できる
アプリをインストール後、1 クリックでストアに SNS アイコンの機能を有効化することができます。
シンプル SNS 誘導アプリのインストール
それでは、実際にアプリをインストールしましょう。
アプリの料金は、月額 $3.99（無料お試し期間なし）となっております。
ストア管理画面左下の「設定」をクリックします。
「アプリと販売チャネル」をクリックして「Shopify App Store」に移動してください。
検索窓に「シンプル SNS 誘導｜お手軽追従 SNS アイコン」と入力してください。
以下の画像のように表示されるアプリをクリックします。
表示されたアプリの詳細画面から「インストール」ボタンをクリックして、ストアをアプリにインストールします。こちらのアプリは月額 3.99 ドルでご利用いただけます。
インストールボタンをクリックすると、再度ストアの管理画面に移動します。必要な権限を確認し、「インストール」ボタンをクリックしてインストールを完了してください。
以下のアプリ管理画面が表示されます。
ここまでで、アプリのインストールは完了です。
シンプル SNS 誘導のアプリブロックをテーマに追加
「シンプル SNS 誘導｜お手軽追従 SNS アイコン」を実際にテーマに組み込み、SNS アイコンが表示されるように設定していきましょう。
自動でアプリをテーマに追加
アプリの管理画面を開いてください。
『テーマに追従 SNS アイコンを追加」の「テーマを選択」でアプリブロックを追加したいテーマを選択してください。
「テーマに追加」ボタンをクリックします。
テーマ編集画面が開き、アプリが有効化されます。
「保存する」をクリックして、有効化は完了です。
以上で、テーマに自動的に SNS アイコンブロックが追加されます。
手動でアプリをテーマに追加
自動追加がうまくいかない場合や、別のテーマで手動調整したい場合は以下の手順で行ってください。
アプリ管理画面を開いて下さい。
「テーマを選択」でアプリを手動追加したいテーマを選択し、「テーマをプレビュー」ボタンをクリックします。
「アプリを埋め込む」で「シンプル SNS 誘導｜お手軽追従 SNS アイコン」を探し、スイッチボタンをクリックしてアプリを有効化します。
「保存する」をクリックして、変更を保存します。
以上で、手動でのブロック追加も完了です。
シンプル SNS 誘導アプリのカスタマイズ
アプリをテーマに追加したら、テーマエディタで「シンプル SNS 誘導｜お手軽追従 SNS アイコン」のカスタマイズを行えます。
「アプリを埋め込む」の「シンプル SNS 誘導｜お手軽追従 SNS アイコン」をクリックすると、設定項目が表示されます。
SNS のリンク・アイコンの設定
「アイコン設定」で SNS のリンクと表示したいアイコン画像をカスタマイズできます。SNS のアイコンを最大 3 つまで同時に表示することができます。
「SNS リンク 1~3」に各種 SNS アカウントの URL を設定することができます。主要な SNS のリンクを設定した場合は、対応する SNS のアイコンが表示されます。
デフォルトで対応している SNS は以下になります。
- X（Twitter）
- Tiktok
- YouTube
- Vimeo
- Snapchat
- LINE
上記以外の SNS のアイコンや、上記の SNS でも色が違うアイコンを使用したい場合は、「SNS アイコン画像 1~3」で任意のアイコン画像を設定することができます。アイコン画像が設定されている場合は、設定されているアイコン画像が優先して表示されます。
「アイコンサイズ」で、アイコンの大きさを設定できます。アイコンサイズは、すべての SNS アイコンに適用されます。また、PC・スマホそれぞれで大きさを設定できます。
レイアウト設定
「レイアウト設定」では、アイコンの並び方やデザインを調整できます。
「アイコンの並び方向」で SNS アイコンの配置を 「縦」または「横」に設定できます。
PC・スマホでそれぞれ設定可能なので、画面サイズに応じた最適なデザインに調整できます。
「背景色」「枠線の色」でアイコンを囲っている要素の色をそれぞれ設定できます。
それぞれ余白を設定できます。
位置設定
SNS アイコンを画面上のどこに表示するかを設定できます。
「アイコンの位置」で SNS アイコンの表示位置を「左下」「右下」から選択できます。
画面との距離をそれぞれ設定できます。画面の左（右）端・下端からどのくらいの位置に設定するかの項目です。PC・スマホともに設定可能です。
「アイコンの z-index」を設定できます。z-index を設定することで、SNS アイコンが他の要素より前面または背面に表示されるように調整できます。数値を大きくすると前面に、小さくすると背面に配置されます。
その他の設定
「追加 CSS」で設定項目以外に CSS を使って見た目をカスタマイズすることができます。直接 CSS のコードを入力して下さい。クラス名などは検証を利用して取得してください。
おわりに
今回は「シンプル SNS 誘導｜お手軽追従 SNS アイコン」の解説を行いました。
- 全ページに SNS アイコンを追従表示して、ストア訪問者へ SNS アカウントを簡単に案内
- Instagram や Facebook、X など主要 SNS はもちろん、LINE やカスタムアイコンにも対応
- 月額 $3.99 で利用可能（無料期間なし）
顧客とのコミュニケーション強化やリピーター確保にぜひお役立てください。
ここまでお読みいただき、誠にありがとうございました。
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
.png?w=400){kind=icon}
