Adding PayPal Button in Place of "Send" Button

Hi JohnnyMidrange,

The default send button code is: [submit “Send”], you should be able to change it to [submit “Buy Now”].

Does that answer your question, or did you mean to replace it with an Buy Now button image?

Thanks,
Scott

Thanks for quick reply!

Ideally, replace with a “Buy Now” button image…

Hi JohnnyMidrange,

I just did some testing and I got it to work with a PayPal Buy Now image.

1. Use this for the submit button:
[submit " "]
2. You need to add some custom CSS. Most themes have a place in their settings menu where you can add CSS. If not you can usually add it to your theme style.css file. However each theme is different.

But here is the code you would need to add:

.wpcf7-submit {
 width: 107px;
 height: 26px;
 border: none;
 margin: 0;
 padding: 0;
 background: url(https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif);
 }

 input[type="submit"] {
 background-color: #fff;
}

Scott,

I added the custom CSS and it is working.

The only problem is that there is text that says “Send” on the PayPal button behind “Buy Now.” How can I delete the “send” text?

JohnnyMidrange,

Try my step 1.

Thanks,
Scott

Got it!

One more thing, where do I add css to make the cursor to finger on mouseover of “Buy Now”? Would it look like this: a.menu_links { cursor: pointer; }

Hi JohnnyMidrange,

Hm, it shows the pointer on my test. It is probably related to the theme…

Yeah, the cursor: pointer; part is right. I am not sure what class it would be under. Try it under .wpcf7-submit { and input[type=”submit”] { and see if that works.

If not you can paste your website URL here and I can tell you would it would be.

Thanks,
Scott

Thanks so much Scott:

https://www.prccustomresearch.com/duplicate-awards-order-form/

Hi JohnnyMidrange,

On your site I just put cursor: pointer; under .wpcf7-submit { and it works fine for me. Give that a try.

It should now look like this:

.wpcf7-submit {
 width: 107px;
 height: 26px;
 border: none;
 margin: 0;
 padding: 0;
 background: url(https://www.paypalobjects.com/en_US/i/btn/btn_buynow_LG.gif);
 cursor: pointer;
 }

Thanks,
Scott

Perfect! Scott, I cannot thank you enough for being patient and investing your time.

Again, great plugin.

Thank you.