導入の流れ
AnyGift タグ挿入型をECサイトへ導入し、公開するまでの流れを説明します。具体的な作業範囲は、ECサイトの構成、商品・在庫の管理方法、注文連携の方式によって異なります。
導入ステップ概要
STEP 1: ECサイトと運用方式の確認
↓
STEP 2: 商品・在庫・注文連携の設計
↓
STEP 3: AnyGift管理画面の設定
↓
STEP 4: ECサイトへタグを設置
↓
STEP 5: 購入から受取・出荷までをテスト
↓
STEP 6: 公開・運用開始
出荷の連携方式による違い
導入の準備は、eギフトの注文を出荷までどうつなぐか(出荷の連携方式)によって一部が変わります。方式の比べ方は出荷連携の方法を選ぶをご覧ください。
| 準備 | 手動連携 | OMS連携 | 代理購入連携 |
|---|---|---|---|
| Stripe Connect アカウントの登録(売上の受け取り口座) | 必要 | 必要 | 不要 |
| ストア・管理者の情報の登録 | 必要 | 必要 | 必要 |
| OMSとの連携設定 | 不要 | 必要 | 不要 |
| テスト購入で確かめる範囲 | 購入・受取・管理画面での確認 | 購入・受取・OMSへの受注の取り込み | 購入・受取(テスト購入では、ECサイトでの代理購入は行われません) |
手動連携・OMS連携では、STEP 3 までに Stripe Connect アカウントの登録を済ませておくと、公開前の準備がスムーズです。
STEP 1:ECサイトと運用方式を確認する
最初に、利用中のECサイトへJavaScriptタグを設置できるか、商品ページで商品コードを取得できるかを確認します。対応可否はECカート名だけでは決まらず、利用中のテンプレートや画面構成、注文連携の方式にも左右されます。
確認すること:
- 商品ページのHTMLまたはテンプレートを編集できる
- ページごとの商品コードをテンプレートから取得できる
- テスト用テーマまたは検証環境を用意できる
- 商品・在庫をどのシステムで管理するか決まっている
- 受取完了後の注文作成・出荷方法を確認できる
STEP 2:商品・在庫・注文連携を設計する
AnyGift タグ挿入型では、AnyGift側で商品・在庫とギフト注文を管理します。既存の運用に合わせて、商品登録と注文連携の方法を選びます。
| 対象 | 主な選択肢 |
|---|---|
| 商品登録 | 管理画面、CSV、対応するECカート・OMSとの連携 |
| 在庫更新 | 管理画面、対応するECカート・OMSとの連携 |
| 注文・出荷 | 手動・CSV・OMS・代理購入・APIのいずれか(出荷連携の方法を選ぶ) |
利用できる方法は導入構成によって異なります。商品・在庫の管理とOMS設定で必要な設定を確認してください。通常購入の在庫とeギフトの在庫は、初期状態では連携していません。在庫の持ち方は通常購入の在庫との関係を確認してください。
STEP 3:AnyGift管理画面を設定する
管理画面にログインする
AnyGift担当窓口から案内される登録フォームで、ストアと管理者の情報を登録します。登録したメールアドレスに、件名「【AnyGift】仮パスワードの発行」のメールが届きます。メールに書かれたログイン用のURLを開き、メールアドレスと仮パスワードでログインして、新しいパスワードに変更してください。
新しいパスワードは、次の条件をすべて満たす必要があります。
- 8文字以上
- 数字を1文字以上含む
- 記号(特殊文字)を1文字以上含む
- 大文字を1文字以上含む
- 小文字を1文字以上含む
メールが見当たらない場合は、迷惑メールのフォルダもご確認ください。ログイン後に担当者を増やす方法は管理者の追加・削除をご覧ください。
基本情報とギフト運用を設定する
管理画面で、公開に必要な基本情報とギフト運用を設定します。最初に、動作確認用のテスト商品を1つ登録しておくと、STEP 4 のタグ設置の確認に使えます。
主な確認項目:
- ストア名などの基本情報
- eギフトとして提供する商品と在庫
- 送料と配送日時の設定
- ギフト受取期限
- 購入者・受取者へ送るメール
- 受取画面のブランド表示
設定項目は利用機能によって異なります。管理画面の全体像は管理画面ガイドをご確認ください。
STEP 4:ECサイトへタグを設置する
商品ページへ、AnyGiftを読み込むスクリプトと、eギフトボタンの表示位置を示すマーカーを設置します。
- タグ設置の基本ガイドで仕組みを確認する
- 利用中のECカートに対応する設置ガイドを開く
- 商品コードが商品ごとに切り替わることを確認する
- eギフトボタンを表示したい位置へマーカーを設置する
- テスト環境でボタンの表示と操作を確認する
通常購入を提供しない商品では、通常の「カートに追加」ボタンを非表示にする設定も検討します。
STEP 5:購入から出荷までをテストする
本番公開前に、表示確認だけでなく、購入・受取・注文連携までを一通り確認します。
最低限の確認項目:
- 対象商品だけにeギフトボタンが表示される
- 商品とバリエーションが正しく識別される
- 購入者がギフト購入を完了できる
- 購入者が受取URLを確認できる
- 受取者が商品選択や配送先入力を完了できる
- 管理画面で注文と受取状況を確認できる
- 採用した方式で出荷に必要な情報が連携される
- 在庫切れ、期限切れ、キャンセル時の運用を確認できる
通常購入への影響がないことも、PC・スマートフォンの両方で確認してください。
テスト購入に使うカード
公開前のテストモードでは、実際の請求は発生せず、次のテスト用カードでのみ購入できます。
| 項目 | 入力する値 |
|---|---|
| カード番号 | 4242 4242 4242 4242 |
| 有効期限 | 現在より先の月/年(例:12/30) |
| セキュリティコード(CVC) | 任意の3桁の数字 |
テストモードのあいだは、購入画面に Amazon Pay のボタンは表示されません。代理購入連携の場合、テスト購入ではECサイトでの代理購入は行われません。
STEP 6:公開・運用を開始する
テスト結果と運用担当者を確認してから、本番テーマへ反映します。
公開前に、AnyGift側をテストモードから本番モードに切り替える必要があります。 切り替えはAnyReachが行い、管理画面からは変更できません。公開の予定日が決まったら、AnyGift担当窓口へ本番モードへの切り替えを依頼してください。本番モードに切り替わると、実際の決済が行われます。
公開後は注文・受取状況と連携エラーを確認し、ECサイトのテーマ変更や商品テンプレート変更時にはeギフトボタンを再テストしてください。
運用開始後に使う主なガイド: