If you are not using our Stripe, Uscreen Payments, or Authorize.net, but have set up alternative Payment Providers via Zapier, you may have noticed that the CTA button from your Programs page will still point you to Uscreen's checkout.
Unfortunately, you cannot change this without custom code, but we present you with a solution that you can implement via Code Snippets.
This advanced tutorial is for Web Developers or users who are familiar with HTML, CSS, Liquid, and Javascript. We provide this for educational purposes. If you aren't proficient with those programming languages, please do not try this and hire a Web Developer for Advance Custom Changes instead.
For security and performance reasons, we do not recommend customizing Common Pages with code. We do not guarantee that customizations will continue to work in the future as new features or versions of the platform are released.
Before you change code, always make a backup of your site.
First, copy and paste this piece of code inside the Head Code Snippet:
<script>
// Change the line below
let destinationUrl = '../join';
// Don't change anything below, only the line above
let detectProgramPage = () => {
if (document.location.href.includes('/programs')) {
let ctaButton = document.querySelector("[data-test='button-access']")
if (ctaButton) {
ctaButton.setAttribute('href', destinationUrl);
}
}
setTimeout(() => detectProgramPage(), 300)
}
detectProgramPage();
</script>
Code updated May 14, 2021
Finally, update the "destinationUrl" variable with your actual payment destination link.
Reminder: This help guide has been created for educational purposes and it's addressed to web developers. At the time it was written, it was created in English and it doesn't work well on sites with other languages. If your site is in a different language, please work with your web developer to make it work in your local language.