Setting up Paypal Pay Later on Product Pages

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!

Can you share link to a product where you inserted above code?

Hi! It's on all the hat products, here's one:

https://www.bagtazocollection.com/hats/turnstyle-hat-chartreuse

thank you!

I think script code is incorrrect. Where did you get script code?

Its the code above from Paypal (except it has my account ID in it). Is that what you're seeing?

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>