How to re-design the "Pay Now" Button?

Dear [Support/Developer Team],

I hope this message finds you well. I am currently working on enhancing the user interface of our payment process, and I’ve encountered a challenge that I believe could be swiftly resolved with your expertise.

The issue at hand is the visibility and design of the “Pay Now” button on our platform. As it stands, the button does not stand out sufficiently, potentially leading to a less intuitive payment process for our users. My objective is to redesign this button to be more prominent and include clear, descriptive text that guides users effectively through the checkout process.

Could you provide guidance or instructions on how to customize the appearance of the “Pay Now” button? Specifically, I am looking to:

  • Change the size to make it more noticeable.
  • Alter the color scheme to ensure it contrasts well with the rest of the page.
  • Add text that clearly indicates the action users will take by clicking the button.

I am open to any suggestions you might have and would greatly appreciate step-by-step instructions or references to the relevant sections of documentation that could assist me in this customization.

Thank you for your time and assistance. I look forward to your response.

Best regards,

Hi,

Unfortunately, there’s no such feature, it would require a custom implementation. To customize the button, you need to add some CSS tweaks. To do this, I recommend using the developer console Overview - Chrome for Developers to understand which styles to change and for which classes.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.