コンテンツにスキップ

導入の流れ

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ギフトボタンの表示位置を示すマーカーを設置します。

  1. タグ設置の基本ガイドで仕組みを確認する
  2. 利用中のECカートに対応する設置ガイドを開く
  3. 商品コードが商品ごとに切り替わることを確認する
  4. eギフトボタンを表示したい位置へマーカーを設置する
  5. テスト環境でボタンの表示と操作を確認する

通常購入を提供しない商品では、通常の「カートに追加」ボタンを非表示にする設定も検討します。

STEP 5:購入から出荷までをテストする

本番公開前に、表示確認だけでなく、購入・受取・注文連携までを一通り確認します。

最低限の確認項目:

  • 対象商品だけにeギフトボタンが表示される
  • 商品とバリエーションが正しく識別される
  • 購入者がギフト購入を完了できる
  • 購入者が受取URLを確認できる
  • 受取者が商品選択や配送先入力を完了できる
  • 管理画面で注文と受取状況を確認できる
  • 採用した方式で出荷に必要な情報が連携される
  • 在庫切れ、期限切れ、キャンセル時の運用を確認できる

通常購入への影響がないことも、PC・スマートフォンの両方で確認してください。

テスト購入に使うカード

公開前のテストモードでは、実際の請求は発生せず、次のテスト用カードでのみ購入できます。

項目 入力する値
カード番号 4242 4242 4242 4242
有効期限 現在より先の月/年(例:12/30)
セキュリティコード(CVC) 任意の3桁の数字

テストモードのあいだは、購入画面に Amazon Pay のボタンは表示されません。代理購入連携の場合、テスト購入ではECサイトでの代理購入は行われません。

STEP 6:公開・運用を開始する

テスト結果と運用担当者を確認してから、本番テーマへ反映します。

公開前に、AnyGift側をテストモードから本番モードに切り替える必要があります。 切り替えはAnyReachが行い、管理画面からは変更できません。公開の予定日が決まったら、AnyGift担当窓口へ本番モードへの切り替えを依頼してください。本番モードに切り替わると、実際の決済が行われます。

公開後は注文・受取状況と連携エラーを確認し、ECサイトのテーマ変更や商品テンプレート変更時にはeギフトボタンを再テストしてください。

運用開始後に使う主なガイド: