ペイステーションのカスタマイズ方法

どのように動作するか

次のパラメーターを変更すると、決済UIの見た目をカスタマイズできます：

トークンかウィジェットの統合スクリプト経由で、UIパラメーターを設定できます。

パラメータの全リストを参照してください。

すぐに使える決済UIテーマ（ライトまたはダーク）を使用するか、独自のテーマを作成することができます。独自のテーマを作成する場合は、以下の説明を参照してください。

トークン経由で決済インターフェースをカスタマイズする場合は、settings.uiオブジェクトのパラメーターを変更してください：

パラメータ	種類	説明文
settings.ui.theme	string	決済UIテーマ。`default`（デフォルトは淡色いテーマ）または `default_dark`（濃色テーマ）にすることができます。
settings.ui.desktop.header.visible_logo	boolean	`true`の場合、ヘッダーにはあなたのロゴが表示されます（最初にあなたのカスタマーサクセスマネージャーに画像を提供してください）。

ウィジェットをカスタマイズする場合は、lightboxオブジェクトのパラメーターを変更してください：

ウィジェットの初期化パラメータの完全なリストを参照してください。

パラメータ	種類	説明文
payment_widget_ui.lightbox.width	string	ライトボックスのフレームの高さ。`null`の場合、ペイステーションの高さに依存します。既定は`null`です。
payment_widget_ui.lightbox.height	string	ライトボックスのフレームの高さ。`null`の場合、ペイステーションの高さに依存します。既定は`100%`です。
payment_widget_ui.lightbox.zIndex	integer	配置順序を定義します。既定は`1000`です。
payment_widget_ui.lightbox.overlayOpacity	integer	ウィジェットの背景の不透明度（`0` — 完全透明、`1` — 完全不透明）。デフォルト値は60%です（`.6`）。
payment_widget_ui.lightbox.overlayBackground	string	オーバーレイの背景色。既定は`#000000`。
payment_widget_ui.lightbox.contentBackground	string	フレームの背景色。デフォルトは`#ffffff`。これらの色の変更は、ペイステーションiframe自体には影響を与えず、それを保持するライトボックスの設定のみに影響を与えることに注意してください。
payment_widget_ui.lightbox.spinner	string	ローディングアニメーションのインジケータの種類。`xsolla`または`round`に指定できます。既定は`xsolla`です。
payment_widget_ui.lightbox.spinnerColor	string	スピナーの色。既定値はありません。

ご意見ありがとうございました！

あなたのメッセージを確認し、体験を向上させるために利用させていただきます。

最終更新日: 2024年3月26日

誤字脱字などのテキストエラーを見つけましたか？テキストを選択し、Ctrl+Enterを押します。