「ShopifyのログインはFacebookからできる？」
「FacebookからログインできればShopifyサイトへのアクセスを増やせる？」
このように考えているShopifyショップ運営者もいるのではないでしょうか。
Shopifyは越境ECの代表格といえるプラットフォームです。世界をマーケティングの場として視野に入れるのなら、Facebookをはじめ各種のソーシャルメディアからのログイン機能を採用したいと考えるのは自然なことでしょう。
ShopifyにはSNSを連携する「One Click Social Login」という人気のアプリがあります。今回はアプリの導入から設定までを画像付きで説明していきます。
この記事を読めば、FacebookからShopifyへワンクリックでログインする機能を実装できるでしょう。
DMMチャットブーストでは👉Shopifyに関する記事もございますので、ぜひご覧ください。
ShopifyにFacebookからログインするための「One Click Social Login」の特徴とは？
One Click Social Loginは、Shopifyアプリストアで提供されているアプリの1つです。One Click Social Loginを用いることで、Facebookだけでなく他のSNSからでもShopifyへログインできるようになります。
導入がシンプルな上に、ログインボタンの編集やポップアップウィンドウの設置など、フレキシブルに対応できるのが特徴です。
ECサイトへの会員登録をワンクリックで完了できるようになれば、ユーザーは気軽に運営しているショップへ足を運んでくれるようになります。認知度のアップにも活用できるツールといえるでしょう。
One Click Social Loginは料金プランに関係なく下記の11種類のSNSと連携できます。
【連携できるSNS】
・Facebook
・Twitter
・Google
・Google One Tap Login
・Linkedin
・Amazon
・LINE
・Spotify
・Steam
・Outlook
・Yahoo
料金プランは「Basic」「Standard」「Pro」の3種類があり、それぞれの価格は下記の通りです。
| 料金 | 機能 | |
| Basicプラン | 月額$2.99 | ・11種類のSNSと連携 ・ログインユーザー数無制限 ・ログインボタンのカスタマイズ |
| Standardプラン | 月額$4.99 | ・ユーザーデータに関する分析やグラフの作成 ・ユーザーのサインアップレポートの作成 ・ログインボタンのCSSでのカスタマイズ |
| Proプラン | 月額$9.99 | ・ソーシャルログインポップアップの有効化 ・ソーシャルログインポップアップのカスタマイズ ・ソーシャルログインポップアップの表示場所やタイミングの設定 |
どのプランも15日間の無料トライアル期間があります。
「まずは自社にはどのプランが合っているか知りたい」「使いやすいか試してみたい」という方でも気軽に始められる点も魅力です。
ShopifyにFacebookからログインするための「One Click Social Login」の導入手順
One Click Social Loginの導入手順を紹介します。
下記の手順通りに進めることで、ShopifyにFacebookからログインできるようになります。
ShopifyにFacebookからログインするための「One Click Social Login」の手順1｜アプリの導入
まずはアプリをインストールします。
One Click Social Loginのダウンロードページから「アプリを追加する」を選択します。
続いて、Shopifyストアにインストールします。
引用：Shopify管理画面
画面右上の「アプリをインストール」をクリックします。
ShopifyにFacebookからログインするための「One Click Social Login」の手順2｜顧客アカウントの有効化
SNSアカウントからShopifyへのログインを有効化するためには、事前に「顧客アカウント」を有効化する設定が必要です。 
引用：Shopify管理画面
Shopifyの管理画面の「設定」から
「チェックアウト」＞「顧客アカウント」で、
- アカウントを任意にする
- アカウント作成を必須にする
どちらかを選択しましょう。
ShopifyにFacebookからログインするための「One Click Social Login」の手順3｜ログインボタンの設置
One Click Social Login管理画面の「Dashboard」タブでは上記のように表示されます。
「Enable automatic installation」にチェックを入れることで、
サイトへのログイン時にSNSアカウントでのログインボタンが自動で設置されます。
サイト上の任意の場所にSNSアカウントのログインボタンを設置したい場合は、下記のコードを入力することで設置できます。
<div class="one-click-social-login"><div>
「Customer Options」では、言語やプライバシーポリシーの表示場所、ユーザー同意の際のチェックボックスの有無、SNSアカウントでログインしたユーザーにタグ付けを行うかなどの設定ができます。
「Social Networks Configuration」では、サイトと連携するSNSを設定できます。
ShopifyにFacebookからログインするための「One Click Social Login」の手順4｜ログインボタンの設定
「Buttons Configuration」のタブではログインボタンの外観が設定できます。
アイコン表示の有無やフォント、表示テキストの編集などをプレビューを見ながら自由に行えます。
自社のサイトの雰囲気にぴったりのボタンを作成しましょう。
ShopifyにFacebookからログインするための「One Click Social Login」の手順5｜ポップアップの設定
「Popup Configuration」タブでは、ログインを促すポップアップの設定が行えます。
ボタンの設定と同様に、テキストや配色などカスタマイズできます。
サイトにポップアップを表示する際は「Enable Login Popup」にチェックを入れましょう。
ShopifyにFacebookからログインするための「One Click Social Login」の手順6｜シェアボタンの設定
「Share Bar Configuration」タブではSNSのシェアボタンの設定ができます。
の4つからチェックを入れたSNSをサイト上に表示し、サイトや商品のシェアを促せるようになります。
アイコンのサイズや、シェアボタンを表示するページも選べます。
シェアボタンを有効化する場合は「Enable Share Bar」にチェックを入れましょう。
DMMチャットブーストではshopifyの構築に関する記事もございますので、ぜひご覧ください。
Shopifyを拡張してユーザーの満足度を高めよう
今回はShopifyにFacebookでログインする方法をお伝えしました。
ユーザーの使いやすいECサイトを作るためには様々なサービスとの連携が必要です。
その1つとして、Shopifyを利用する際は、DMMチャットブーストの利用がおすすめです。
Shopifyの機能を自動化し、より効率よくECサイトの運営が行えます。
気になる方は14日間無料でお試しください。
DMMチャットブーストではShopifyのログインに関する記事もございますので、ぜひご覧ください。