Skip to main content

Button Preference Settings

Appearance

PeachPay has easy to use settings to customize the Express checkout button to your needs.

1. Button options

Customize various button options such as text, button background color, button font color, and corner radius.

2. Icons

Choose a custom icon to fit your need or none at all. Our current options are: lock, baseball, arrow, mountain, bag, shopping cart, and no icon.

3. Hover Effect

Choose an effect for the button between a fade out or no effect. You can hover over the options to view them. You can also toggle displaying payment methods below the Express Checkout Button.

PeachPay can also automatically match the font style of a webpage. Toggling this will disable the current PeachPay font-family, font-size, font-weight, and transformation-text and use the styles of the website.

4. Preview

Use the preview to see what your changes to the Express Checkout button will look like as you edit it.

PeachPay on Product Page

5. Product Page

PeachPay can be enabled on product pages for easy checkout.
You can customize the width of the button with 220px as the default.

6. Alignment

Set the alignment of PeachPay on the product page. The example below shows the left alignment option on a product page.

7. Position

Choose to place PeachPay before the Add to Cart button or after it. The example below shows a before Add to Cart position.

PeachPay on Cart Page and Checkout Page

8. Cart Page

PeachPay can be toggled on and off in the shoppers cart. On will show PeachPay like in the example below, off will not show PeachPay.
The width of the button can be customized defaulting at 220px.
Alignment can also be customized. The example below shows a full alignment.

9. Checkout Page

PeachPay can also be toggled on and off on the checkout page.
The width of the button can be customized with the default size as 320px.
You can use the Header Text section. The text will display above the PeachPay checkout area as shown below.
The same can be done for the Additional text section which is also shown below.

10. Mini/sidebar cart

Enable or disable PeachPay in the mini and/or sidebar cart.

Floating Button

11. Appearance

Peachpay can also take the form as a persistent floating button under appearance it can be toggled on and off.
You can select a custom icon, icon size, and button size.
The preview window will show you what your changes to the floating button look like.

12. Position

The floating button can take a variety of positions depending on the settings the default is a bottom gap and side gap of 45px each. You have the option to choose between placing the button on the botton left or bottom right of the page.
The example below shows off the floating button on a webpage and what the button looks like when clicked on.