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

どのように動作するか

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

  • 画面位置
  • テーマ
  • サイズ
  • 背景
  • プリローダー

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

入手方法

トークン経由で決済インターフェースをカスタマイズする場合は、settings.uiオブジェクトのパラメーターを変更してください:
APIリファレンス
パラメータの全リストを参照してください。
パラメータ種類説明文
settings.ui.theme
string決済インターフェースのテーマ。default(既定)またはdefault_darkに指定できます。
settings.ui.size
string決済インターフェースのサイズ。に指定できます:
  • small:決済インターフェースの最小サイズです。ウィンドウサイズが厳密に制限されている場合は、この値を使用します(寸法:620 x 630)
  • medium:推奨サイズ。この値を使用して、ライトボックスに決済インターフェイスを表示します(寸法:740 x 760)
  • large:決済インターフェイスを新しいウィンドウまたはタブに表示するのに最適なサイズ(寸法:820 x 840)
booleantrueの場合、ヘッダーにはあなたのロゴが表示されます(最初にあなたのアカウントマネージャーに画像を提供してください)。
settings.ui.desktop.header.visible_purchase
booleanヘッダーに購入説明(purchase.description.value)を表示するか示します。デフォルトはtrueです。
ウィジェットをカスタマイズする場合は、lightboxオブジェクトのパラメーターを変更してください:
APIリファレンス
ウィジェットの初期化パラメータの完全なリストを参照してください。
パラメータ種類説明文
lightbox.width
stringライトボックスのフレームの高さ。nullの場合、決済ステーションの高さに依存します。既定はnullです。
lightbox.height
stringライトボックスのフレームの高さ。nullの場合、決済ステーションの高さに依存します。既定は100%です。
lightbox.zIndex
integer配置順序を定義します。既定は1000です。
lightbox.overlayOpacity
integerオーバーレイ不透明度(0〜1)。既定は.6です。
lightbox.overlayBackground
stringオーバーレイの背景色。既定は#000000
lightbox.contentBackground
stringフレームの背景色。デフォルトは#ffffff。これらの色の変更は、決済ステーション iframe自体には影響を与えず、それを保持するライトボックスの設定のみに影響を与えることに注意してください。
lightbox.spinner
stringローディングアニメーションのインジケータの種類。xsollaまたはroundに指定できます。既定はxsollaです。
lightbox.spinnerColor
stringスピナーの色。既定値はありません。
この記事は役に立ちましたか?
ありがとうございます!
改善できることはありますか? メッセージ
申し訳ありません
この記事が参考にならなかった理由を説明してください。 メッセージ
ご意見ありがとうございました!
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。
このページを評価する
このページを評価する
改善できることはありますか?

答えたくない

ご意見ありがとうございました!
最終更新日: 2021年7月23日

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

問題を報告する
当社は常にコンテンツを見直しています。お客様のご意見は改善に役立ちます。
フォローアップ用のメールをご提供してください
ご意見ありがとうございました!