PayPal Credit logos

[lesliekirk]

Have the PayPal Credit logos changed since the docs were written? The graphics that pull in to the site I'm working on just say PayPal or PP. And I don't see how to get the blue PayPal CREDIT button as shown in the docs. I get button text that says "Pay Later". I have tried every combination of the settings for the PayPal Credit Messaging and nothing seems to pull in what the docs show.

[Brennan]

I assume you're talking about the PayPal Commerce Platform Express Checkout buttons? If so, the actual logos are dynamic and controlled by PayPal. You can enabled or disable buttons to display but if the PayPal Credit Button is showing as Pay Later, its PayPal that is determining what button to show. Maybe they are updating the branding, or its possible a test is being ran.

There is per page button configuration settings for things like size/color etc and some control over the messaging and may also give you what you are looking for:

https://docs.miva.com/miva10/referen...-configuration

[lesliekirk]

I assume you're talking about the PayPal Commerce Platform Express Checkout buttons? If so, the actual logos are dynamic and controlled by PayPal. You can enabled or disable buttons to display but if the PayPal Credit Button is showing as Pay Later, its PayPal that is determining what button to show. Maybe they are updating the branding, or its possible a test is being ran.

There is per page button configuration settings for things like size/color etc and some control over the messaging and may also give you what you are looking for:

https://docs.miva.com/miva10/referen...-configuration

Been there done that. The docs may be out of date with what PayPal is using now. It's disappointing because what they offer now does have the word "credit" in it and it could be confusing (actually it is - I've had complaints).

[SidFeyDesigns]

Weird I wonder if it's a test or bug on PayPal's end.

Our Buttons display just like the docs show it should display. We also show the credit messaging.

Dose this site show the credit messaging alongside the buttons?

It's a shot in the dark but maybe if the credit messaging isn't present, then the button logos change accordingly?

Side Note for Brennan : Was the bug for the PayPal Smart Buttons' size field fixed in the recent update? More info on the bug here: https://www.miva.com/forums/forum/on...950#post717950

[lesliekirk]

Could be a PayPal account setting? It doesn't matter the amount that is in the cart. The credit message never shows the same PayPal Credit logo that the docs do. It also doesn't matter what style I configure in the admin. It never says PayPay Credit.

hg7lCH.png


Q5kLKw.png

[Brennan]

SidFeyDesigns It does not look like that display issue has been resolved yet.

[SidFeyDesigns]

Brennan Got it, thanks for the reply.

lesliekirk ah I'm sorry, the pic I saw in the docs showed Pay Later instead of PayPal Credit. It seems there is a mix of both versions in the docs.

My Guess is PayPal changed that logo a while ago as it has always said Pay Later since we sarted using the Smart Buttons.

It's not even an option when you try to build your own buttons in the PayPal account.

Maybe hard code your own messaging above or below the credit messaging that says something like "Click Pay Later Button for PayPal Credit Financing".

It's not pretty but it should help.

[lesliekirk]

Thanks Nick SidFeyDesigns right now I just have to figure the CSS combination to make that blue banner taller with larger font size.

[SidFeyDesigns]

lesliekirk No problem. I believe a data attribute can be added to the div that contains the PayPal iframe for the credit messaging as long as the layout is set to the "Text" option in the Miva admin. https://developer.paypal.com/docs/ch...-styletextsize has some pretty good info on that.

The trick for Miva is adding the data attribute (EX: data-pp-style-text-size="16") via javascript, as I don't believe we have access to the code for the div that contains the iframe via the admin.

Something like this "var paypalMssgDiv = document.querySelector('[data-pp-message]');" should help you target that div via javascript.

Brennan It would be nice if we could at least have access the div that contains the ifame to allow us to adjust the styles via data attributes more easily without relying on javascript. Or even better; adding the rest of the styling options as dropdowns or text fields in the admin for style.text.color, style.text.size, style.text.align, etc. These are listed in the page linked above.

[SidFeyDesigns]

lesliekirk the PayPal documentation I linked above actually has some of the wrong data attributes listed.

Here's a snippet that might be helpful:

<mvt:item name="paypalcp_credit" param="basket" />
<-script->

    // Select the PayPal credit node.
    var paypalTextDiv = document.querySelector('[data-pp-style-layout="text"]');

    // Set the PayPal data-pp-style-text-align and data-pp-style-text-size attribute.
    paypalTextDiv.setAttribute('data-pp-style-text-align', 'center');
    paypalTextDiv.setAttribute('data-pp-style-text-size', '14');

<-/script->

Again this is for PayPal Credit Messaging When the Layout option is set to Text.

Hope this helps.

Cheers

[lesliekirk]

Thanks Nick. The site is using the Flexible Blue Background With White Text and White Logo at at Ratio of 20x1. That seems to be the problem it's too "short" for the div it's in. The 8x1 ration is the height of the buttons but it puts the disclaimer text <p class="message__disclaimer"> on the second line. I'd like it to all be on the same line similar to the 20x1 ration. I know, picky, picky, picky...

[SidFeyDesigns]

Thanks Nick. The site is using the Flexible Blue Background With White Text and White Logo at at Ratio of 20x1. That seems to be the problem it's too "short" for the div it's in. The 8x1 ration is the height of the buttons but it puts the disclaimer text <p class="message__disclaimer"> on the second line. I'd like it to all be on the same line similar to the 20x1 ration. I know, picky, picky, picky...

I fully understand. I'm quite picky myself.

You may want to try styling the text layout. It seems to be a bit less limited.

In our developer branch I set the Layout to Text (it was already set to this) and the selected Stacked Logo, Logo Left, and White Text/Logo.

Then I was able to restyle the container via css using these selectors: [data-pp-message] {} [data-pp-message] span:first-child {} .

Gave it the blue background and some padding.

The results are decent. Not perfect but there is slightly more control or perhaps a different kind of control.

The text ends up wraping just like any text should wrap.

PP-Credit-Messaging-Desktop.png
image_2503.png


Might be worth a shot if it will get you what you're looking for.

[SidFeyDesigns]

It's also worth noting that there is only one difference between clicking the regulular PayPal Button and the PayLater Button.

Click the PayPal Button and log in: User's stored payment methods are on top, PayLater options are below those.

Click the PayLater Button and log in: PayLater options are on top, User's stored payment methods are below those.

Just thought I would throw that out there.

[lesliekirk]

It's also worth noting that there is only one difference between clicking the regular PayPal Button and the PayLater Button.

Click the PayPal Button and log in: User's stored payment methods are on top, PayLater options are below those.

Click the PayLater Button and log in: PayLater options are on top, User's stored payment methods are below those.

Just thought I would throw that out there.

Thanks again Nick! OMG Capodimonte! I lived in Italy. It is so beautiful.

[SidFeyDesigns]

lesliekirk Not a problem. That is awesome, I've always wanted to travel there. The Capodimonte procelain flowers are beautiful. The pictures do no justice.

I saw your basket in the reviews basket module lol.

Unfortunately I'm still working on skipping the BASK screen to start checkout and having all the express checkout buttons at the top of OCST, so I'm sorry if you weren't able to see the new OCST in the screenshots above lol.

Hoping to go live with it over the weekend. Last item on the list is to add an ajax coupon form to the Mini Bask.