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.

Grab some of these deals on Carrd tools and products

Carrd Black Friday Deals

View deals