Afterpay Express Checkout Button

  • Is it possible to customise the express checkout button?
    1. Remove the words “checkout with” aka Logo Only
    2. Reduce Logo Size
    3. Increase button width and remove border (aka amend to radius to 0 or rectangle shape)

    Thanks in advance.

Viewing 1 replies (of 1 total)
  • Plugin Author Afterpay

    (@afterpayit)

    Hi @maqpro,

    Thank you for your message.

    Point 1 cannot currently be achieved. Points 2 & 3 are possible by adding some additional styles to the site. Setting a height on the button and a max-height of 100% to the image inside the button will reduce the size of the button and subsequently the logo. To increase the width of the button set a pixel or percentage width on the button selector as well as a background colour (#b2fce5 for the mint button / #000000 for the black button). Then set the border-radius value to 0. By default there is no border set on the button, but the installed theme may be overriding this. To address this set border to none.

    The above may look like this (due to the theme, the CSS selectors may need to be more specific):

    .btn-afterpay_express_cart {
  height: 50px;
  width: 100%;
  background-color: #b2fce5;
  border-radius: 0px;
  border: none;
}

.btn-afterpay_express_cart img {
  max-height: 100%;
}

    If the site is setup to allow it, the team would be happy to assist in implementing this solution. To facilitate this please submit a support request including a link to this post using the following web form: https://help.afterpay.com/hc/requests/new?ticket_form_id=193406

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘Afterpay Express Checkout Button’ is closed to new replies.