Register now, starts November 2nd - Turn any idea into reality in 5 weeks with our cohort-based course
No items found.

Selling digital goods with Carrd + Gumroad

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

Selling digital goods online - set up in 15 minutes. Landing page built with Carrd and then using Gumroad for payment and product delivery.  

(Inspired by Refactoring UI)

Create a landing page on Carrd

First set yourself up with a Carrd account (Makerpad members get 40% off with this deal). And select a blank canvas

We’re going to use the Refactoring UI website as inspiration for our site.

Set up your page with a white background, align center and up top.

Then add a container with width 70 and two columns. Set the alignment of the left column to ‘Left’ and the right column to Center. In the container apperance settings, set the contents alignment to center (vertically).

Add your heading and subheading text elements. Then add a form element.

We're using a Signup form and linking with Convertkit - you can follow the instructions on Carrd to do this.

Add an image on the right column.

The rest of the page is just basic styling which you can tweak how you wish.

I re-selected the page and changed the alignment to left so that the text in the second section would be left aligned. You can select containers to make them specifically center aligned. Adding two containers close togther, if you have them with background colours you will see a small gap between them. Make sure your top and bottom margins are on 0 instead of Auto.

For the Pricing section we use a list element and change the icon to checkmarks. For the FAQ section we use a Table element, remove the headings and style.

Set up your Gumroad product and link with your site

Sign up for Gumroad and go through the onboarding. Select your country and category. Now you can add a product - it's not recurring or anything so just select product.

Name it, price it and attach the file(s) you're selling - example: an ebook PDF. Then add a preview image and description as this is what will show on your 'checkout' page. You can also add a unique URL.

When editing you can preview what your page will look like. Copy the URL you created (and what shows when you preview) and head over to your Carrd site. Select the button in your pricing section and add the URL there.

You can add variants, discounts and license keys in your Gumroad product dashboard if applicable.

Publish your product! Once published, you'll be able to tweak the Gumroad button and add tags. Now you can add this button to your site - instead (or as well as) the custom button you created. You simply just add an embed element on the page, paste the code and you're done.

Publish the changes to your site and test it out - you'll see that both buttons work the same way.

And that's it - you're up and ready to sell your digital products in no time.

Selling digital goods online - set up in 15 minutes. Landing page built with Carrd and then using Gumroad for payment and product delivery.  

(Inspired by Refactoring UI)

Create a landing page on Carrd

First set yourself up with a Carrd account (Makerpad members get 40% off with this deal). And select a blank canvas

We’re going to use the Refactoring UI website as inspiration for our site.

Set up your page with a white background, align center and up top.

Then add a container with width 70 and two columns. Set the alignment of the left column to ‘Left’ and the right column to Center. In the container apperance settings, set the contents alignment to center (vertically).

Add your heading and subheading text elements. Then add a form element.

We're using a Signup form and linking with Convertkit - you can follow the instructions on Carrd to do this.

Add an image on the right column.

The rest of the page is just basic styling which you can tweak how you wish.

I re-selected the page and changed the alignment to left so that the text in the second section would be left aligned. You can select containers to make them specifically center aligned. Adding two containers close togther, if you have them with background colours you will see a small gap between them. Make sure your top and bottom margins are on 0 instead of Auto.

For the Pricing section we use a list element and change the icon to checkmarks. For the FAQ section we use a Table element, remove the headings and style.

Set up your Gumroad product and link with your site

Sign up for Gumroad and go through the onboarding. Select your country and category. Now you can add a product - it's not recurring or anything so just select product.

Name it, price it and attach the file(s) you're selling - example: an ebook PDF. Then add a preview image and description as this is what will show on your 'checkout' page. You can also add a unique URL.

When editing you can preview what your page will look like. Copy the URL you created (and what shows when you preview) and head over to your Carrd site. Select the button in your pricing section and add the URL there.

You can add variants, discounts and license keys in your Gumroad product dashboard if applicable.

Publish your product! Once published, you'll be able to tweak the Gumroad button and add tags. Now you can add this button to your site - instead (or as well as) the custom button you created. You simply just add an embed element on the page, paste the code and you're done.

Publish the changes to your site and test it out - you'll see that both buttons work the same way.

And that's it - you're up and ready to sell your digital products in no time.

Become a Pro member to access all content

240+ instructional videos led by professionals
Weekly expert workshops and replays
1-1 consultation with the Makerpad team
Over $50k in discounts for tools
Private peer community
Profile for tracking progress and sharing your work
Yearly pricing
$249/year
Start your 7 day free trial*
Get PRO Yearly
Lifetime pricing
$600billed once
Start your 7 day free trial*
Get PRO Lifetime

Selling digital goods online - set up in 15 minutes. Landing page built with Carrd and then using Gumroad for payment and product delivery.  

(Inspired by Refactoring UI)

Create a landing page on Carrd

First set yourself up with a Carrd account (Makerpad members get 40% off with this deal). And select a blank canvas

We’re going to use the Refactoring UI website as inspiration for our site.

Set up your page with a white background, align center and up top.

Then add a container with width 70 and two columns. Set the alignment of the left column to ‘Left’ and the right column to Center. In the container apperance settings, set the contents alignment to center (vertically).

Add your heading and subheading text elements. Then add a form element.

We're using a Signup form and linking with Convertkit - you can follow the instructions on Carrd to do this.

Add an image on the right column.

The rest of the page is just basic styling which you can tweak how you wish.

I re-selected the page and changed the alignment to left so that the text in the second section would be left aligned. You can select containers to make them specifically center aligned. Adding two containers close togther, if you have them with background colours you will see a small gap between them. Make sure your top and bottom margins are on 0 instead of Auto.

