あとプラとらんキィの連携マニュアル

はじめに

弊社が提供する会員ランク制度を追加できるアプリ「らんキィ」を連携することで、顧客メタフィールドに格納されている会員ランクに応じて、チェックアウト画面での拡張アイテム商品やメッセージの出し分けが可能になります。
ランク判定の基準は、指定した期間の購入回数や累計購入金額によって設定ができるので、お客様のランクに合わせたロイヤルティ施策を用意することで、さらにLTVの向上に繋がります。

 

必要なアプリの設定

 

会員ランクに応じてポイント付与率を変更する手順

らんキィの設定をする
以下を参照してください。

あとプラの設定方法は
以下を参照ください。


1. チェックアウト拡張ページで設定項目を作成

「チェックアウト拡張」を開く
%u3042%u3068%u30D7%u30E9%u3000%u30C1%u30A7%u30C3%u30AF%u30A2%u30A6%u30C8%u62E1%u5F35%u3092%u958B%u304F

  

2.チェックアウト画面に追加する項目を作成

「新規作成」をクリックし、設定を進めます。

 

 

3. チェックアウト拡張設定の設定

ステータスや名前を入力します。
ステータス:アクティブ / 下書き

名前:設定の名前を入力してください(必須)
説明:設定の説明を入力してください(任意)
絞り込み条件設定:顧客情報のメタフィールドに指定の情報を含む/含まない

※顧客条件詳細の顧客のメタフィールドのネームスペースとキーと値は、らんキィで設定したものを入力する必要があります。

【例】
ネームスペースとキー: rw_ranky.rank
値:ゴールドランク
※らんキィで設定している「顧客へ付与されるランクの設定」ランク名を記載してください

 

※「+条件追加」ボタンを押下することにより絞り込み設定条件を複数追加できます。その際は、全てが一致する時(A 且つ B)が対象となります。



※条件を削除するときは、右のゴミ箱ボタンを押します。

拡張アイテムテキストの入力や、表示させたい商品を選択することができます。

タイプ

タイトル:チェックアウト画面で表示されるタイトルです
メッセージ:チェックアウト画面で表示されるメッセージです
リンク・画像の挿入方法「拡張アイテム」のメッセージ欄で、挿入画像と他のページやウェブサイトのリンクを追加することができます。画像とリンクを追加するタグの仕様は以下の通りです。

■ 画像設定の例:<img:URL>
<img:https:ooo.jpeg>

■ リンク設定の例:<a:URL>アンカーテキスト</a>
<a:http://google.com>リンク</a>
※メッセージボックスの下部にある「リンク・画像の挿入方法」を押下すると、サンプルが表示されます。

 

 

例)ゴールド会員に次回使用できる「500円引きクーポンを表示」する場合

タイプ:「メッセージを表示」を選択
タイトル:
「特別クーポン付与」を入力
メッセージ:
「ゴールド会員様限定で全品15%OFFクーポンをプレゼントします」を入力
リンク・画像の挿入方法:
画像のリンクを設定

あとプラ らんキィ連携 メッセージ入力

入力が完了したら、「保存する」を押してください。

 

4.チェックアウト拡張を「有効」または「無効」を選択します

「有効」になっていないと表示されません。

 

 

チェックアウト拡張ページに表示する

チェックアウト画面に、設定した項目を表示するためにはエディター画面にIDを設定する必要があります。

1.IDをコピーしチェックアウトエディターへ遷移する

設定リストの「IDをコピー」 を押下した後、「チェックアウトエディターへ」をクリックして、チェックアウト拡張のエディターへ遷移します。
※チェックアウトエディターとは:Shopifyヘルプセンター チェックアウトエディター
あとプラ らんキィ連携 チェックアウトエディタ

または、「設定」からチェックアウト拡張のエディターへ遷移することも可能です。管理画面左下にある「設定」をクリックします。

チェックアウト > チェックアウトのカスタマイズ > ライブチェックアウトで「カスタマイズ」をクリックします。
あとプラ チェックアウトカスタマイズ

 

2.ブロックを追加しIDを貼り付ける

追加したアプリブロックにチェックアウト拡張のIDを貼り付け、設定した内容を表示させます。画面左下の「+アプリを追加」をクリックします。

「あとプラ」をクリックします。
あとプラ らんキィ 連携 ブロック選択


コピーしたチェックアウトIDを貼り付けます。
あとプラ らんキィ ID追加

拡張アイテムで設定した内容はストアフロントで以下のように表示されます。
あとプラ らんキィ クーポン追加


追加したブロックは、ドラッグ&ドロップで位置を変えることができます。
あとプラ らんキィ連携 ドロップで位置変更

 

同様の手順で複数ブロックを追加することができます。
あとプラ らんキィ連携 ブロックを追加

 

 

【注意】
注文サマリーエリアにアプリを追加すると、画面右側の注文サマリー欄に表示されます。

あとプラ らんキィ連携 ブロック追加

 

例)チェックアウト拡張機能で追加した商品を「カートに追加」します。
あとプラ らんキィ連携 カートに追加


カートに追加されると小計・合計金額が変更されます。
あとプラ らんキィ連携 金額変更

 

 

チェックアウト拡張機能で追加した商品をカートから削除する

「取り消す」をクリックすることで取り消すことができます。
あとプラ らんキィ連携 カートから削除

 

 

チェックアウトからアプリブロックを削除する

ブロックを削除するときは、追加したブロックをクリックし、画面左下にある「チェックアウトからアプリを削除する」をクリックすると、ブロックを削除することができます。