Help Center - Personal Account
  • Home
  • Payments and Transfers
  • Disputes and Limitations
  • My Account
  • My Wallet
  • Login & Security
  • Seller Tools

No-Code Checkout pay link and button troubleshooting tips

I'm getting an error, and the button isn't displaying on my website.

Check the following:

  • Check that your internet connection is working.
  • Visit other pages of your website and check that they’re loading correctly.
  • Go to the PayPal Buttons page and check:
  • Is the button showing under ‘Saved Buttons’?
  • Select ‘Edit button’ and ensure the button code is the same as what you have on your website. 

Right-click on your product page (where you have pasted the button code) and click “Inspect.” Go to the Console tab (you will see this on the top). You may see CSP errors.

If you've deployed a Content Security Policy, you may see CSP errors such as these (sample CSP errors):

Refused to load the script ‘https://www.paypal.com/sdk/js**’ because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'script-src-elem' was not explicitly set, so 'default-src' is used as a fallback.

Refused to connect to 'https://www.paypal.com/**' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'connect-src' was not explicitly set, so 'default-src' is used as a fallback.

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src https://*.paypal.com". Either the 'unsafe-inline' keyword, a hash ('sha256-WYDWDPwB8j2VePYrqy38aHPcJLsasO//lnXymmxscUk='), or a nonce ('nonce-...') is required to enable inline execution.

Refused to load the image 'https://tracking.qa.paypal.com/webapps/tracking/ts?**' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'img-src' was not explicitly set, so 'default-src' is used as a fallback.

Refused to frame 'https://www.paypal.com/' because it violates the following Content Security Policy directive: "default-src 'self'". Note that 'frame-src' was not explicitly set, so 'default-src' is used as a fallback.

You can try adding the below to resolve any of the above errors:

Option-1 (HTML): If your CSP is configured in HTML file use the below code to replace your CSP code

<meta http-equiv="Content-Security-Policy" content="default-src 'self';
script-src 'unsafe-inline' https://*.paypal.com https://*.paypalobjects.com;
style-src 'unsafe-inline' https://*.paypal.com; connect-src
https://*.paypal.com; frame-src https://*.paypal.com; img-src
https://*.paypal.com https://*.paypalobjects.com">

Option-2 (Server side): If your CSP is configured on the server side use the below code to replace your CSP code

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

How do I change the layout/ size/ color of the product name/ price/ quantity?

It’s not currently possible to change the layout/size/color for this integration.

I edited product information (name, amount, or anything else); do I need

to copy/paste the button code again?

No, we take all of the information from the PayPal server. Once you’ve saved the changes on your account, you don’t need to update your website's copy/ pasted button code.

I see a client ID in the code; what does it mean?

Client ID is the merchant client ID that's part of your account. You shouldn't edit it. Use it as it is offered in the button code.

I added multiple buttons, but none are showing on my web page.

Multiple buttons on the same web page won’t work in the following scenarios:

  • If you have copied/pasted the same button ID multiple times on the same web page, only the first button will show. You can’t repeat the same button ID multiple times.
  • If you have copied/pasted different button IDs but with other currencies on the same web page, only the first button will show. You can’t add foreign currencies on buttons on the same web page.
  • If you have copied/pasted different button IDs and experience slowness, ensure the script tag with the client ID is only added once. The script line will look like this:
    • <script src="https://www.paypal.com/sdk/js?client-id=XYZ&components=hosted-buttons&enable-funding=venmo¤cy=XYZ"></script>

I have a Premier PayPal account, and I don’t see the pay link and button

feature.

This feature is only available for Business PayPal accounts. To use this feature, upgrade or create a Business account.

How do I test this experience on PayPal Sandbox?

No-Code Checkout is available to test on Sandbox.

How do I test Venmo on Sandbox?

Pay with Venmo is not currently available on Sandbox; however, you can test it live.

My customer told me they can’t see all payment methods.

Payment methods such as PayPal, Pay Later, and Venmo depend on each customer's country eligibility.

How do I put a payment link on my website?

You can place the payment link behind a button on your website. Replace it with your own payment link.

Sample code here:

<body> <h1>Make the payment for your goods/services here</h1> <button class="btn" onclick="location.href='https://www.paypal.com/ncp/payment/HWDFRBTBV25XX'" type="button"> Checkout</button> </body>

The Credit/ Debit inline expansion doesn't show completely on my

website.

Ensure that the parent container width and height are set to accommodate the inline expansion. Consult your hosting platform documentation/support for more details.

What’s PayPal QR code payments?

More ways we can help

We use cookies to improve your experience on our site. May we use marketing cookies to show you personalized ads? Manage all cookies