PayPal Button Shape

Hey @tatifox!

I answered your question in your other post. I’m going to put in a feature request to see if the developers are interested in adding that button shape, but I don’t have an ETA on if or when that would be added.

Thank you for your ideas!

Hello @piratepenpen,

So this is something that I have put tremendous effort into and struggled to change the buttons shape, but I couldn’t make it.

I really need your support regarding it ASAP, buttons shroud be more like the original PayPal button, like THIS IMAGE, also the size, color, shape, label of it should be customizable. Like:

style: {
	label: 'checkout',   // pay | paypal | buynow | checkout
	size:  'responsive',    // small | medium | large | responsive
	shape: 'rect',     // pill | rect
	color: 'gold',    // gold | blue | silver | black
	fundingicons: true, // true | false
}

Please take care of this matter, We all would really appreciate your empathy.

Thank you dear.

Hey Tad,

I can confirm that we have an existing feature request to allow for additional configuration options to the PayPal button, however, we don’t have an ETA for the feature request. I’m sorry to say that we cannot provide assistance with customization requests, thus, you’ll want to use PayPal’s documentation along with CSS to change the shape and design of the PayPal button.

This is extremely frustrating, after many attempts at customizing, I too gave in to the default style. Not only does it look not match colors, but the shape clashes as well. Please put some effort into this – it irks me enough that I have considered not using Braintree.

Hi Ted & Tim

I had the same problem. As a temporary fix I did the following:

Navigate to wp-content/plugins/woocommerce-gateway-paypal-powered-by-braintree/includes/payment-forms/class-wc-braintree-paypal-payment-form.php and open the file with a code editor.

Starting in line 46 you can change the button style:

$default_button_styles = array(
	'label' => 'pay',
	'size'  => 'responsive',
	'shape' => 'rect',
	'color' => 'blue',
);

You can insert different values according to the PayPal documentation

If you want to get rid of the tagline below the button, simply add 'tagline' => 'false',

Please note that you change a core plugin file and you have to edit this file again when the plugin has been updated.

I hope this helps.

Best

• This reply was modified 7 years, 1 month ago by henski.
• This reply was modified 7 years, 1 month ago by henski.

Hi,

• This reply was modified 7 years, 1 month ago by marouane91.

Adjusting line 46+ did not make any changes happen in to the button. I adjusted it to blue and rect, but nothing actually occurred on the website.

For PayPal button shape in checkout page navigate to: (line 46)

wp-content/plugins/woocommerce-gateway-paypal-powered-by-braintree/includes/payment-forms/class-wc-braintree-paypal-payment-form.php

For PayPal button shape in cart page navigate to: (line 141)

wp-content/plugins/woocommerce-gateway-paypal-powered-by-braintree/includes/class-wc-braintree-paypal-cart.php

$default_button_styles = array(
	label: 'checkout',       // pay | paypal | buynow | checkout | credit
	size:  'responsive',     // small | medium | large | responsive
	shape: 'rect',           // pill | rect
	color: 'gold',           // gold | blue | silver | black
	tagline: false,          // true | false   
	fundingicons: true,      // true | false
);

Thanks Tad, that was perfect.