> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Gumroad

> Creating a marketplace with 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.

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.

<Frame caption="Getting product URL">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/gumroad/image1.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=68b856905bcb262f2ce4bfdf616c1c78" alt="Getting product URL" width="1265" height="435" data-path="integrations/images/gumroad/image1.png" />
</Frame>

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](/5315870b0eb4473fb49dd13c97635d67)).

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.

<Frame caption="“View Details” button on a product">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/gumroad/image2.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=948fc6a03109e82cd280398bcff62686" alt="“View Details” button on a product" width="580" height="577" data-path="integrations/images/gumroad/image2.png" />
</Frame>

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.”

<Frame caption="Gumroad link in product list on Airtable">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/gumroad/image3.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=44db67b744685cb68207e34a49ba8ef0" alt="Gumroad link in product list on Airtable" width="729" height="361" data-path="integrations/images/gumroad/image3.png" />
</Frame>

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.

<Frame caption="Configuring the button click action">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/gumroad/image4.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=3905f689ff7870b85aa44f7a1bc0eef1" alt="Configuring the button click action" width="1026" height="958" data-path="integrations/images/gumroad/image4.png" />
</Frame>

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.

<Frame caption="Testing the Gumroad setup">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/gumroad/image5.gif?s=6f0eb1a1bc21a74cd7db5cf68ec8dfa9" alt="Testing the Gumroad setup" width="1347" height="663" data-path="integrations/images/gumroad/image5.gif" />
</Frame>

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.

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

<Frame caption="Add Gumroad link to Softr">
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/softr-2b8a27e1/integrations/images/gumroad/image6.gif" alt="Add Gumroad link to Softr" />
</Frame>
