【ベーシック】オートビズとPayPalを連携させたい(新方式)
注意点
この機能を使う場合、自作の完了ページはご利用できません。
本機能をご利用いただくには、別途、PayPalさまとのご契約が必要になります。
プレビュー画面から決済動作の確認はできません。
0円の決済は行えません。
クレジット決済サービスPayPalとオートビズを連携させるための設定手順をご紹介します。
また、PayPal決済完了後にステップメールを自動配信(再開)させることもできます。
設定はオートビズ側とPayPal側で行う必要があります。
<活用例>
セミナーやイベントの申し込みと一緒に、参加費を決済してもらう
情報商材のダウンロードURLを記載したメールをステップメールの1通目にセットし、決済が完了したら自動配信、その後のフォローもステップメールで行う
有料メール講座としてステップメールで複数回のメールを用意しておき、決済が完了したらメール講座を自動で配信スタート
目次
オートビズ管理画面で「Webhook URL」を確認する
PayPal Developer でアカウントが「LIVE」になっているか確認する
「Client ID」「Webhook」の設定
(1)オートビズ管理画面で「Webhook URL」を確認する
【その他の機能】>【決済サービス連携】>「ペイパル」をクリックし、PayPalタグ設定画面に移動してください。
「PayPal Client ID」の下にWebhook URLが表示されています。
こちらに表示されるURLをPayPal管理画面にセットしてください。
(2)PayPal Developer でアカウントが「LIVE」になっているか確認する
PayPal管理画面で「Client ID」と「Webhook」の設定を行います。
(2)画面右上が「Live」になっているか確認してください。「Sandbox」になっている場合は「Live」に切り替えてください。
注意点
「Sandbox」とは、決済サービスの動作確認(シミュレーション)をするためのテスト環境です。
「Sandbox」のまま設定を完了してしまうと、架空のアカウント情報で決済が行われるため、実際の代金は発生しません。
必ず「LIVE」に切り替えてから設定を行ってください。
(3)[Apps & Credentials]をクリック
(4)[Create App]をクリック
(5)「App Name」を入力して[Create App]をクリック
「App Name」を入力して[Create App]をクリックすると、作成したAppの情報が表示されます。
「App Name」は、お客様には見えませんので、「Autobiz」など半角英数で管理しやすい名前を入力してください。
(6)[Add Webhook]をクリック
「Client ID」が表示されている画面の左下にある[Add Webhook]をクリックしてください。
(7)「Webhook URL」を入力し「All Events」をチェック
前準備で確認した「Webhook URL」を入力し、Event typesは「All Events」にチェックをしてください。
(8)「Webhook URL」の入力と「All Events」のチェックが完了したら[Save]をクリック
設定が完了したら画面の下にある[Save]をクリックしてください。
「Webhook added successfully」という画面が表示されれば完了です。
「Webhook」・・・入力したURL
「Event Tracked」・・・All Events
になっているか確認してください。
■「Client ID」の確認方法
[Apps & Credentials]をクリックすると作成したAppの情報が表示されます。Client IDをオートビズの設定で使用します。
「
」をクリックしてコピーし、オートビズの設定画面に貼り付けてください。
(1)シナリオを作る
PayPalと決済連携させるためのシナリオを作成します。
既にシナリオができている場合、この手順を飛ばして次に進んでください。
(2)【登録ページ・フォーム】を設定する
【登録ページ・フォーム】で、フォーム上で決済をしてもらう商品名や金額を設定します。
(金額にカンマ「,」は入れないでください。)
※フォームの項目が足りず、購入してもらう金額が固定の場合、金額の設定は必要ありません。
以下のように、商品と金額を紐付ける設定することで、複数の商品から1つを選んでもらうこともできます。
▼設定例
項目 | 部品名 | 入力タイプ | 値・選択肢 |
購入商品 | fld1 | ラジオボタン | 商品A;商品B |
金額 | fld2 | hidden | fld1(1000,2000) |
(3)【登録完了ページ】を設定する
【ページ内容】に、申し込み受付が完了した旨のメッセージを入力し、【文字コード】は「UTF-8」を選択します。
※PC・スマホを個別に設定している場合、スマホ用にも同じ文章を貼り付けてください。
(4)メールを設定する
【ステップメール】>【ステップメール作成】から、送るメールの内容を設定していきます。
STEP1配信スケジュールは、「間隔で指定」 登録から「0分後」、
STEP2の配信スケジュールは、「間隔で指定」 登録から「0分後」「一時停止」に設定します。
2通目を一時停止にすることで、カード決済が完了したときのみ、自動でメールが送られるようになります。
(1)【その他の機能】>【決済サービス連携】>[ペイパル]をクリック
(2)各項目を設定して[]をクリック
※「商品の設定」の項目が4つ表示されている場合
「商品名や金額を指定する」「PayPal ボタンIDを使用する」は今後使用できなくなります。(時期未定)
「商品名や金額を指定する」「PayPal ボタンIDを使用する」を使用している場合は、「一括決済」「定期決済」への設定の変更をお願いします。
| | |
| | 一括決済(一括決済を利用する場合はこちらを選んでチェックしてください) 定期決済(定期決済を利用する場合はこちらを選んでチェックしてください) ※定期決済の設定方法について(【ベーシック】PayPal連携:毎月課金の仕組みを作りたい(新方式)) |
| | 「PayPal管理画面の設定」で設定した「Client ID」を入力してください。 |
| | フォーム作成時に商品や金額を設定した場合、「フォームの項目から選ぶ」で商品名や金額を設定した項目名を選んでください。 設定をしていない場合は、商品名と金額を直接入力してください。 (金額にカンマ「,」は入れないでください) |
| | 「内税」または「外税」を選択して税率をパーセントで入力してください。 ※消費税を追加しない場合は「0」で登録してください。 ※PayPal管理画面で確認できる詳細、またはPayPalから送ることができるメールの領収書に表示されます。 |
| | 「登録完了ページで自動挿入する」にチェックを入れると、お客様が実際にフォームから登録をされた際、登録完了ページの【ページ内容】より上の部分に決済ボタンが表示されます。 ボタンを好きな位置に表示させたい場合は、「登録完了ページで自動挿入する。」のチェックを外し、『決済ボタンタグ記述例』ボタンをクリックして表示されたHTMLタグを登録完了ページに貼り付けてください。 |
| | 決済完了後に表示させたいページがある場合は、チェックを入れてURLを設定してください。設定しない場合、登録完了ページが表示されます。 |
| | 決済完了後、配信文2通目のメールを自動で送りたい場合は「決済完了後にステップメールを自動配信」にチェックを入れます。 |
<PayPal Client ID >
[PayPal Developer Dashboard]>[Apps & Credentials]から確認できます。
<ユーザー様側で登録完了ページに決済タグを貼り付ける際の注意点>
入力欄を[ソースモード]にしてタグを貼り付けてください。
フォームをスマホ対応にしている場合、スマートフォン用の本文にもタグを貼り付けてください。
商品名や金額などの変更をする際は、貼り付けた後のボタンHTMLソースをご変更ください。
▼決済ボタンを「登録完了ページで自動挿入する」にした場合の登録完了ページサンプル
(1)フォームから登録する
【シナリオ一覧】から、今回作成したフォームを開き、登録をします。
(2)完了ページで決済ボタンをクリックする
フォームの登録後、完了ページに決済画面に進むためのボタンが表示されていることを確認し、クリックします。
(3)決済をする
ステップメール自動再開の動作を確認するため、表示された決済画面で決済をします。
▼「デビットカードまたはクレジットカード」をクリックした場合の決済画面
消費税を設定している場合
税込表示(外税)
税抜表示(内税)
(4)メールの自動再開ができているか確認する
決済完了後、オートビズの管理画面で【配信管理】メニューを開き、以下のどちらかになっていることをご確認ください。
[パターン1]
次ステップが「2」 状態が「稼動2」になっている
→PayPalから決済完了の信号が届き、メールを自動再開しようとしている状態
[パターン2]
次ステップが「3」 状態が「待機」または「稼動」になっている
→PayPalから決済完了の信号が届き、自動再開が完了した状態
(ステップメールの3通目以降に、一時停止設定をしていないメールがある場合は「稼動」になります。)