# Gumroad

Gumroad is an online platform for creators to sell their products directly to consumers. The platform is mostly intended for selling digital content like albums, ebooks, music, tutorials, and so on.&#x20;

Let's see how you can integrate Gumroad with Softr to start selling. When you create a product on Gumroad, it is assigned a unique link as shown below.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MP4mimbaA_LPx1G1nVs%2F-MP4qFeONSu8GtHcRcD6%2F1_b.png?alt=media\&token=e2a5d767-c27a-494b-ba9e-915366ec877c)

So, when creating a product on Softr, you just need to have a button (e.g. "Buy Now") that will open the corresponding Gumroad product link. In most of the cases, you'll be importing a list of products from Airtable. Let's assume you've created your app based on our e-commerce template (see how to create an app with template Airtable base [here](https://softr.gitbook.io/softr-documentation/integrations/payment-integrations/broken-reference)).&#x20;

Thus, you have your products along with their names, images, descriptions and so on. Also, each product has a **View Details** button, which is linked to the item details page. Let's modify the button to open the product's Gumroad page instead.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MP4mimbaA_LPx1G1nVs%2F-MP4tR_HMBLIWYWkQ45y%2F2.png?alt=media\&token=95e3ad71-239c-4711-9d19-58820994c05c)

To achieve that, you need to create a new field in your Airtable base, where each product's Gumroad link will be stored. So, let's add a new column and call it "Gumroad Link."

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MP4mimbaA_LPx1G1nVs%2F-MP4toge2A4Cw0Kx2_pj%2F3.png?alt=media\&token=27267e4a-dfdc-403a-ad3d-8c8c6f7282b0)

Now, in your product listing configuration, you need to scroll down to the **View Details** button, set the **Action** to **Open external url,** and set the Url to the "Gumroad Link" field.&#x20;

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2F7iHEpyJZsPhMx6fdh5Px%2Fgum-b.png?alt=media\&token=eb375694-7a02-4201-86ff-9c857913ae6c)

That's all. Now, when the users click on the **View Details** button on the product, they'll be taken to the product's Gumroad page.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MP4mimbaA_LPx1G1nVs%2F-MP4w5EWTd0GNM7KM5Dg%2F5.gif?alt=media\&token=43b01a44-fe8a-4d99-925e-7be39064e9b7)

You can also add the Gumroad link on the product details page or anywhere else the same way. You just need to set the button **Action** to **Open external Url** and set the corresponding Airtable field with product links.&#x20;

Alternatively, you can add the link directly if the product is a standalone item (e.g. you are using a [CTA button](https://softr.gitbook.io/softr-documentation/building-blocks/cta)), as shown in the example below.

![](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0NiyhsmXAcV5u1c6XK%2Fuploads%2FgZWZSG4WeSYWpa0KQZ90%2FScreen%20Recording%202022-05-12%20at%2021.41.23.gif?alt=media\&token=71152ee0-4591-41fc-afda-68f370bb1a52)
