カテゴリー
はじめかた
初期設定 STEP
概要 --- 本ページではインストール〜アプリ表示までの初期設定をご案内しています ◾️STEP1. アプリをストアに追加する:Shopifyアプリストア --- 1. インストールページよりアプリをインストール 2. 承認をクリックして完了です。 ポイント --- アプリのインストール時に表示される「30日ごとに$100,000.00 USDを上限とします」というメッセージは、Shopifyの請求上限を示しています。 通常のご利用でこの上限を超えることはありませんのでご安心ください。 ◾️STEP2. ギフト機能を有効化する:アプリ管理画面 --- - 通常ギフトの設定方法はこちら - eギフトの設定方法はこちら ◾️STEP3. アプリの埋め込み対応 --- 対応方法はこちら ◾️STEP4. ギフトウィジェットを商品ページ/カートページに表示する --- 各ページに表示するメリットデメリットをご確認の上、ギフトウィジェットの表示するページを決定してください。 メリット デメリット 1. 商品ページに表示 • 直接チェックアウトによるカゴ落ち防止 • 購入時の混乱防止 (ギフト商品と通常商商品詳細ページへの設置方法:OS2.0のテーマ用
概要 --- OS2.0テーマをご利用の場合、All in giftのウィジェットは自動的にインストールされます。テーマエディタからブロック追加することで、簡単に表示設定を行うことができます。 設定方法 --- 1. オンラインストア > テーマ > カスタマイズ > 商品詳細ページを選択 2. 商品情報 > ブロックを追加 よりAll in gift アプリを選択してください 3. ウィジェットの表示位置をドラッグで調整し、保存をクリックして完了です。 ウィジェットが表示されない場合の確認ポイント 1. アプリ管理画面で「ギフト設定」が有効になっているかを確認してください。 2. 「特定商品のみギフトを使用する」にチェックが入っている場合は、一度チェックを外して挙動を確認してください。 3. 上記を確認しても解決しない場合は、アプリ管理画面右下の チャットボタン よりお問い合わせください。 デザインの編集方法 --- フォントサイズやテキスト、カラーの変更が可能です。 詳細は以下のページをご確認ください。商品詳細ページへの設置方法:OS2.0以外のテーマ
概要 --- - OS2.0以外のテーマの場合はテーマコードの編集が必要です。 - リキッドファイルにAll in gift タグを追加することでご利用いただけます。(テーマエディタでは編集できません) 設定方法 --- ご利用のテーマによってファイル名は異なりますが、snippets/product-form.liquidやsections/product-template.liquidなど、商品ページの表示したい位置に以下のコードを追加してください。 <div class="sns-gift-product-container"></div> ギフト専用商品にしたい場合の設定方法 --- 概要 この機能は、購入ページにおいて「ギフト配送を希望する」がデフォルトで選択された状態になります。 ギフト購入に限定したい場合にご利用ください。 設定方法 --- テーマのコード編集が必要です。 ギフトタグを設置する箇所に以下のコードを追加してください。 <div class="sns-gift-product-container" data-enable-default-general-gif商品ページに「カートに追加ボタン」を設置する方法
概要 --- 商品詳細ページでギフト設定を行った後、自動的にカートページへ進めるようになりました。これにより、購入者がギフト商品を複数個合わせ買いできる様になります。 ※複数配送機能をOFF にしている場合、eギフト購入時に複数商品をカートへ追加しても、生成されるeギフトURL は 1 件のみとなります。 注意点 以下の設定状況の場合は本機能は利用できません。 - 複数配送機能を利用している場合 - 配送先住所入力をスキップする設定にしている場合 - カタログギフト商品 設定方法 --- 1. 「配送先住所入力スキップしない」を選択する 設定方法は以下のヘルプページをご確認ください。 2. 「商品画面にカートに追加のボタンを表示する」を選択する - 商品画面にカートの追加のボタンを表示するにチェックを入れとカートに追加ボタンが表示されます。 ※配送先住所入力をスキップするに設定している、または複数配送機能ONの場合は表示されません 3. 保存をクリックして完了です。 アラートメッセージの表示 --- 通常商品とギフト商品は同時購入できません。そのため、ギフトウィジェットが設置されているカートページ実装の仕様
概要 --- 本機能を利用すると、購入者は カートページ上でギフト設定 を行えるようになります。 複数の商品をまとめてギフトとして設定・購入することが可能です。 ※複数配送機能をOFF にしている場合、eギフト購入時に複数商品をカートへ追加しても、生成されるeギフトURL は 1 件のみとなります。 - カタログギフトはeギフト専用商品のため商品詳細ページに実装してください。 - 「商品詳細ページ」「カートページ」どちらにもギフト設定を表示することが可能です。 - 「商品詳細ページ」にてギフト設定後、「カートに追加」する実装することも可能です。設定方法はこちらをご確認ください。 ご利用イメージ --- カートページにAll in giftを実装すると、複数の商品をカートに入れた状態でギフト設定が可能です。 注意点 カートでギフト設定をした後に ページを離脱 したり、チェックアウトに進んでカートに戻った際は、ギフト設定に齟齬が生じないようにするため、商品がリセットされる仕様になっております。 仕様(情報の引き継ぎ) --- - 商品詳細ページで設定されたLine Item Propertカートページへの設置方法:OS2.0のテーマ用
概要 --- OS2.0テーマをご利用の場合、All in giftのウィジェットは自動的にインストールされます。テーマエディタから簡単に表示設定を行うことができます。 →カートページ実装の仕様はこちら 設定方法 --- 1. オンラインストア > テーマ > カスタマイズ > カートページを選択 2. 商品情報 > ブロックを追加 よりAll in gift アプリを選択する 3. ウィジェットの表示位置をドラッグで調整 4. 保存をクリックして完了です。 ウィジェットが表示されない場合の確認ポイント - アプリ管理画面で「ギフト設定」が有効になっているかを確認してください。 - 「特定商品のみギフトを使用する」にチェックが入っている場合は、一度チェックを外して挙動を確認してください。 - 上記を確認しても解決しない場合は、アプリ管理画面右下の チャットボタン よりお問い合わせください。 デザインの編集方法 --- フォントサイズやテキスト、カラーの変更が可能です。 詳細は以下のページをご確認ください。カートページへの設置方法:OS2.0以外のテーマ
概要 --- OS2.0以外のテーマの場合、テーマコードの編集が必要です。 リキッドファイルにAll in gift タグを追加することでご利用いただけます。 (テーマエディタでは編集できません) ご利用のテーマによって表示可能位置が異なります。 →カートページ実装の仕様はこちら 設定方法 --- ご利用のテーマによってファイル名は異なりますが、sections内にあるcart-template.liquidなど、カートページの表示したい位置に以下のコードを追加してください。 <div class="sns-gift-new-cart-container"></div> - 右寄せにするCSS記載例 <div class="sns-gift-new-cart-container" style="width: 300px; margin-left: auto;"></div> ギフト専用商品にしたい場合 --- 概要 この機能は、購入ページにおいて「ギフト配送を希望する」がデフォルトで選択された状態になります。 ギフト購入に限定したい場合にご利用ください。 設定方法 ギフトタグを設置するその他のページへの設置方法
① トップページ / ページへの設定方法 --- 概要 トップページなど、複数の商品が掲載されているページで、ギフトアプリを表示させたい場合、指定のタグをページ内に設置いただくことで表示可能です。 - デモストアのTOPページのように、ギフト機能が表示されます。 注意点 バリエーションが設定されている商品についてはこの設定はご利用いただけません。商品ページかカートページに表示させることをご検討ください。 設定方法 テーマのコード編集が必要です。 1. トップページや表示させたいページのリキッドファイルを開く 2. 表示させたい指定の箇所に、以下のタグを設置する <div class="sns-gift-product-container" data-product-variant-id="*****"></div> data-product-variant-id="*****"の*****は商品ID(variant)をいれてください。 商品ID(variant)の確認方法 商品ページURLの末尾の数字をコピー&ペーストで入れてください。 3. 保存をして完了です。 ② PageFlyでアプリウィジェットのデザイン編集:OS2.0テーマ用
概要 --- OS2.0テーマをご利用の場合、Shopify管理画面のテーマエディタからアプリウィジェットのデザイン編集が可能です。 注意点 - 2022/10/22以降の仕様変更により、テーマエディタで編集可能になりました。 - 過去にCSSでデザイン調整をしていた場合は、そのCSSを削除してください。CSSが優先されて適用されるため、テーマエディタでの編集が反映されないことがあります。 - 以下の「ギフトオプションの項目」および「不要」の文言はアプリの仕様上テキスト変更ができません。 設定方法 --- 1. Shopify管理画面 > オンラインストア > テーマ > カスタマイズに進む 2. 対象ページ(商品ページやカートページなど)を選択する 3. All in giftブロックをクリック 4. 編集内容を設定 5. 保存をクリックして完了です (赤丸=購入画面、青丸=テーマエディタ画面 編集対象 テキスト初期値 設定可能内容 1. チェックアウトボタンのテキスト ー テキスト編集・各ボタンカラー編集 2. マルチシップ用のギフト設定ボタンのテキスト ギフト設定 テキスト編集アプリウィジェットのデザイン編集:OS2.0以外のテーマ用
デザイン編集の方法 --- テーマにインストールされたタグへ「調整項目」を追加することでデザインを変更できます。 - 商品ページに実装 <div class="sns-gift-product-container"></div>の中に調整用の属性を追加してください。 - カートページに実装<div class="sns-gift-new-cart-container"></div> の中に調整用の属性を追加してください。 注意点 「ギフトオプションの項目」および「不要」の文言はアプリの仕様上テキスト変更ができません。 調整項目の例 --- フォント設定 --- OS2.0以外のテーマでは、data-font-sizeはrem換算で適用されます。 例:14 → 1.4rem ■商品ページに実装 <div class="sns-gift-product-container" data-font-color="#4DB56A" data-secondary-font-color="#4DB56A" data-font-size="14" > </div> ■カートページに実装 <div clアプリの埋め込み対応
概要 --- テーマにアプリを埋め込む設定をすることで、今後も正しくアプリが表示されます。 注意点 こちらの対応は2025年8月28日(木)までにご対応ください。 期日までにご対応いただけない場合、All in giftアプリが表示されなくなりますのでご注意ください。 設定方法 1. アプリ > All in gift > インストール に進む 2. アプリの埋め込み対応 のテキストリンクをクリック 3. 「All in gift」のトグルボタンをONにする。 4. 保存するをクリックして完了です。テーマの不要パーツを非表示にする
概要 --- ユーザーがギフト設定時にテーマ内の数量カウンターやメモ欄を非表示にできる機能です。 注意点 --- - アプリの仕様上、テーマの数量カウンターやメモ欄の内容は、All in gift経由の注文では注文管理画面に取り込まれません。 そのためユーザーがギフト設定をする際、テーマ側の数量カウンターやメモ欄を非表示にする必要があります。 - 他社の日時指定アプリを使用している場合、eギフトの日時指定は受取者が行うため、購入画面の日時指定ウィジェットを非表示にしてください。 設定方法 --- 1. テーマのメモ欄や数量カウンターのクラス名やID名を、Google Chromeの検証ツールなどで確認する。 (クラス名やID名は、テーマや店舗によって異なります) 2. オンラインストア > テーマ > カスタマイズ をクリック 3. All in gift を実装しているページを選択 4. All in giftブロックをクリック 5. アプリ編集画面の一番下にある「eギフト選択時に非表示にする要素のIDやクラス名(複数可、カンマ区切り)」に、1で確認したクラス名やID名を入力 - I付与される注文タグ・Note Attributes・Line Item Propertyの詳細
付与される注文タグ --- 注文タグについての前提 All in gift を介して購入された注文情報には以下のタグが付与されます。 自動で付与されるタグと任意で付与されるタグがあります。 ◾️自動で注文情報に付与される注文タグ 付与する注文タグ 付与するタイミング ギフト設定 通常ギフト(複数配送含む)又は、eギフト注文時 SNSギフトお届け先未入力 eギフト注文時 SNSギフトお届け先入力済 eギフト注文後、お届け住所が入力完了時、SNSギフトお届け先未入力タグは削除 受取り期限切れ eギフト受け取り期限が切れた翌日の午前0時に付与 ギフト複数配送、親注文 ギフト複数配送注文時 ギフト複数配送、{親注文ID}:子注文 ギフト複数配送注文後の生成される子注文作成時 ◾️タグ付与のパターン No. ケース 注文タグ 複数機能OFFの場合 1 eギフト 購入時 SNSギフトお届け先未入力 ギフト設定 2 eギフト 受取者住所入力時 SNSギフトお届け先入力済み ギフト設定 3 eギフト 受け取り期限切れ時 SNSギフトお届け先未入力 ギフト設定 受取り期限切れ 複数機能ONの場合 4 複数【軽減税率をご利用の事業者様へ】税の優先適用について
概要 --- 食品等を扱うストア様では、軽減税率(8%)をご利用されているケースが多くあります。 「複数配送機能」および「配送先住所入力をスキップする設定(eギフト固定送料含む)」を利用する場合、Shopifyの仕様上「デフォルト税率」が適用されます。 そのため、「税の優先適用」で設定した軽減税率は適用されません。 参考記事:https://www.shopify.com/jp/blog/zouzei-shopify#6 各パターンの挙動 --- 【配送先住所スキップ ON & 複数配送 ON】の場合 宛先数 親注文 子注文 1配送 軽減税率 適用されない 軽減税率 適用される 2配送以上 軽減税率 適用されない 軽減税率 適用される 【配送先住所スキップ OFF & 複数配送 ON】の場合 宛先 親注文 子注文 1配送 軽減税率 適用される 軽減税率 適用される 2配送以上 軽減税率 適用されない 軽減税率 適用される ※親注文に決済情報が紐づきます。そのため、【スキップOFF&複数配送ONの1配送】以外はデフォルトの税率が適応されます。 運用事例 --- 事例1(軽減税率+複数配送