こちらのページでは、エルメとUnivaPayの決済連携方法についてご紹介していきます。
UnivaPayアカウントの作成
エルメとUnivaPayの連携を行う前に、まずはUnivaPayのアカウントを作成する必要があります。
アカウントを作成する際には、L Message限定プランでお申込みいただければ、初期費用・月額費用を無料でご利用いただけます。
詳しい解説は下記のページにございますので、ぜひご確認ください。
エルメとUnivaPayの連携方法
UnivaPayアカウントの作成が完了したらエルメと連携を行っていきます。
「決済システム連携設定」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-2_15-5-48_No-00.png)
まず左メニューにある「エルメシステム設定」にカーソルを合わせ「決済システム連携設定」をクリックして下さい。
「アカウントを連携する」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_17-39-36_No-00-1024x318.png)
UnivaPayの欄にある「アカウント連携する」のボタンをクリックして下さい。
共通項目
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-3_13-10-49_No-00-1024x607.png)
するとこのような画面が表示されますので、順番に情報を入力していきます。
まずは共通項目にある「ID」を入力していきます。
UnivaPayへログイン
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-2-51_No-00.png)
まずUnivaPayへログインをします。
メールアドレス・パスワードを入力してログインを行ってください。
「店舗」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-14_17-15-3_No-00-1024x314.png)
画面左側にある「店舗」をクリックして下さい。
店舗名をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-14_17-15-13_No-00-1024x315.png)
UnivaPayアカウントの店舗名をクリックして下さい。
「ID」をコピー
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-14_17-15-21_No-00-1024x358.png)
一般⇒全体設定の情報内に「ID」が表示されていますので、そちらをコピーしてください。
「ID」に張り付け
![](https://lme.jp/manual/wp-content/uploads/2023/03/11-1024x342.png)
再びエルメに戻り、UnivaPay連携設定の「ID」の欄にコピーしたIDを張り付けてください。
テスト環境用
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_10-36-26_No-00-1024x494.png)
次にテスト環境用のアプリトークン・シークレットの設定を行っていきます。
「アプリトークン」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-6-47_No-00-1024x426.png)
UnivaPay管理画面左側にある「アプリトークン」をクリックして下さい。
「+新規作成」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-9-37_No-00.png)
画面上部にある「+新規作成」をクリックして下さい。
「利用店舗を指定する」をオンにする
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-12-57_No-00.png)
「利用店舗を指定する」と表示されている左側のボタンをクリックしてオンにして下さい。
情報を入力
![](https://lme.jp/manual/wp-content/uploads/2023/07/スクリーンショット-2023-07-11-19.36.22-1024x774.png)
各種情報を記入していきましょう。
・店舗
アカウント作成時に設定した店舗を選択してください。
・モード
こちらはまずは「テスト」を選択してください。
・ドメイン
エルメのドメインを入力します。「追加」のボタンをクリックするとドメイン入力項目が表示されますので、「step.lme.jp」と「s.lmes.jp」を入力してください。
・メモ
こちらに関しては任意項目ですので空欄でも問題ありません。
全ての項目に入力が終わったら、画面最下部の「作成」をクリックして下さい。
「トークン」「シークレット」をコピー
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-28-3_No-00-1-1024x603.png)
「作成」をクリックするとこのような画面が表示されますので「トークン」と「シークレット」の両方をコピーしてください。
こちらの画面は一度しか表示されませんので、必ずコピーを行うようにしてください。
エルメ側のテスト環境用入力欄に記入
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_10-36-26_No-00-1024x494.png)
次に取得したトークンとシークレットを、エルメのテスト環境用の「アプリトークン」「アプリシークレット」にそれぞれ記入してください。
「シークレットを保存しました。」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-2-14_12-28-3_No-00-1024x211.png)
入力が終わったら再度UnivaPayの画面に戻り、画面下部の「シークレットを保存しました。」をクリックして下さい。
「はい」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-31-42_No-00.png)
このようなポップアップが表示されますので、コピーが終わったら「はい」をクリックして下さい。
本番環境用
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_10-36-26_No-00-1-1024x494.png)
次に本番環境用のアプリトークン・シークレットの設定を行っていきます。
「アプリトークン」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-6-47_No-00-1024x426.png)
UnivaPay管理画面左側にある「アプリトークン」をクリックして下さい。
「+新規作成」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-9-37_No-00.png)
画面上部にある「+新規作成」をクリックして下さい。
「利用店舗を指定する」をオンにする
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-12-57_No-00.png)
「利用店舗を指定する」と表示されている左側のボタンをクリックしてオンにして下さい。
情報を入力
![](https://lme.jp/manual/wp-content/uploads/2023/07/スクリーンショット-2023-07-11-19.35.38-1024x772.png)
各種情報を記入していきましょう。
・店舗
アカウント作成時に設定した店舗を選択してください。
・モード
こちらは「本番」を選択してください。
・ドメイン
エルメのドメインを入力します。「追加」のボタンをクリックするとドメイン入力項目が表示されますので、「step.lme.jp」と「s.lmes.jp」を入力してください。
・メモ
こちらに関しては任意項目ですので空欄でも問題ありません。
全ての項目に入力が終わったら、画面最下部の「作成」をクリックして下さい。
「トークン」「シークレット」をコピー
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-2-14_12-28-3_No-00-1-1024x603-1.png)
「作成」をクリックするとこのような画面が表示されますので「トークン」と「シークレット」の両方をコピーしてください。
こちらの画面は一度しか表示されませんので、必ずコピーを行うようにしてください。
エルメ側の本番環境用入力欄に記入
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_10-36-26_No-00-1-1024x494.png)
次に取得したトークンとシークレットを、エルメのテスト環境用の「アプリトークン」「アプリシークレット」にそれぞれ記入してください。
「シークレットを保存しました。」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-2-14_12-28-3_No-00-1024x211.png)
入力が終わったら再度UnivaPayの画面に戻り、画面下部の「シークレットを保存しました。」をクリックして下さい。
「はい」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_12-31-42_No-00.png)
このようなポップアップが表示されますので、コピーが終わったら「はい」をクリックして下さい。
webhookURLをコピー
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_11-24-26_No-00-1024x209.png)
「保存」をクリックする前に、予めWebhookURLをコピーしてください。
「保存」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_17-40-42_No-00-3-1024x68.png)
WebhookURLのコピーが出来たら「保存」をクリックしましょう。
Webhookの設定
次にUnivaPay側にWebhookを設定していきます。
UnivaPayの「ウェブフック」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_16-15-28_No-00-1024x434.png)
次にUnivaPay左メニューにある「ウェブフック」をクリックして下さい。
「+新規作成」をクリック
![](https://lme.jp/manual/wp-content/uploads/2023/02/SnapCrab_NoName_2023-2-14_16-19-20_No-00.png)
画面上部にある「+新規作成」をクリックして下さい。
情報を入力
![](https://lme.jp/manual/wp-content/uploads/2023/03/SnapCrab_NoName_2023-3-9_11-22-42_No-00-1024x590.png)
各種情報を記入していきましょう。
・URL
こちらに先ほど取得したWebhookURLをペーストしてください。
・利用店舗を指定する
「利用店舗を指定する」と表示されている左側のボタンをクリックしてオンにして下さい。
・店舗
アカウント作成時に設定した店舗を選択してください。
・Authorizationヘッダー
こちらは空欄で問題ございません。
・トリガー
トリガーに関しては全てにチェックを入れてください。
「作成」をクリック
全ての項目に入力が終わったら、画面最下部の「作成」をクリックして下さい。
これにてエルメとUnivaPayの決済連携は完了です。