Adding a Gumroad Buy Button

The Gumroad component allows you to add a "Buy" button for a single Gumroad product. Here's how to use it:
  1. If you haven't done so already, create a Gumroad account and add a product.

  2. Back at Gridbox Editor, drag and drop Gumroad component from Components Panel -> Integrations

  3. Change the button text if you want to. (Click on the button and click on </> icon from the blue highlighted toolbar -> change the text and save)

  4. Click on settings icon from highlighted toolbar wrapped around the selected button or open the properties panel from the left sidebar.

  5. Enter the Product URL of the Gumroad product you'd like to associate with this button (for example, https://gumroad.com/x/xxxxxx), which can be found under product share tab in Gumroad.

  6. Under share click on the Embed Tab, copy the the url inside <a href="...."></a>

Gumroad URL to copy

Demo

Adding Gumroad Buy Button