Pay.jpの支払い情報画面がうまく表示されない【Rails】

Question

###実現したいこと
Pay.jpの支払い情報画面がうまく表示されないので解決したいです
Item/show画面にて、カードで支払いをする処理を作っています。
本来、カードで支払うボタンをクリックすると、以下のような支払い情報の画面がポップアップで表示されるかと思います。

しかし、カードで支払うボタンをクリックすると、以下のような画面が表示されます。（おそらくCVCの？ボタンを押した時に表示される画面かと思いますが..）

export PAYJP_ACCESS_KEY='sk_test_*************'
export PAYJP_PUBLIC_KEY='pk_test_*************'

gem 'payjp'

支払いを行うItem Model内に、

require 'payjp'
Payjp.api_key = Rails.application.credentials.dig(:payjp, :PAYJP_SECRET_KEY)

<script src="https://js.pay.jp/v2/pay.js"></script>

<%= form_with local: true, url: books_path do |form| %>
  <script type="text/javascript" src="https://checkout.pay.jp" class="payjp-button" data-key=" <%= ENV["PAYJP_PUBLIC_KEY"] %>"></script>
<% end %>

支払い画面をこちらで作成することや、或いはファイルを準備する必要はありましたでしょうか？
アドバイス頂ければ幸いです。

Answer 1

環境変数がうまく設定できていないだけでした。