本ページでは、他社アプリで設定された情報をAll in gift経由で作成した注文にも取り込む設定をご案内します。
本設定を行うことで、以下のことが実現できます。
「配送日時指定.amp」など他社アプリで指定したNote Attributesの情報を、All in giftでギフト設定した注文にも反映する。
例:「配送日時指定amp.」で指定した配送日を、All in gift でラッピングやのしを設定した通常ギフト注文に反映する。
※eギフトは受取者が配送日時を選択するため、配送日時指定.ampとは連携対象外です。
本機能を利用するには、購入者の購入導線がカートを経由する必要があります。
カートを経由させる方法は次の2つです。ご利用のテーマや導線に合わせて、いずれか1つの方法で設定を行ってください。
カートページにギフトウィジェットを設置し、カートページでギフト設定を行う導線にします。
設定方法は「カートページへの設置方法」のヘルプページをご確認ください。
カートページへの設置方法:OS2.0のテーマ用
概要 --- OS2.0テーマをご利用の場合、All in giftのウィジェットは自動的にインストールされます。テーマエディタから簡単に表示設定を行うことができます。 →カートページ実装の仕様はこちら 複数個購入した際のポイント --- 複数の商品に個別のギフトオプションを設定して購入された場合、どの商品にどのギフトが紐づいたかは注文情報の properties で確認できます。 例: - ハーブティーセット → ラッピングB - クッキーセット → ギフトボックスA 設定方法 --- 1. オンラインストア > テーマ > カスタマイズ > カートページを選択 2. 商品情報 > ブロックを追加 よりAll in gift アプリを選択する 3. ウィジェットの表示位置をドラッグで調整 4. 保存をクリックして完了です。 ウィジェットが表示されない場合の確認ポイント - アプリ管理画面で「ギフト設定」が有効になっているかを確認してください。 - 「特定商品のみギフトを使用する」にチェックが入っている場合は、一度チェックを外して挙動を確認してください。 - 上記を確認しても解決しない
カートページへの設置方法:OS2.0以外のテーマ用
概要 --- 本ページでは、OS2.0以外のテーマで、カートページにAll in giftを設置する方法をご案内します。 OS2.0以外のテーマではテーマエディタで編集できないため、LiquidファイルにAll in giftタグを追加して設置します。 表示できる位置はご利用のテーマによって異なります。 カートページ実装の仕様は以下のヘルプページをご確認ください。 設定方法 --- テーマのLiquidコード編集が必要です。 作業前にテーマを複製してバックアップを作成することを推奨します。 1. Shopify管理画面 > オンラインストア > テーマ に進む 2. 「・・・」 > コードを編集 を選択する 3. カートページのLiquidファイル(cart-template.liquid等)を選択する 4. All in giftを表示する箇所に、以下のコードを追加する <div class=“sns-gift-new-cart-container”></div> 5. 保存をクリック デザインの編集方法 --- ウィジェットを右寄せにしたい場合(CSS記載例) コードに style
商品ページでギフト設定後、カートに追加ボタンからカートを経由してチェックアウトへ進む導線にします。(配送先住所入力をスキップしない設定)
設定方法は以下のヘルプページをご確認ください。
商品ページにおけるカートボタン追加設定
概要 --- 本ページでは、All in gift を実装した商品詳細ページに「カートに追加」ボタンを表示する設定方法と、利用時の注意点についてご案内します。 購入導線 --- 本設定を有効にすると、商品ページから以下の購入フローになります。 1. 商品ページでギフト設定を行う 2. 「カートに追加」ボタンをクリック 3. カートページへ遷移 4. 決済へ進む この導線により、複数のギフト商品をカートに追加し、まとめて購入(合わせ買い)することが可能になります。 (商品ページにAll in gift の「カートに追加する」ボタンが表示されます。) ※本設定の「カートに追加」ボタンは、押下後にカートページへ遷移する動作を前提とした機能です。押下後に商品ページへ留まるといった、カートページへ遷移しない動作には対応しておりません。 利用条件 --- 本機能は、以下の設定の場合のみ利用できます。 - 配送先住所入力をスキップしない設定:ON - 複数配送機能:OFF 注意点 以下の設定状況では本機能は利用できません。 - 配送先住所入力をスキップする設定にしている場合 - カタログギフト商品
アプリ > All in gift > 一般設定 > カート画面における他アプリのnote attributes取り込み設定に進む
取り込むkeyを設定するに各アプリの取り込みたいkeyを入力するkeyが複数ある場合は
追加するをクリックし、手順2〜3を繰り返す保存をクリックする
「配送日時指定amp.」をご利用の場合、以下のkeyを入力してください。
配送日の指定配送時間帯配送希望日
本設定は、保存すると全ての注文に適用されます。
テーマや他社アプリの仕様変更・アップデートの影響を受けます。反映されなくなった場合の調査・対応は有償です。
カートを経由する設定を行った場合でも、アプリ同士の干渉などで反映されないことがあります。運用開始前に必ずテスト注文で確認してください。
本機能は、チェックアウト前にShopifyのcart.jsに格納されたattributes(他社アプリが書き込むNote Attributes)を参照します。
All in giftのギフトウィジェットの購入手続きへボタンは、カートを経由せず直接チェックアウトへ進みます。
この導線のままではcart.jsの情報を参照できないため、上記のいずれかの方法でカートを経由させる必要があります。
ポイント
テーマカスタマイズで「配送日時指定」を独自実装している場合は、cart.jsに設定値を追加してください。