How to use a Carrd button to trigger a Gumroad popup

The Gumroad Widget in Carrd provides an official branded button to trigger a Gumroad product popup/modal, but what if you want to use a normal Carrd button for this?

How to use a Carrd button to trigger a Gumroad popup
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?
notion image
 
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:
  1. Create an Embed element, set to Code, Hidden, Head.
    1. notion image
  1. Copy and paste the following Gumroad script into the Code section:
    1. <script src="https://gumroad.com/js/gumroad.js"></script>
  1. Add a Carrd Button element on the page
  1. Find the Gumroad URL of your product
  1. Paste the URL into the button’s URL field.
    1. notion image
 
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.
We hope you liked this tutorial. Check out other Carrd tips & tricks.

We send weekly, very short emails featuring Carrd resource links

Join the Starrt mailing list

Subscribe