How To

確認画面スキップに対応したチャットを作成したい(ecforce API 利用)

こちらでは、確認画面スキップに対応したチャットプロファイルの作成方法をご案内します。ecforce API を利用することで確認プレビュー表示の細かな設定が可能となります。

  • 確認画面スキップ用のテンプレートフォーマット(ec_force-basic-confirm_preview , ec_force-full-confirm_preview)を作成後、プロファイルを作成してください。

※ テンプレートについてはこちらをご参照ください。
※ 既存プロファイルを確認画面スキップ用に変更する方法についてはこちらをご参照ください。

 

作成方法

  1. 確認画面スキップ用のテンプレートを用いてプロファイルの登録が完了した後、「confirm_preview(サブミッション)」のシナリオを展開します。スクリーンショット
  2. 「メッセージ」の「+」から「サブミッション(確認画面スキップ)(comfirm_preview)> 注文内容確認 自由HTML記述 - ecforce API 利用」を追加します。スクリーンショット
  3. 同「メッセージ」配下の「注文内容確認 テーブル表示」を削除します。スクリーンショット
  4. 「注文内容確認 (ecforce API 利用)」メッセージの位置を調整します。
  5. 「注文内容確認 (ecforce API 利用)」を展開し、「注文内容表示 (ecforce API 利用) - デフォルトデザイン」または「注文内容表示 (ecforce API 利用) - シンプル幅広デザイン」のどちらをトグルボタンにて有効化してください。デザインは後述のイメージ画像をご参考ください。スクリーンショット 2023-09-29 17.16.23.png
  6. 「フォーム > 注文内容表示 (ecforce API 利用)」を展開してください。スクリーンショット 2023-09-29 17.23.02.png
  7. 「フォーム > 注文内容表示 (ecforce API 利用)」にて、注文内容表示部分のテキストが編集可能です。ecforce API によりご利用できる変数はこちらをご確認ください。 スクリーンショット
  8. 編集内容の保存をし、ビルド実行してください。

 

<表示イメージ>

デフォルトデザイン
スクリーンショット

シンプル幅広デザイン
スクリーンショット 2023-09-29 17.53.18.png

注意点

・ecforceにて対象広告URLの「確認画面スキップ」を必ず「有効」に設定してください。

使用できる変数一覧

ecfoece API 利用時に注文確認プレビューでご利用できる変数は以下の通りです。

変数 表示内容 説明
{{ order_item.variant.name }}
商品名 受注の商品名が表示されます。
{{ order_item.price }} 受注商品の価格 受注商品の価格が表示されます。
{{ order_item.quantity }} 受注商品の個数 受注商品の個数が表示されます。
{{ order_item.subtotal_price }} 受注商品の小計 受注商品の小計が表示されます。
{{ payment_name }} 支払い方法名 受注の支払い方法が表示されます。
{{ order.subtotal }} 小計(税抜) 受注の小計(税抜)の数字のみが表示されます。
{{ order.subtotal8 }} 8%対象の小計(税抜) 8%対象の受注の小計(税抜)の数字のみが表示されます。
{{ order.subtotal10 }} 10%対象の小計(税抜) 10%対象の受注の小計(税抜)の数字のみが表示されます。
{{ order.discount }} 割引(税抜) 受注の割引額(税抜)の数字のみが表示されます。
{{ order.discount8 }} 8%対象の割引(税抜) 8%対象の受注の割引額(税抜)の数字のみが表示されます。
{{ order.discount10 }} 10%対象の割引(税抜) 10%対象の受注の割引額(税抜)の数字のみが表示されます。
{{ order.deliv_fee }} 送料(税抜) 受注の送料(税抜)の数字のみが表示されます。
{{ order.charge }} 手数料(税抜) 受注の手数料(税抜)の数字のみが表示されます。
{{ order.tax }} 消費税 受注の小計にかかる消費税の数字のみが表示されます。
{{ order.tax8 }} 8%対象の消費税 受注の8%対象小計にかかる消費税の数字のみが表示されます。
{{ order.tax10 }} 10%対象の消費税 受注の10%対象小計にかかる消費税の数字のみが表示されます。
{{ order.tax_symbol_texts}} 税率の印に関する説明 税率の印に関する説明を表示します。
{{ order.total }} 合計額(税込) 受注の合計金額(税込)の数字のみが表示されます。
{{ order_item.caution }} 受注商品の注意喚起文 受注商品の注意喚起文を表示します。
{{ order_item.caution2 }}

受注商品の注意喚起文(上部)

受注商品の注意喚起文(上部)を表示します。
{{ order.shipping_address.full_name }} お届け先の姓名 受注のお届け先の姓名が表示されます。
{{ order.shipping_address.full_kana }} お届け先の姓名(カナ) 受注のお届け先の姓名のフリガナが表示されます。
{{ order.shipping_address.full_zip }} お届け先の郵便番号 受注のお届け先の郵便番号が表示されます。
{{ prefecture_name }} 都道府県名 受注の都道府県名が表示されます。
{{ order.shipping_address.full_address }} お届け先の住所 受注のお届け先の住所が表示されます。
{{ order.shipping_address.full_tel }} お届け先の電話番号 受注の請求先の電話番号が表示されます。

この記事の目次

このセクションの記事

How To