In this quick tutorial, I show you how to add a payment gateway in Framer so you can actually collect payments instead of just showing a “Buy” button that goes nowhere. The whole point here is speed and clarity: set up the payment flow, connect it to your Framer site, and make sure it works before you hit publish. If you follow along step-by-step, you won’t miss the small setup details that usually break checkout links or confuse customers. I also focus on the practical checks you should do at the end—because the “setup” isn’t done until you test it. I walk through what to click, what to verify, and how to make sure your payment button/checkout experience behaves correctly on your live site. Watch it through to the end, because the final steps are the difference between “looks good in the editor” and “actually takes payments in production.”