EC通販

Shopifyでの導入マニュアル

概要

Shopifyでのatoneご利用開始に必要な準備事項は以下です。

準備完了後、弊社にて内容を確認しますので、atone新規変更受付デスク(start@atone.be) までご連絡ください。
準備完了連絡の詳細については、「利用開始準備 完了連絡」の項目をご参照ください。

<システム・表記設定>
0. 旧決済アプリの無効化 ※旧アプリをご利用の場合のみ
1. 決済アプリのインストール
2. 認証情報の設定
3. webhookの設定
4. 注文確認通知の設定
5. 支払方法説明ページへの掲載(決済名、バナー、説明文)
6. 特定商取引法に関する記載ページへの記載(決済名)
<テスト実施>
7. テスト取引登録の実施

ご利用開始準備 詳細

システム・表記設定

0. 旧決済アプリの無効化

2022年2月以前にatoneをご利用いただいていた加盟店様で、旧アプリからの移行手続きを行う場合のみ、下記手続きが必要です。

Shopifyにログインし、設定>決済を選択してください。

atone 翌月後払い(コンビニ) の項目から管理をクリックしてください。

atone 翌月後払い(コンビニ)を無効にするをクリックしてください。

確認ダイアログが表示されますので、もう一度クリックしてください。

1. 決済アプリのインストール

以下のリンクからアプリ紹介ページにアクセスし、Add appをクリック
https://apps.shopify.com/atone

Shopifyにログインし、アプリをインストールをクリック

2. 認証情報の設定

アプリをインストールをクリックすると、以下の設定画面が表示されます。
店舗公開可能鍵と店舗秘密鍵を入力して、保存をクリックしてください。

仮登録オプションのご利用には別途お申込みが必要です。
お申込みをせずにオプション利用商品の指定を設定すると、決済がエラーになるためご注意ください。

店舗公開可能鍵・店舗秘密鍵は、以下の方法で確認してください。

atone加盟店管理システムへログインして「企業・店舗管理」メニューより該当店舗を選択し、詳細を開いてください。

①店舗公開可能鍵、②店舗秘密鍵をご確認ください。

Shopifyにて、「支払いの確定」を自動にしている場合、atoneも自動で売上確定が行われます

3. webhookの設定

atone加盟店管理システムへログインし、店舗・企業管理 > 店舗情報> システム情報から、決済Webhook(与信OK時)URLを設定してください。

決済Webhook(与信OK時)URLには、 「https://atone.np-payment.com/webhookatonetrans」をご設定ください。

Webhook失敗通知先には、Webhookの送信に失敗した場合の通知先としてご連絡可能なEメールアドレスをご設定ください。

Webhookとは、データ不整合を検知、解消するために自動でデータの登録をお知らせする仕組みです。
稀に通信断等の理由でカートシステムとatoneシステムの間でデータ不整合が生じると、
atoneシステムにはデータが存在するものの、カートシステムに連携されていない、という状態になることがあります。
Webhookを設定いただければ、データ不整合が発生した場合でも自動で不整合を解消する処理を行うため、特に対応いただく必要はありません。

4. 注文確認通知の設定

Shopifyの仕様上、デフォルト設定では、システム開発用に設定された決済名「Atone新sdk対応アプリ」が購入者向けの注文確認メールに表示されてしまいます。
購入者向けの決済名として、atone 翌月払い(コンビニ/口座振替)を表示するため、以下設定をお願いします。

①Shopify管理画面の設定>通知>注文確認を開く

②通知テンプレートのコードから、以下文字列を検索する

{{ transaction.gateway_display_name }} —

以下のショートカットで、ブラウザ内の文字列を検索することができます。
Windowsの場合:「Ctrl」キー+「F」
Macの場合:「⌘」キー+「F」

※ブラウザやOSの環境設定により異なる場合があります

③該当部分を以下文字列に置換する

{{ transaction.gateway_display_name | replace: 'Atone新sdk対応アプリ(チューンゼロ開発用)', 'atone 翌月払い(コンビニ/口座振替)'}} —

④保存ボタンをクリックし、反映完了のメッセージを確認する

