노코드 결제, 결제 링크 및 버튼 문제 해결 팁

오류가 발생했으며 웹사이트에 버튼이 표시되지 않습니다.

다음 사항을 확인하세요.

인터넷 연결이 작동하는지 확인합니다.
웹사이트의 다른 페이지를 방문하여 제대로 로드되는지 확인합니다.
PayPal 버튼 페이지로 이동하여 다음을 확인합니다.

버튼이 '저장된 버튼' 아래에 표시되나요?
'버튼 편집'을 선택하고 버튼 코드가 웹사이트에 있는 것과 동일한지 확인합니다.

제품 페이지(버튼 코드를 붙여넣은 곳)를 마우스 오른쪽 버튼으로 클릭하고 “검사"를 클릭합니다. 콘솔 탭으로 이동합니다(상단에 표시됨). CSP 오류가 표시될 수 있습니다.

콘텐츠 보안 정책을 배포했다면 CSP 오류가 다음과 같이 표시될 수 있습니다(샘플 CSP 오류).

콘텐츠 보안 정책 지시문 "default-src 'self'"를 위반하므로 'https://www.paypal.com/sdk/js**' 스크립트 로드가 거부되었습니다. 'script-src-elem'은 명시적으로 설정되지 않았으므로 'default-src'로 대체해 사용됩니다.

콘텐츠 보안 정책 지시문 "default-src 'self'"를 위반하므로 'https://www.paypal.com/**'에 연결이 거부되었습니다. 'connect-src'는 명시적으로 설정되지 않았으므로 'default-src'로 대체해 사용됩니다.

콘텐츠 보안 정책 지시문 "script-src https://*.paypal.com"을 위반하므로 인라인 스크립트 실행이 거부되었습니다. 인라인 실행을 위해서는 'unsafe-inline' 키워드, 해시('sha256-WYDWDPwB8j2VePYrqy38aHPcJLsasO//lnXymmxscUk=') 또는 nonce('nonce-...')가 필요합니다.

콘텐츠 보안 정책 지시문 "default-src 'self'"를 위반하므로 이미지 'https://tracking.qa.paypal.com/webapps/tracking/ts?**' 로드가 거부되었습니다. 'img-src'는 명시적으로 설정되지 않았으므로 'default-src'로 대체해 사용됩니다.

콘텐츠 보안 정책 지시문 "default-src 'self'"를 위반하므로 'https://www.paypal.com/' 프레임 작업이 거부되었습니다. 'frame-src'는 명시적으로 설정되지 않았으므로 'default-src'로 대체해 사용됩니다.

위의 오류를 해결하기 위해 아래 사항을 추가해볼 수 있습니다.

옵션-1(HTML): CSP가 HTML 파일로 구성되어 있다면 아래 코드를 사용하여 CSP 코드를 바꿉니다.

옵션-2(서버 측): CSP가 서버 쪽에 구성되어 있다면 아래 코드를 사용하여 CSP 코드를 바꿉니다.

Content-Security-Policy: script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com
Content-Security-Policy: style-src 'unsafe-inline' https://*.paypal.com
Content-Security-Policy: connect-src https://*.paypal.com
Content-Security-Policy: frame-src https://*.paypal.com
Content-Security-Policy: img-src https://*.paypal.com https://*.paypalobjects.com

상품 이름/ 가격/ 수량의 레이아웃/크기/색상은 어떻게 변경하나요?

현재 이 통합의 레이아웃/크기/색상을 변경할 수 없습니다.

제품 정보(이름, 금액 등)를 편집했습니다.

버튼 코드를 다시 복사/붙여넣기해야 하나요?

아니요, PayPal 서버에서 모든 정보를 가져옵니다. 계정에 변경 사항을 저장한 후에는 웹사이트의 복사/붙여넣기 버튼 코드를 업데이트할 필요가 없습니다.

코드에 클라이언트 ID가 표시됩니다. 무슨 뜻인가요?

클라이언트 ID는 계정에 포함된 판매자 클라이언트 ID입니다. 편집하지 마세요. 버튼 코드를 제공된 대로 사용하세요.

여러 버튼을 추가했지만 웹 페이지에 표시되지 않습니다.

동일한 웹 페이지의 여러 버튼은 다음 시나리오에서 작동하지 않습니다.

동일한 웹 페이지에 동일한 버튼 ID를 여러 번 복사/붙여넣기하면 첫 번째 버튼만 표시됩니다. 동일한 버튼 ID를 여러 번 반복할 수 없습니다.
동일한 웹페이지에 다른 통화로 다른 버튼 ID를 복사/붙여넣기하면 첫 번째 버튼만 표시됩니다. 동일한 웹페이지의 버튼에 다른 통화를 추가할 수 없습니다.
다른 버튼 ID를 복사/붙여넣기했는데 처리 속도가 느려진다면, 클라이언트 ID가 있는 스크립트 태그가 한 번만 추가되었는지 확인하세요. 스크립트 줄은 다음과 같습니다.
- <script src="https://www.paypal.com/sdk/js?client-id=XYZ&components=hosted-buttons&enable-funding=venmo¤cy=XYZ"></script>

프리미어 PayPal 계정을 보유하고 있는데 결제 링크와 버튼이

표시되지 않습니다.

이 기능은 비즈니스 PayPal 계정에서만 사용할 수 있습니다. 이 기능을 사용하려면 업그레이드하거나 비즈니스 계정을 생성하세요.

PayPal Sandbox에서 이 환경을 테스트하려면 어떻게 해야 하나요?

Sandbox에서 노코드 결제를 테스트할 수 있습니다.

내 웹사이트에 결제 링크를 넣으려면 어떻게 해야 하나요?

웹사이트의 버튼 뒤에 결제 링크를 배치할 수 있습니다. 자신의 결제 링크로 교체하세요.

샘플 코드는 다음과 같습니다.

<body> <h1>여기에서 상품/서비스를 결제하세요.</h1> <button class="btn" onclick="location.href='https://www.paypal.com/ncp/payment/HWDFRBTBV25XX'" type="button"> 결제</button> </body>

신용/직불카드 인라인 확장이 다음 위치에서 완전히 표시되지 않음:

웹사이트

상위 컨테이너 너비와 높이가 인라인 확장을 수용하도록 설정되어 있는지 확인하세요. 자세한 내용은 호스팅 플랫폼 문서/지원을 참조하세요.