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

작동 방식

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

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

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

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

획득 방법

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

매개 변수유형설명
settings.ui.theme
string결제 UI 테마입니다. default(기본값은 라이트 테마) 또는 default_dark(다크 테마)일 수 있습니다.
booleantrue일 경우, 로고가 헤더에 표시됩니다(먼저 고객 성공 매니저에게 이미지 파일을 제공하세요).
위젯을 사용자 정의하려면 lightbox 오브젝트의 매개변수를 변경합니다.
API 참조
위젯 초기화 매개 변수 전체 목록을 봅니다.
매개 변수유형설명
lightbox.width
stringLightbox 프레임 높이입니다. null인 경우, 페이 스테이션 높이에 따라 달라집니다. 기본값은 null입니다.
lightbox.height
stringLightbox 프레임 높이입니다.null인 경우, 페이 스테이션 높이에 따라 달라집니다. 기본값은 100%입니다.
lightbox.zIndex
integer속성에 의해 수직 스태킹 순서가 제어됩니다. 기본값은 1000입니다.
lightbox.overlayOpacity
integer위젯 배경의 불투명도입니다(0 - 완전히 투명함, 1 - 완전히 불투명함). 기본값은 60%입니다(.6).
lightbox.overlayBackground
string오버레이의 배경입니다. 기본 값은 #000000입니다.
lightbox.contentBackground
string프레임 배경 색상. 기본값은 #ffffff입니다. 이러한 색상 변경은 이를 포함하는 라이트박스 설정에만 영향을 미치며 페이 스테이션 iframe 자체에는 영향을 미치지 않음에 유의하시기 바랍니다.
lightbox.spinner
string애니메이션 로딩 표시기의 유형입니다. xsolla 또는 round일 수 있습니다. 기본값은 xsolla입니다.
lightbox.spinnerColor
string회전자의 색상입니다. 기본값에 의해 설정되지 않습니다.
이 기사가 도움이 되었나요?
감사합니다!
개선해야 할 점이 있을까요? 메시지
유감입니다
이 기사가 도움이 안 된 이유를 설명해 주세요. 메시지
의견을 보내 주셔서 감사드립니다!
메시지를 검토한 후 사용자 경험 향상에 사용하겠습니다.
이 페이지 평가
이 페이지 평가
개선해야 할 점이 있을까요?

답하기 원하지 않습니다

의견을 보내 주셔서 감사드립니다!
마지막 업데이트: 2024년 3월 26일

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

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