For the Pricing section we use a list element and change the icon to checkmarks. For the FAQ section we use a Table element, remove the headings and style.

Set up your Gumroad product and link with your site

Sign up for Gumroad and go through the onboarding. Select your country and category. Now you can add a product - it's not recurring or anything so just select product.

Name it, price it and attach the file(s) you're selling - example: an ebook PDF. Then add a preview image and description as this is what will show on your 'checkout' page. You can also add a unique URL.

When editing you can preview what your page will look like. Copy the URL you created (and what shows when you preview) and head over to your Carrd site. Select the button in your pricing section and add the URL there.

You can add variants, discounts and license keys in your Gumroad product dashboard if applicable.

Publish your product! Once published, you'll be able to tweak the Gumroad button and add tags. Now you can add this button to your site - instead (or as well as) the custom button you created. You simply just add an embed element on the page, paste the code and you're done.

Publish the changes to your site and test it out - you'll see that both buttons work the same way.

And that's it - you're up and ready to sell your digital products in no time.

Selling digital goods online - set up in 15 minutes. Landing page built with Carrd and then using Gumroad for payment and product delivery.  

(Inspired by Refactoring UI)

Create a landing page on Carrd

First set yourself up with a Carrd account (Makerpad members get 40% off with this deal). And select a blank canvas

We’re going to use the Refactoring UI website as inspiration for our site.

Set up your page with a white background, align center and up top.

Then add a container with width 70 and two columns. Set the alignment of the left column to ‘Left’ and the right column to Center. In the container apperance settings, set the contents alignment to center (vertically).

Add your heading and subheading text elements. Then add a form element.

We're using a Signup form and linking with Convertkit - you can follow the instructions on Carrd to do this.

Add an image on the right column.

The rest of the page is just basic styling which you can tweak how you wish.

I re-selected the page and changed the alignment to left so that the text in the second section would be left aligned. You can select containers to make them specifically center aligned. Adding two containers close togther, if you have them with background colours you will see a small gap between them. Make sure your top and bottom margins are on 0 instead of Auto.

For the Pricing section we use a list element and change the icon to checkmarks. For the FAQ section we use a Table element, remove the headings and style.

Set up your Gumroad product and link with your site

Sign up for Gumroad and go through the onboarding. Select your country and category. Now you can add a product - it's not recurring or anything so just select product.

Name it, price it and attach the file(s) you're selling - example: an ebook PDF. Then add a preview image and description as this is what will show on your 'checkout' page. You can also add a unique URL.

When editing you can preview what your page will look like. Copy the URL you created (and what shows when you preview) and head over to your Carrd site. Select the button in your pricing section and add the URL there.

You can add variants, discounts and license keys in your Gumroad product dashboard if applicable.

Publish your product! Once published, you'll be able to tweak the Gumroad button and add tags. Now you can add this button to your site - instead (or as well as) the custom button you created. You simply just add an embed element on the page, paste the code and you're done.

Publish the changes to your site and test it out - you'll see that both buttons work the same way.

And that's it - you're up and ready to sell your digital products in no time.

Selling digital goods online - set up in 15 minutes. Landing page built with Carrd and then using Gumroad for payment and product delivery.  

(Inspired by Refactoring UI)

Create a landing page on Carrd

First set yourself up with a Carrd account (Makerpad members get 40% off with this deal). And select a blank canvas

We’re going to use the Refactoring UI website as inspiration for our site.

Set up your page with a white background, align center and up top.

Then add a container with width 70 and two columns. Set the alignment of the left column to ‘Left’ and the right column to Center. In the container apperance settings, set the contents alignment to center (vertically).

Add your heading and subheading text elements. Then add a form element.

We're using a Signup form and linking with Convertkit - you can follow the instructions on Carrd to do this.

Add an image on the right column.

The rest of the page is just basic styling which you can tweak how you wish.

I re-selected the page and changed the alignment to left so that the text in the second section would be left aligned. You can select containers to make them specifically center aligned. Adding two containers close togther, if you have them with background colours you will see a small gap between them. Make sure your top and bottom margins are on 0 instead of Auto.

For the Pricing section we use a list element and change the icon to checkmarks. For the FAQ section we use a Table element, remove the headings and style.

Set up your Gumroad product and link with your site

Sign up for Gumroad and go through the onboarding. Select your country and category. Now you can add a product - it's not recurring or anything so just select product.

Name it, price it and attach the file(s) you're selling - example: an ebook PDF. Then add a preview image and description as this is what will show on your 'checkout' page. You can also add a unique URL.

When editing you can preview what your page will look like. Copy the URL you created (and what shows when you preview) and head over to your Carrd site. Select the button in your pricing section and add the URL there.

You can add variants, discounts and license keys in your Gumroad product dashboard if applicable.

Publish your product! Once published, you'll be able to tweak the Gumroad button and add tags. Now you can add this button to your site - instead (or as well as) the custom button you created. You simply just add an embed element on the page, paste the code and you're done.

Publish the changes to your site and test it out - you'll see that both buttons work the same way.

And that's it - you're up and ready to sell your digital products in no time.

Get help and discuss

Open community forum

Featured Live Course

No-Code Fundamentals: Getting started with no-code

Build a business, launch a side-project, or finally start that idea you've been sitting on, without writing code.
Learn more
Close

Sign up for our weekly updates

Get an update every Sunday with new content, news and a behind-the-scenes of what our community are building.
Join over 18,000 others
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.

Related Tutorials

view all ⭢