Adding paypal pay later messaging code

Design help Ecommerce
1

Good day,
I have a client who would like to add the paypal pay later messaging to the products page. Paypal has provide a step by step guide to place HTML code

I am unsure of where to place this code in order for it to work in webflow.

Here is my site Read-Only:
[1]: http://www.criterionconnex.com
[2]: Share a read-only link | Webflow University

2

Since you’ll probably want this code to run on a specific page (or pages), just go into the Page Settings by clicking the cog icon in the Pages panel and paste the two code snippets into the appropriate place under the Custom Code section:

image
image1396×1634 136 KB

Keep in mind that these changes will only reflect on a published site, so republish to your staging/live URL first to see any changes :+1:

3

Thank you for the reply. But it doesn’t seem to be working. I even tried to do it using the embed widget in a container under the buy button but nothing is showing up. If I am understanding correctly I place the head code in the head section and the body code in the body section of the page settings. Where should it show up? It is just the announcement the paypal 4 payments is available and I think calculate the 4 amounts (not sure about that)

4

Whoops! My apologies, it looks like the second snippet of code needs to go where you’d like the message to appear—not within the Custom Code section as I had original noted.

The first option is copy/pasting the code they provide (shown below) within an HTML Embed element:

<div
    data-pp-message
    data-pp-style-layout="text"
    data-pp-style-logo-type="inline"
    data-pp-style-text-color="black"
    data-pp-amount="ENTER_VALUE_HERE">
</div>

Or you can use a Div Element and add your own data-attributes within the Webflow Designer—just keep in mind that you can’t include attributes with blank values, so I’ve used “1” for the first attribute which hopefully shouldn’t affect the end result:

image
image538×824 57.5 KB

6

Does the first set of code go into the head code box of the page setting?

7

Yep! That code grabs the necessary script files so the page needs to load that before the content on the page (the div you add via HTML Embed or using data attributes).

8

Thank you Mike but so far I still can’t get it to show up on the site…I put the head code in the head section and the body in an embed div and nothing…then I removed it from there and put it in the body section of the product page…still nothing.

https://preview.webflow.com/preview/criterionconnex?utm_medium=preview_link&utm_source=designer&utm_content=criterionconnex&preview=b10588544bc32a6e18ac6f34f430c42a&pageId=5f385b15e5ef2b4ea802b643&itemId=5f773c4adb81972fbd618b53&mode=preview

I am at my wits end on this. Your help and advice is greatly appreciated.

9

Hi @jillbascome

I’m facing the same issue, did you ever manage to figure it out?

Thanks!

10

I’m sorry I didnt…clients working with developer now to fix it…sorry couldnt be of more help.