페이 스테이션 사용자 지정 방법

작동 방식

다음 매개변수를 사용자 정의하여 결제 UI 외관을 설정할 수 있습니다.

  • 화면 위치
  • 테마
  • 크기
  • 배경
  • 프리로더

토큰통합 스크립트를 통해 UI 매개변수를 설정할 수 있습니다.

API 참조
매개 변수 전체 목록을 봅니다.
알림
바로 사용할 수 있는 결제 UI 테마(라이트 또는 다크)를 사용하거나 자체 테마를 만들 수 있습니다. 자체 테마를 만들려면 지침을 참조하세요.

획득 방법

토큰을 통해 결제 UI를 사용자 정의하려면 settings.ui 오브젝트의 매개 변수를 변경합니다.

매개 변수유형설명
settings.ui.theme
string결제 UI 테마입니다. default(기본값은 라이트 테마) 또는 default_dark(다크 테마)일 수 있습니다.
booleantrue일 경우, 로고가 헤더에 표시됩니다(먼저 고객 성공 매니저에게 이미지 파일을 제공하세요).
위젯을 사용자 정의하려면 lightbox 오브젝트의 매개변수를 변경합니다.
API 참조
위젯 초기화 매개 변수 전체 목록을 봅니다.
매개 변수유형설명
payment_widget_ui.lightbox.width
stringLightbox 프레임 높이입니다. null인 경우, 페이 스테이션 높이에 따라 달라집니다. 기본값은 null입니다.
payment_widget_ui.lightbox.height
stringLightbox 프레임 높이입니다.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일

오자 또는 기타 텍스트 오류를 찾으셨나요? 텍스트를 선택하고 컨트롤+엔터를 누르세요.

문제 보고
콘텐츠를 항상 검토합니다. 여러분의 피드백은 콘텐츠를 개선에 도움이 됩니다.
후속 조치를 위해 이메일을 제공해 주세요
의견을 보내 주셔서 감사드립니다!