Adding digital products to your site

Once you’ve created digital products, you can feature them anywhere on your site using the Products block, and you can fully customize how the product pages look and feel. This guide walks you through both.

Digital products let you sell offerings and services directly from your website. To use this feature, you’ll need to: 

• Be on a paid beehiiv plan (Scale or higher).
• Have a connected Stripe account for payment processing.

If you haven’t created your products yet, start here:

• Creating digital products to sell on your website
• Managing digital product orders in beehiiv

1. From your account dashboard, go to Website > Builder. 
    
2. Open the page where you want to feature digital products, or create a new one.
    
3. From the left toolbar, click the + icon to insert a new element. Under Synced, select the Products block and drag it onto the canvas.
   
   
   
4. In the Product Selection modal, choose which live products you want to display.

• Use the Search field or the filter dropdown to narrow by product type.
• Select your products, then click Save.

5. Your selected product(s) will appear on the canvas. Use the design panel on the right to customize the look of the product cards. In the screenshot below, under the Layout section, we adjusted the Columns to 2 from 3. 
   
   
   
6. Click Publish in the top-right corner of the builder. Then select:

• ‘This page only’ to publish the new changes to your product page template.
• Or, if you’ve been making multiple site edits and are ready to publish, select All pages.
• Then click Publish to live site to finalize.   

Pro Tip: At any time, you can switch over to the design panel to Chat mode and use AI prompts to make styling changes. For example, directing the AI to ‘Change the layout of the product cards to be 2 across’ achieves the same result as adjusting the Layout settings manually in step 7 above.

When someone clicks a digital product on your site, it opens a dedicated product page. You can customize the design of these product pages directly in the Website Builder.

1. In your account, go to Website > Builder. 
    
2. From the left toolbar, click the + icon to add an element. Under Dynamic pages, select Product. 
   
   
   
3. The product page template will load on the canvas. Click any element on the page to open its settings in the design panel on the right.

• Adjust layout, spacing, colors, and typography manually, or
• Switch to Chat mode to use AI prompts for faster styling updates.
  
  
  

4. When you're ready to publish your changes, click Publish in the top-right corner and choose:

• This page only to publish updates to the product page template, or
• All pages if you've made additional edits across your site.
• Click Publish to live site to finalize.   
  
  
  

5. Once published, every digital product on your site will open using the updated product page design.