Table of Contents

Gumroad has it’s own Widget in Carrd, where you can use an official branded button to trigger a Gumroad product popup/modal. But what if you want to use a normal Carrd button for this?

It’s easy to do, by adding one simple bit of code.
Hat tip to Jason's Plugins For Carrd for inspiration for this post.
How to use a Carrd button to trigger a Gumroad modal
To do this, follow these steps:
- Create an Embed element, set to Code, Hidden, Head.

- Copy and paste the following Gumroad script into the Code section:
<script src="https://gumroad.com/js/gumroad.js"></script>
- Add a Carrd Button element on the page
- Find the Gumroad URL of your product
- Paste the URL into the button’s URL field.

That’s it. Your Carrd button should now trigger the Gumroad popup modal.
Note: if you use this process to trigger a Gumroad popup on your site, it will trigger a popup on any other Gumroad link you put in the same site – even if it’s not a button.
We hope you liked this tutorial. Check out other Carrd tips & tricks.