How to set paypal advance chekout in squarespace?

I want accept credit cards from my paypal so i need set paypal advance chekout in squarespace. Does anybody do this before?

How can i put this in my web?

7 hours ago, Richard4485 said:

I want accept credit cards from my paypal

The PayPal integration with Squarespace no longer supports a standalone credit/debit card option. If you're only using PayPal, customer can only use credit or debit cards saved to their PayPal account.

It isn't possible to change this for Squarespace Commerce transactions.

If you want customers to be able to enter credit/debit card information at checkout, you will need to use Squarespace Payments or Stripe.

Did this help? Please give feedback by clicking an icon below  ⬇️

5 hours ago, paul2009 said:

The PayPal integration with Squarespace no longer supports the credit card option.

@paul2009 - are you sure? The documentation still says you can accept credit/debit card payments from customers if they have those cards saved to their PayPal accounts: https://support.squarespace.com/hc/en-us/articles/235760627-PayPal-FAQ#toc-can-i-accept-credit-or-debit-cards-through-paypal- 

You can't, however, connect PayPal Payments Pro which it looks like @Richard4485 is trying to do. The customer payment options if paying while logged in to their personal PayPal account at checkout should be: PayPal, Venmo & any saved cards they have with PayPal. Do you know if this has changed? 

3 hours ago, KristineNeilStudio said:

are you sure? The documentation still says you can accept credit/debit card payments from customers if they have those cards saved to their PayPal

I was trying to say the same thing - but your explanation is clearer so I've updated my post to explain that customers cannot pay with a debit card directly with PayPal 🙂 - like they used to be able to do.

Awesome - thanks @paul2009!

Squarespace doesn’t natively support PayPal Advanced Checkout (the feature that allows you to accept credit cards directly without redirecting users to PayPal's site). However, you can still integrate PayPal for accepting credit cards through some workarounds or alternative solutions.

Here’s a step-by-step guide to implement this:

1. Use PayPal Business with Squarespace

Squarespace integrates PayPal as a payment processor, but by default, it redirects customers to the PayPal website to complete payments. To enable PayPal's credit card processing directly:

• Make sure you have a PayPal Business Account.
• Go to Commerce > Payments in Squarespace.
• Connect your PayPal Business Account.
• Once connected, PayPal allows customers to pay using either PayPal or credit cards.

2. Enable Guest Checkout for Credit Cards

• Log in to your PayPal Business Account.
• Go to Account Settings > Website Payments > Website Preferences.
• Enable the option for PayPal Account Optional or Guest Checkout. This allows customers to pay with a credit card without creating a PayPal account.
• Save the changes.

This works with Squarespace's native PayPal integration but doesn't enable Advanced Checkout.

3. PayPal Advanced Checkout Integration (Manual Embed)

If you want the full PayPal Advanced Checkout experience, where customers can enter credit card details on your site without being redirected, you’ll need to integrate PayPal’s SDK manually. Here's how:

Step 1: Create a PayPal REST API App

• Log in to your PayPal Developer Dashboard: https://developer.paypal.com/.
• Create a new app in the My Apps & Credentials section.
• Obtain the Client ID and Secret for your app.

Step 2: Add the PayPal Checkout Script

• Go to Settings > Advanced > Code Injection in Squarespace.
• Add the following script in the Footer section:

  <script src="https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID&components=buttons,marks"></script>

   

Step 3: Add PayPal Buttons to Your Page

• Use Squarespace’s Code Block to add the following code where you want the PayPal button to appear:

  <div id="paypal-button-container"></div>
  <script>
    paypal.Buttons({
      createOrder: function(data, actions) {
        return actions.order.create({
          purchase_units: [{
            amount: {
              value: '10.00' // Replace with your product price
            }
          }]
        });
      },
      onApprove: function(data, actions) {
        return actions.order.capture().then(function(details) {
          alert('Transaction completed by ' + details.payer.name.given_name);
        });
      }
    }).render('#paypal-button-container');
  </script>

   

Step 4: Customize the Payment Amount

• Replace '10.00' with the price of your product. If you have multiple products, you’ll need to dynamically generate the value based on the product the customer selects.