Table of Contents
![How to use a Carrd button to trigger a Gumroad popup](https://cdn.feather.blog?src=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%3A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F0ed09555-213f-4b6d-8af5-fec024657d16%252Ff53592d5-aa82-4a81-ab64-83f2496bfb0f%252Fgumroad-popup.png%3Ftable%3Dblock%26id%3Da4153ccb-d890-4104-9371-d72eea530fdc%26cache%3Dv2&optimizer=image&quality=80&width=280)
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](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy-prod%2Fblock%2F82f2e9e6-58e5-4eba-8a76-6cbc90f7e3d4%2F0ed09555-213f-4b6d-8af5-fec024657d16%2Fcbf9b6b8-c110-443a-9f8d-24fd7a539733%2FUntitled.png&optimizer=image&quality=80&width=280)
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.
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy-prod%2Fblock%2F8306c34c-c5f4-4406-8699-650c71165562%2F0ed09555-213f-4b6d-8af5-fec024657d16%2F4db09f2a-0d78-4c9b-af79-ece9deed9bf1%2FUntitled.png&optimizer=image&quality=80&width=280)
- 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.
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy-prod%2Fblock%2F89c0956e-6734-4b91-9660-ee5325aa2b73%2F0ed09555-213f-4b6d-8af5-fec024657d16%2Fab56b86b-20da-42b2-87ad-b51f8ad361b0%2FUntitled.png&optimizer=image&quality=80&width=280)
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.