決済ステーションのカスタマイズ

仕組み

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

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

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

使用に適した方

決済ステーションを統合するパートナー。

使用するには

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

パラメータ 種類 説明文
settings.ui.theme string 決済インターフェースのテーマ。'default'(既定)または 'default_dark'に指定できます。
settings.ui.size string 決済インターフェースのサイズ。に指定できます:
  • small:決済インターフェースの最小サイズです。ウィンドウサイズが厳密に制限されている場合は、この値を使用します(寸法:620 x 630)
  • medium:推奨サイズ。この値を使用して、ライトボックスに決済インターフェイスを表示します(寸法:740 x 760)
  • large:決済インターフェイスを新しいウィンドウまたはタブに表示するのに最適なサイズ(寸法:820 x 840)
settings.ui.desktop.header.visible_logo boolean 'true'の場合は、ヘッダーにロゴが表示されます(まず、アカウントマネージャーに画像を提供してください)。
settings.ui.desktop.header.visible_purchase boolean ヘッダーに購入説明(purchase.description.value)を表示するか示します。デフォルトは「true」です。
Note: パラメータの完全なリストはAPI リファレンスをご参照ください。

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

パラメータ 種類 説明文
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'。
lightbox.spinner string ローディングアニメーションのインジケータの種類。'xsolla'または 'round'に指定できます。既定は 'xsolla'です。
lightbox.spinnerColor string スピナーの色。既定値はありません。
Note: ウィジェット初期化パラメーターの完全なリストはAPI リファレンスから参照できます。