Gumroad has helped millions of independent creators sell digital products directly to their audiences since 2011. It is straightforward, creator-friendly, and requires no technical background to get started. For Showit users who want to add a digital storefront to their website without building one from scratch, Gumroad is one of the most practical options available.
The combination works because each platform does what the other cannot. Showit gives you complete creative control over your website design, while Gumroad handles secure payments, automatic file delivery, and customer management. Together, they let you run a polished digital product business without needing a developer or an expensive all-in-one platform.
This guide walks you through setting up Gumroad, generating your product links and embed code, and placing everything inside your Showit website.
Why Use Gumroad with Showit?
Gumroad has built a strong reputation among creators for its simplicity and reliability. According to Gumroad’s creator documentation, the platform supports selling digital files, physical products, memberships, and subscriptions, with automatic delivery and globally compliant payment processing.
For Showit users, the appeal is clear. You do not need to rebuild your website around a new platform. You keep your Showit design exactly as it is, add Gumroad buy buttons or overlay widgets to your pages, and let Gumroad handle everything after the click.
This is especially useful for photographers selling preset packs, designers selling brand templates, coaches selling PDF workbooks, and educators selling mini-courses or guides.
If you are exploring ways to sell digital goods through your site, the resource on how to set up a shop on Showit gives you a strong foundation before you add any payment tool.
Step 1: Create and Configure Your Gumroad Account
Go to gumroad.com and create a free account. You will need to verify your email and connect a payout method. Gumroad pays out via bank transfer or PayPal, depending on your location.
Once your account is active, complete your profile. Add a profile photo, a short bio, and a cover image. Gumroad’s own storefront will carry your branding, but more importantly, completing your profile builds trust with buyers who click through from your Showit site to the Gumroad checkout page.
Connecting Your Payout Details
Before listing any products, go to Settings and connect your bank account or PayPal. Gumroad holds payouts briefly when your account is new and then moves to a weekly payout schedule as your account matures.
Step 2: Add Your First Product
Inside the Gumroad dashboard, click the plus icon to create a new product. You will choose between a digital product, physical product, membership, or bundle.
For most Showit users, digital product is the right choice. You will name the product, set a price, write a description, and upload your file.
Product Settings Worth Configuring
After creating the basic product, explore these settings before generating your embed code.
Summary and description. The product description appears on Gumroad’s hosted checkout page. Write a compelling, benefit-led summary that clearly explains what buyers receive and what problem it solves for them.
Preview content. Upload a cover image, a preview PDF, or a sample video. Buyers are more likely to purchase when they can see a preview of what they are getting.
Custom receipt. Gumroad lets you customize the receipt email buyers receive after purchase. Add a personal note, instructions for using the product, or a discount code for their next purchase.
Call to action. In the product settings, you can set a custom button label and a redirect URL for after purchase. Redirect buyers to a thank-you page on your Showit site to keep them engaged with your brand.
Step 3: Get Your Gumroad Product Link or Embed Code
Gumroad offers two main ways to connect a product to your Showit website: a direct product link and an overlay widget.
Direct Product Link
Every Gumroad product has a unique URL. You can find it on the product’s Share page. Copy this link and use it as the href on any button, text, or image in your Showit canvas.
This is the simplest approach and works immediately without any additional setup. When visitors click the button on your Showit page, they are taken to your Gumroad checkout page to complete the purchase.
Gumroad Overlay Widget
The overlay widget is a more polished option. It opens a Gumroad checkout modal directly on top of your Showit page, so buyers complete the purchase without navigating away from your site.
To enable the overlay, Gumroad requires you to add a small JavaScript embed script to your site’s header. The script is available in your Gumroad product’s Share tab.
You will also need to add the class gumroad-button to the button or link element you create. When a visitor clicks a link with this class, the Gumroad overlay opens instead of redirecting to a new page.
Step 4: Add Gumroad to Your Showit Website
Adding the Gumroad Script to Showit’s Header
Open your Showit editor and navigate to Site Settings. Look for the Custom Code or Header Code section. Paste the Gumroad overlay script here.
The script is a single line that loads Gumroad’s overlay functionality. After pasting it, save and publish your Showit site. The script will be active on every page.
Adding a Buy Button to a Showit Page
Open the page where you want to place your product. If you are using a direct link, add a Button element to the canvas, type your desired label, and set the button’s URL to your Gumroad product link. Style it to match your brand colors and typography.
If you want the overlay checkout, add an Embed element to your Showit canvas. Inside the embed code field, paste an anchor tag that uses the gumroad-button class and your product URL as the href. For example, a clean anchor tag pointing to your Gumroad product with the correct class will trigger the overlay when clicked.
After adding the element, adjust its position and surrounding layout within Showit to match your page design. Showit’s canvas gives you complete control over spacing, alignment, and visual hierarchy.
Designing a Product Showcase in Showit
Rather than placing a bare buy button on an existing page, consider building a dedicated product page in Showit. Use sections for the product headline, a visual preview, key benefits, testimonials, and a prominent buy button.
Showit’s design flexibility means you are not constrained by any template layout. You can use full-width images, overlapping text blocks, and custom color sections to create a product page that looks as premium as the product itself.
For guidance on building high-converting pages, the article on high-converting sales pages on Showit covers the structural and design principles that drive results.
Step 5: Test the Complete Purchase Flow
Before sending traffic to your new product page, complete a full test transaction. Gumroad allows you to purchase your own products at a price of zero during testing. Use a real email address so you can verify the delivery email arrives and the download link works correctly.
Also check the mobile experience. Open your Showit site on a mobile device and tap the buy button to confirm the overlay or redirect works as expected. The mobile optimization guide for Showit explains how to review and refine the mobile canvas if adjustments are needed.
Selling Multiple Products with Gumroad on Showit
If you sell more than one digital product, you have a few options for organizing them on your Showit site.
Individual Product Pages
Create a separate Showit page for each product. This lets you write unique, detailed content for every offer, optimized specifically for that product’s audience and search intent. Link to each product page from your main navigation, a shop overview page, or your blog posts.
A Shop Overview Page
Build a grid or card-style overview page in Showit that showcases all your products with a thumbnail, short description, and price. Each card links to either the individual product page or directly to the Gumroad checkout. This approach works well when you have a growing catalog.
Gumroad’s Hosted Store as a Fallback
Gumroad also provides you with a hosted storefront at a gumroad.com subdomain. While this should not replace your Showit product pages, it can serve as a useful backup link or a place to send buyers who discovered your Gumroad profile independently.
Optimizing Your Gumroad and Showit Setup for More Sales
Price Anchoring
Gumroad supports pay-what-you-want pricing with a minimum floor. This model is proven to increase both conversions and average order values for certain product types. Consider testing it for entry-level products or community-priced resources.
Discount Codes
Create time-limited discount codes in Gumroad and display them on your Showit page alongside a countdown timer. This creates urgency without requiring a full promotional campaign. The guide on countdown timers in Showit shows how to add a timer to any page.
Email List Integration
Gumroad integrates with email platforms including Mailchimp and ConvertKit. When configured, every buyer is automatically added to a specific list or tag in your email tool. This allows you to build a buyer-specific sequence that delivers onboarding content, usage tips, and future product announcements automatically.
If you use ConvertKit or Flodesk with your Showit site, the setup guides for adding a ConvertKit form to Showit and adding a Flodesk form to Showit will help you keep your entire marketing system connected.
Use Gumroad’s Analytics
Inside your Gumroad dashboard, the Analytics tab shows views, conversions, and revenue over time. If you are driving traffic to a product page but not seeing purchases, low conversion rates point to a page design or copy issue rather than a traffic problem. Use this data to prioritize which pages to improve on your Showit site.
Gumroad Fees: What Creators Pay
Gumroad updated its pricing model in 2023 to a flat ten percent transaction fee with no monthly subscription. This means there is zero upfront cost to get started, and Gumroad takes a cut only when you make a sale.
For creators just starting out, this model is very accessible. As your volume grows and the ten percent fee becomes significant, it may be worth comparing other platforms. But for early-stage product businesses, Gumroad’s simplicity and zero monthly cost make it one of the most practical entry points.
Always verify current fees on Gumroad’s pricing page before making a final decision.
Common Problems and Solutions
The Overlay Widget Is Not Working
If the Gumroad overlay is not appearing when visitors click your button, confirm that the script is correctly saved in your Showit header code settings and that you have published the site after making changes. Scripts added to Showit’s header only take effect after publishing.
Also check that the link or embed uses the exact class gumroad-button with no typos, and that the href is a valid Gumroad product URL.
My Product Page Looks Different on Mobile
Showit’s desktop and mobile canvases are edited separately. If your product page looks great on desktop but cluttered on mobile, open the mobile canvas in the Showit editor and adjust the layout, font sizes, and spacing specifically for that view.
Buyers Are Complaining About Not Receiving Files
Check that the file upload in your Gumroad product settings completed successfully. Gumroad displays the file size and name after a successful upload. If the upload failed, re-upload the file and test again. Remind buyers to check their spam folder for the delivery email.
Final Thoughts
Gumroad and Showit complement each other in a way that makes selling digital products genuinely accessible for independent creators. Showit gives you the beautiful, branded storefront your work deserves, and Gumroad handles the back-end complexity of payments and delivery.
Get one product live, test the full purchase flow, and then invest time in refining your Showit product page design. The better your page communicates the value of what you are selling, the more Gumroad’s simple checkout will convert.
For professional help designing a Showit product page or full shop, GetPerfectWebsite’s custom Showit website development service can build you a selling experience that matches your brand at every step.
FAQ
Is Gumroad free to use with Showit?
Yes. Gumroad charges no monthly fee. It takes a flat ten percent of every sale you make, which means you pay nothing until you earn something.
Can I embed multiple Gumroad products on one Showit page?
Yes. You can add multiple buy buttons or overlay links on a single Showit page, each pointing to a different Gumroad product URL. Design each section with a clear visual hierarchy so buyers can distinguish between products easily.
Does Gumroad handle sales tax for international buyers?
Yes. Gumroad collects and remits VAT and sales tax where legally required. This includes most major markets in Europe, Australia, and parts of the US. Check Gumroad’s tax documentation for a full list of supported jurisdictions.
Can I sell memberships or subscriptions through Gumroad on Showit?
Yes. Gumroad supports membership products with monthly or annual billing. Set up a membership product in Gumroad and embed the checkout link on your Showit membership or community page.
What happens if I need to update the file after customers have purchased?
Upload the new file in your Gumroad product settings. Future buyers will receive the updated file. Existing buyers can be notified through Gumroad’s customer messaging tool, and you can provide them with a new download link.