上記仕様について、現在Shopifyに改修を依頼中です。
Shopifyの改修が完了した後も同じ設定のままご利用いただいても問題はありません。

5. 支払方法説明ページへの掲載(決済名、バナー、説明文)

支払い方法説明ページへ、決済名・バナー・atone説明文の掲載を行ってください。

■決済項目名

atone 翌月払い(コンビニ/口座振替)

カートシステムの制限により規定の内容が入らない場合は、atone新規変更受付デスクまでご連絡ください。

■バナー

バナーへはatoneサービスサイトURL(https://atone.be/)をリンク設定してください。
他サイズのバナーについては、以下ページより取得ください。

■atone説明文

atone (アトネ) は誰でもすぐに使える翌月払いです。今月のご利用分をまとめて、翌月にコンビニまたは口座振替でお支払いいただけます。

200円で1ポイント、atoneのお買い物に使えるお得なNPポイントが貯まります。詳細は atone の公式ページをご覧ください。

■お支払い方法
お支払いに必要な番号を、お買い物の翌月初旬にメールでご案内いたします。Loppiなどのコンビニ端末、または銀行ATM (Pay-easy) で、翌月10日までにお支払いください。
お支払い方法は以下4つから選べます。スマホアプリまたはWebマイページから、月末までにお手続きください。

(1) コンビニ端末 / 銀行ATM (Pay-easy) ※標準設定
(2) 電子バーコード (コンビニ)
(3) はがき請求書 (コンビニ)
(4) 口座振替
※コンビニ端末 / 銀行ATM (Pay-easy) は、セブンイレブンではお支払いいただけません。
※電子バーコード・はがき請求書は、セブンイレブンでもお支払いいただけます。

■注意事項
・決済手数料は無料です。
・ご利用月のみ請求手数料209円(税込)が発生いたします。 (口座振替の場合は無料)
・支払期限日は支払い方法によって異なります。
・代金は株式会社ネットプロテクションズの会員規約に基づき指定の方法で請求いたします。

6. 特定商取引法に関する記載ページへの記載(決済名)

同様に、特定商取引法に関する記載ページへも、決済名を記載ください。

テスト実施

7. テスト取引登録の実施

正常に取引登録が行われるかのテストをお願いいたします。
手順は以下をご覧ください。

上記はShopifyのテストモードを利用せずテストを行う手順です。
テストモードを利用して決済のテストを行う場合、弊社にてatoneの検証環境アカウントの発行が必要になります。
ご要望の場合は別途お問い合わせください。

利用開始準備 完了連絡

利用開始に必要な設定が全て完了したことを確認し、
弊社が確認できる環境(本番環境、画面キャプチャなど)をご準備の上、以下宛先までご連絡ください。

  • 宛先:start@atone.be
  • 件名:「サービス開始準備完了」+会社名
  • 本文:①サイトURL  ②ご担当者様のお名前

弊社にてサイトを確認させていただき、問題なければ「運用開始」のメールをお送りいたします。
営業時間内(平日10:00~17:00)に設定完了のメールをお送りいただければ、当日中に確認しご連絡いたします。

弊社での確認は、テスト環境で設定いただいた内容でも構いません。
※ご利用のカートシステムによっては、テスト環境で設定してしまうとエラーになるケースもございます。
 詳細はカート毎のマニュアルをご参照ください。

スムーズな確認のため、メール送信前に以下の点を必ずご確認ください。
✓「決済方法選択ページ(買い物かご)」の設定をした
✓「お支払い方法に関する説明ページ」のページを設定した
✓ 規定文言(atone説明文)を掲載した
✓ バナーを掲載し、リンク設定も行った
✓ 弊社が確認できる環境(本番環境、画面キャプチャなど)を準備した
✓ 特定商取引法ページのお支払い方法に関する記載に、atoneを追加した

弊社にてサイトを確認させていただく際、動作確認のため「NPテスト」という氏名にてテスト取引登録を行います。
与信NGの取引となりますため貴社運用に影響はございませんが、予めご認識くださいますよう、お願いいたします。

関連記事

トップ 使えるお店 使い方 ? アプリ メニュー ECで導入 実店舗で導入 導入事例 料金 ¥ 実店舗FAQ 還元事業 ¥ ¥ P Q A