Styling Your Product
Adding a cover
Once you've uploaded your file, add a cover (or multiple covers) in the Edit tab. The cover is the first thing that people will see when they view your product. It's a great way to add visual personality to your product. Covers can be images, audio, or video. You can also link to a YouTube, SoundCloud or Vimeo URL, and we'll embed the corresponding player. You can upload as many covers as you like, or just stick with one. Customers will be able to navigate between them with arrow icons on the side of the cover.
Products with covers convert at more than 2 times the rate of products without them and video covers convert at 2 times the rate of images. Learn more about cover images here.
For a full run-down on cover images, please refer to this help center article.
Pull your brand from Twitter
An easy way to customize your product and profile page is to pull your existing brand from your Twitter profile. This will include the background image, and background and highlight colors from your twitter profile as well as your avatar and bio.
Note: You can always adjust your colors and update or remove the background image at any time. These changes will only affect your Gumroad products, and not your Twitter profile.
You can change your highlight and background colors from any of your product pages. Custom colors are applied to all of your products and your profile page. You can select a color from our menu, or use hex color codes. You can also upload a background image or video backgrounds. Learn more about image and video backgrounds here.
|Highlight color||"I want this!" button|
|Background color||Background of page|
Customizing your background
Add a background image or video to further personalize your product page. Do all of this using the menu on your products preview page, where you can see just what your customers see when they buy from you.
Recommended dimensions for backgrounds are 1200x800 pixels at 72dpi.
Note: Background images won't appear when using the Gumroad Overlay.
If you need more control over the design of your product page, you can include your own custom CSS. To add custom CSS to your Gumroad account that will be included on your profile, product, and download pages, visit the "Advanced" tab in your Settings. For a list of the most common CSS snippets, visit Common CSS Snippets for Creators.