Jump to content

Setting up Paypal Pay Later on Product Pages

Recommended Posts

Site URL: https://www.bagtazocollection.com/

Hi there - I'm trying to get a Paypal Pay Later button above my add to cart button on the product page. I have added the provided script into the product header injection:

<script
    src="https://www.paypal.com/sdk/js?client-id=(somenumbers)&components=messages"
    data-namespace="PayPalSDK">
</script>

and added the provided HTML into a code block in the Additional Info section of the product but nothing shows up:

<!--
    In your code, update data-pp-amount
    with the price or cart amount. For
    example, data-pp-amount="89.99" for
    a $89.99 product.
-->
<div
    data-pp-message
    data-pp-style-layout="text"
    data-pp-style-device="message"
    data-pp-style-logo-type="inline"
    data-pp-style-text-color="black"
    data-pp-amount="ENTER_VALUE_HERE">
</div>

I'm guessing once it shows up I'll need some additional code to the header injection and maybe the CSS move it to near the cart button but I haven't gotten it to show up at all yet. Then I'll need to figure out the variable to change the price. Help on any/all of these tasks would be much appreciated!

 

 

Link to comment
  • Replies 5
  • Views 905
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 year later...

I have this question as well.

I am unsure where to place it. Obviously, there's no code option in the description field which is near the price and add to cart blocks. When I placed the Paypal HTML in additional info field, it displays beneath the product image, too far away from the price/cart. I want to emulate the Bloom website Paul mentioned and that I've seen elsewhere on SQSP sites— where APL appears directly under the title. Help?

MANY thanks in advance!

On 11/13/2020 at 4:34 PM, tjhopkins said:
<!--
    In your code, update data-pp-amount
    with the price or cart amount. For
    example, data-pp-amount="89.99" for
    a $89.99 product.
-->
<div
    data-pp-message
    data-pp-style-layout="text"
    data-pp-style-device="message"
    data-pp-style-logo-type="inline"
    data-pp-style-text-color="black"
    data-pp-amount="ENTER_VALUE_HERE">
</div>
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.