How Can we Remove PayPal Logo or ADD Generic Credit Card icon to our registration page

Our audience is in their late 60s. They don't all have PayPal accounts and may be daunted by this visual that makes it appear you can only pay online using PayPal or Venmo. We want to use an icon of a generic credit card so they are assured they can click through and pay without specifically having to use Venmo or Pay Pal.

Hi Wayne,

Thanks for reaching out to Jotform Support.

Please inject this CSS Code into your form to remove the Paypal Logo in the Paypal Checkout button:

.paypal-buttons iframe{

opacity:0 !important;

}

.paypal-buttons {

background: #ffc439;

position:relative;

}

.paypal-buttons:after{

content:"Checkout";

position:absolute;

color:#000;

font-size:20px;

left:calc(50% - 20px);

top:calc(50% - 12px);

}

Result:

This button will still work for the user as long as your Paypal account is connected to the payment field.

Give it a try, and let us know if you need any additional help.

Hi Wayne,

I'll need a bit of time to look into this. I'll get back to you shortly.

Thanks for your patience, we appreciate it.

Hi Wayne,

You can change the PayPal icon with the generic credit card so they are assured they can click through and pay without specifically having to use Venmo or PayPal. You can achieve this by Injecting the CSS Code below. Let me show you how:

1. First, copy this code.

/* Hide original button text */

.paypal-buttons iframe{

  opacity:0 !important;

}



/* Set button color */

.paypal-buttons {

  background: #ffc439;

  position:relative;

}



/* Add Checkout text */

.paypal-buttons:after{

  content:"Checkout";

  position:absolute;

  color:#000;

  font-size:20px;

  left: 50%;

  top:50%;

  transform: translate(calc(-50% + 40px), -50%);

}



/* Add a credit card icon */

.paypal-buttons:before{

  position:absolute;

  background-color: black;

  width: 44px;

  height: 30px;

  border-radius: 4px;

  left: 50%;

  top:50%;

  transform: translate(calc(-50% - 40px), -50%);

  content: "";

  clip-path: polygon(0 0, 100% 0, 100% 100%, 36% 100%, 36% 67%, 16% 67%, 16% 84%, 36% 84%, 36% 100%, 0 100%, 0 45%, 100% 45%, 100% 27%, 0 27%);

}



/* Hide text above checkout button */

.paypal-smart-text, #label_22{

  display: none;

}

2. In Form Builder, click on the Paint Roller icon at the upper right side of the panel to open the Form Designer Menu.

3. Go to the Styles tab, and add the CSS Code to the Inject Custom CSS input box. Take a look at the screenshot of the result below:

To avoid confusion, I moved your other question to a new thread and helped you with that here.

Give it a try and let us know how it goes.

Now our checkout option is ONLY going to Venmo QR code. That is even worse than previous problem. We need three options - credit card, PayPal, Venmo.

Hi Wayne,

I checked your form, and it's integrated to Venmo directly, which is why it's the only payment gateway available. Take a look at the screenshot below to see my results:You can change the payment integration to PayPal in just a few simple steps. Let me show you how:

1. In Form Builder, click on the Add Element menu on the left side of the page.
2. Under the Payments tab, click on the Three Dots icon next to your payment method.
3. Now, click on Switch to Another Gateway.
4. In the window that opens, select PayPal and click on Use Selection.

Next is to connect your PayPal Account:

1. In the panel on the right side of the page, click on Connect. This will take you to the PayPal page.

2. Now, enter all of the necessary information and connect your PayPal account with your form.

3. Select Show "Debit or Credit Card" and Show PayPal on the Integration.

Give it a try and reach out again if you need any other help.

I have done all the things you suggested. When I chose “Show Debit or Credit Crd” it said I needed an extra level of scrutiny with PayPal. I answered all their questions and PayPal said “Approved”. When I went back to Jotform it is not showing our paypal account connected

Hi Wayne,

You can try to connect your PayPal account again by clicking the Connect button. Take a look at the screenshot below to see the button:After clicking the Connect button, a pop-up will show where you can log in and authorize your PayPal Account. Once done, the blue Connect button will turn into a green Connected button, like below:We also have a guide here that you can check out to learn more about How to Integrate PayPal with Jotform.

Give it a try and reach out again if you have any other questions.

I've tried connecting over and over again. The process finishes on the PayPal side and a button shows up that says "Return to Jotform" but when I click on that it just circles. The Connect button is also circling and when I close out the PayPal box, the Connect button returns to "Connect". Seems to be a problem on the Jotform side

Hi Wayne,

Can you share with us a screen recording of what’s happening so we can try to replicate it on our end? You can share the video recording on any public sharing platform like Google Drive or Dropbox, or you can simply use Loom to record the video and share the video link with us.

Once we hear back from you, we'll be able to move forward with a solution.

I'm sorry I have no idea how to do a screen recording. I tried downloading Loom but couldn't get it to work. Is there another way for you to help me?

I have connected to our PayPal account many times throughout the process of setting up this Jotform but for some reason this time it is not connecting. I get a Success page from PayPal and then it will not return to Jotform and give me the Connected button.

Hi Wayne,

Could you try to log in to your Jotform account using a different browser, or use an incognito or private browser mode? Once you've logged in, open your form in Form Builder, and try connecting to PayPal payment again.

Give this a try, and let us know how it goes.

Once we hear back from you, we'll be able to help you with this.