Klaviyo’s product block lets you showcase personalised product recommendations in just a few clicks, but most brands barely scratch the surface. 

This guide shows you how to set up, customise, and optimise product blocks to drive higher click-through rates and repeat purchases across flows and campaigns.

Understand the Klaviyo Product Block

Quickly learn the differences between static and dynamic product blocks and when to use each.

What Is a Klaviyo Product Block?

Klaviyo’s product block lets you showcase products directly in your emails using synced catalogue data. You can build:

• Static blocks: Manually select products for full creative control

• Dynamic blocks: Auto-populate product recommendations from your catalogue

Used properly, they can significantly boost click-through rates and conversions.

Static vs Dynamic Blocks

When to Use Each Type

Use Dynamic Blocks for:

• Personalised flows at scale (e.g. abandoned cart, post-purchase)

• Auto-recommended products based on behaviour

• Campaigns that adapt to changing inventory

• Saving time on product selections

Use Static Blocks for:

• Curated product bundles or limited launches

• Full control over layout and product order

• Brand campaigns with consistent messaging

• Specific product pushes or promotions

Check out our blog on Klaviyo Cross Sell Flow: 6 Proven Ways to Increase Order Value for real use cases and setup tips.

How to Add a Product Block to a Klaviyo Email

Follow these simple steps to insert a product block into your email and get it up and running quickly.

Step-by-Step Setup in the Email Editor

1. Open a campaign or a flow email

   • Head to Campaigns or Flows in your Klaviyo dashboard.

   • Click Edit Email and open the Drag & Drop Editor.

     
     

2. Drag the Product Block

   • From the left sidebar, drag the Product block into your email layout.

     
     

3. Choose Block Type: Static or Dynamic

   • Toggle between:

     • Manually select products (static)

     • Automatically show recommended products (dynamic)
       
       

4. Configure Dynamic Block Settings. If dynamic, select:

   • Product feed source (e.g. Shopify, WooCommerce)

   • Recommendation type:

     • “Popular Products”

     • “Recently Viewed”

     • “Also Bought”

     • “Catalog best sellers”

Source: Klaviyo

5. Adjust Display Settings

   • Choose how many products to show (1–4)

   • Toggle Image, Title, Price, and CTA button

   • Change button label (e.g. “Shop Now” or “Add to Cart”)
     
     

6. Preview & Test

   • Use Klaviyo’s Preview and Send Test Email features to check how your block renders across desktop and mobile.

Tips for Smooth Setup

• Ensure your product feed is synced via integrations like Shopify x Klaviyo or WooCommerce.

• Use dynamic blocks in flows to personalise based on behaviour and save setup time.

• Use static blocks in newsletters to spotlight curated offers, launches, or featured collections.

Customise the Layout and Styling

Make your product blocks feel native to your brand with easy visual adjustments while working around Klaviyo's built-in limits.

Editable Styling Options in Klaviyo

Within Klaviyo’s Email Editor, you can customise basic design elements of a product block:

• Number of products displayed: Choose 1–4 products per block

• Spacing & padding: Adjust spacing between images and margins

• Text options: Set product title font, price visibility, and alignment

• Button style: Customise button colour, text, and size. You can also set button alignment (left, centre, right) and apply a rounded or squared button style using Klaviyo’s style panel for buttons.

  
  

Note: Google Fonts are not natively supported in product blocks. Only default web-safe fonts apply unless custom code is added in a separate section or template.

Limitations to Be Aware Of

While easy to use, the Klaviyo product block comes with some key restrictions:

• Only the main product image is supported: Variant-level images (e.g. colour swatches) are not shown.

• Fixed layout: Grid-based format only. You can't move elements freely or apply custom HTML/CSS.

• No control over product description text: Product title and price are the only editable data pulled from your catalogue.

Smart Workarounds for Advanced Styling

If you need more flexibility for hero layouts or storytelling formats, try these alternatives:

• Image + Text Blocks: Use static image blocks with manual links and text to control layout fully.

• Manual Product Tags: Tag selected products in your catalogue and display them in static or dynamic blocks to maintain brand curation.

  
  

Source: Klaviyo

For more advanced control, check out: Klaviyo Dynamic Content: Unlock 3x Engagement

Personalise Product Blocks with Data

Turn your product blocks from generic displays into tailored recommendation engines by layering segmentation, predictive data, and behavioural triggers.

Use Predictive Analytics to Guide Recommendations

Klaviyo’s predictive data properties unlock smarter product targeting in both flows and campaigns:

• Predicted Gender: Use predictive_gender to tailor product suggestions (e.g. men's vs women’s collections).
  Note: predictive_gender is not available for all profiles—it’s estimated using name and behaviour. You can preview this field under “Predictive Analytics” in the profile panel.

  
  

Source: Klaviyo

• Expected Next Order Date: Use expected_next_order_date to suggest timely replenishments.
  Example: Trigger a refill reminder with dynamic product blocks 3 days before a customer’s projected reorder date.

  
  

• Category Affinity Segments: Build segments based on past browse/purchase behaviour (e.g. customers who frequently buy from “Skin Care”). Combine this with static product blocks to serve curated offers.

Learn how to leverage this in campaigns with our guide:  Mastering Klaviyo DTC Reporting & Analytics

Filter Recommendations Using Real Behaviour

For more real-time personalisation, use event data to influence the feed logic:

• Viewed Product / Added to Cart Events:  Personalise dynamic blocks using recent engagement data.
  Example: Push follow-up emails that recommend products similar to what they viewed but didn’t purchase.
  
  

• Exclude Previously Purchased SKUs:  Avoid irrelevant recs by excluding products already bought. You can exclude past purchases in flows using Klaviyo’s product feed filters or profile tags. For example:

  • Use the “Exclude if product ID is in X” field in a product feed

  • Tag purchased SKUs to the profile and exclude in dynamic logic

For setup tips, explore: 8 Essential Klaviyo Flows to Boost Customer Loyalty

Use Product Blocks in High-Impact Flows

Drive repeat sales and higher AOV by placing product blocks where buying intent is strongest—inside your automated email flows.

Best Flow Use Cases

Dynamic product blocks shine in flows where timing and personalisation are key. Here’s how to apply them across the core automations:

1. Post-Purchase Flow

Recommend refills, upgrades, or complementary products after a purchase.

• Example: Bought a cleanser? Suggest a toner and moisturiser from the same routine.

• Logic: Use Also Bought or Category-based product feeds.

2. Abandoned Cart Flow

Show the exact item left behind and suggest relevant add-ons.

• Example: Abandoned a jacket? Recommend a waterproof spray or matching scarf.

• Logic: Use the Added to Cart event or custom product ID logic from Shopify/WooCommerce.

3. Browse Abandonment Flow

Re-engage window shoppers with similar or upgraded options.

• Example: Browsed iPhone 15? Suggest higher storage options or cases.

• Logic: Use Viewed Product logic with fallback to category bestsellers.

4. Winback Flow

Remind lapsed customers with relevant bundles or new arrivals based on past behaviour.

• Example: Last purchase was protein powder? Recommend new flavours or stack bundles.

• Logic: Use Last Ordered Collection or Category Affinity Segments via Klaviyo's predictive analytics.

Section 6: Optimise and Test for Better Performance

A/B Test Variables to Run

Refine your product block strategy with structured A/B tests. Klaviyo’s A/B testing tools (both campaign and flow-level) are ideal for this purpose:

• Static vs. Dynamic Blocks – Compare manual selections vs algorithm-powered recommendations.

• Number of Products Displayed – Test 1 vs 3 items to evaluate visual appeal and CTR.

• CTA Button Text – Experiment with “Shop Now” vs. “Recommended for You” or “Explore More”.

• Send Timing – For flows, test delays like Day 1 vs Day 5 post-purchase, or 1 hr vs 6 hr for cart abandonment

Key Metrics to Track

Measure your tests using Klaviyo’s Analytics dashboard—focus on:

• Click‑Through Rate (CTR) – Gauge initial engagement.

• Conversion Rate – Measure actual purchases.

• Revenue Per Recipient (RPR) – Determine overall financial impact.

• Unsubscribe or Spam Complaint Rates – Ensure the experience isn’t intrusive.

Klaviyo benchmarks suggest personalised product block emails can lift CTR by 10–18% over generic sends.

Benchmarks & Insights

Klaviyo’s own “A/B testing best practices” guide emphasises testing single variables at a time and using strong sample sizes for reliable insights

Need help defining what success looks like? Our guide on Email Marketing Conversion Rate: What’s Good & How to Improve It breaks down industry benchmarks and optimisation tips for product-centric campaigns.

Troubleshoot Product Block Issues

Quickly diagnose and fix common issues affecting product visibility, layout, or logic.

Klaviyo Product Block Troubleshooting Checklist

1. Product Feed Sync

• Go to Content → Products → Feeds and ensure your product catalog is syncing without errors.

• If products are outdated or missing, click Re-Sync Catalog. Shopify syncs every 1–6 hours by default.

2. Product Visibility

• Confirm the product is in stock, published to the Online Store sales channel (Shopify), and included in your synced catalog.

• Check that each product has:

  • A main image

  • A product title

3. Block Settings

• In dynamic blocks, avoid overfiltering (e.g. combining too many conditions may exclude all products).

• Static blocks reference live, published products

• Product recommendation logic includes eligible SKUs

4. Layout and Rendering

Native product blocks only use:

• Main image

• Product title

• Price (optional toggle) 

• Description fields are not shown.

• Templates display correctly with fewer products

• Avoid long or missing product titles

• Test rendering with different devices and clients using Klaviyo’s preview and Litmus integration if enabled.

5. Relevance and Duplicates

• Use the "Exclude previously purchased products" toggle in dynamic feeds when available.

6. Platform-Specific Fixes

Shopify

• Go to Integrations → Shopify → Re-Sync Catalog

• Make sure products are:

  • Published to the Online Store

  • Set to Active

  • Have a product title and image

WooCommerce

• Confirm Klaviyo plugin is passing product metadata correctly

• Ensure products are:

  • Not hidden or private

  • Showing SKU, image, and description

• Use plugins like WooCommerce Custom Product Tabs if data is missing

• Go to WooCommerce → Settings → Integration to verify metadata sync

7. Final Testing

• Use Preview > Select Profile to test dynamic product blocks with real customer data.

• Always send test emails to check formatting across devices.

If you’re working across platforms like Shopify or WooCommerce, use our Klaviyo WooCommerce Integration Guide to confirm your catalog sync is set up properly.

Make Product Blocks Mobile-Friendly

With over 65% of emails opened on mobile (Klaviyo benchmark), optimising your product blocks for smaller screens is critical to avoid low engagement and unsubscribes.

1. Limit Visual Clutter

• Show 1–2 products per block to keep layouts clean on mobile.

• Use short product names (under 50 characters) to prevent text wrapping.

• Keep descriptions brief so CTAs stay above the fold.

2. Follow a Clear Visual Hierarchy

• Ensure each product displays in this order:  Image → Title → Price → CTA

• Use consistent image aspect ratios (square or 4:5) for better alignment.

3. Preview Across Devices

• Use Klaviyo’s Preview & Test tool to see mobile vs desktop layouts.

• Send test emails and check on iOS and Android for:
  
  

  • Image scaling

  • Tap-friendly button size

  • Text truncation or wrapping

4. Optional: Mobile-Targeted Variants

• While Klaviyo doesn’t support native device targeting, you can:
  
  

  • Use segments based on device data (if available).

  • Build dynamic blocks with conditional filters for mobile vs desktop behaviours (e.g. open device or screen size in past events).

Future-Proof with Product Block Alternatives

If Klaviyo’s built-in product blocks limit your layout or branding needs, consider using flexible alternatives that still pull product data—while giving you full control over design.

1. Custom Layout Alternatives

• Image + Text Blocks: Use standard Klaviyo image and text blocks to build curated product showcases with full editorial styling.

• Liquid + Dynamic Tags (Advanced): Pull product data using event.extra.line_items in flows or insert variables like {{ item.product.title }} in campaigns that support dynamic content.

For a deeper dive into using liquid for custom logic and dynamic blocks, explore our full Klaviyo Dynamic Content guide.

2. When to Use Alternatives

• You need to preview multiple product variants (e.g. colour swatches, size).

• You want to build bundled offers or gift sets with bespoke copy.

• You require design freedom beyond Klaviyo’s template structure.

• You want to implement fully stylised layouts that match brand guidelines or campaigns.

If you’re building out personalised flows or email logic using deeper profile-level data, see our article on Klaviyo Custom Properties to unlock more flexibility in product presentations.

FAQs

1. Can I show out-of-stock products in Klaviyo product blocks?

• No. By default, dynamic product blocks only display products currently in stock in your e-commerce platform (Shopify, WooCommerce). If you're using static blocks, you’ll need to remove out-of-stock products to avoid user frustration.

2. How do I exclude certain products or categories from a dynamic block?

• Use filters in the dynamic block editor (e.g. “Category is not equal to Accessories”). For Shopify or WooCommerce, make sure these product tags or categories are synced correctly with your catalogue.

3. Can I include product variants (like size or colour) in Klaviyo product blocks?

• No, variant images or dropdowns aren’t supported in native blocks. If needed, you can build custom layouts using image + text blocks and link directly to product variant URLs from your site.

4. Do product blocks support multi-language or currency setups?

• Not natively. You’ll need to use dynamic content logic or create separate flows per locale. Klaviyo doesn't automatically localise pricing or product language without manual segmentation or custom feeds.

5. Are product blocks available for SMS or mobile push in Klaviyo?

• No. Product blocks are email-only. For SMS or push, you’ll need to manually insert product links and short descriptions, or use Klaviyo’s integration with product feeds to insert metadata via custom event properties.

Conclusion

Klaviyo product blocks can do more than just fill space—they can turn casual browsers into loyal buyers. But if you’re only using the default settings, you're missing out. 

By tailoring each block to the customer, testing different layouts, and ensuring everything works on mobile, you’ll see higher clicks and more repeat sales. 

Whether you're a beginner or a pro, using product blocks well means combining strategy, data, and design. And if it still feels confusing, we can help.

Key Takeaways

• Dynamic vs Static Matters: Use dynamic blocks in flows for behaviour-driven personalisation; static blocks work best for curated campaigns.

• Keep It Mobile-Friendly: Limit mobile layouts to 1–2 products and test across iOS and Android to avoid design issues.

• Personalise with Data: Leverage Klaviyo’s predictive analytics and event data to show the right products at the right time.

• Test to Improve: A/B test product count, CTA buttons, and layout types to find what drives the most clicks and conversions.

• Fix Common Issues Fast: Sync your product feed, check inventory visibility, and use the right filters to prevent blank or broken blocks.

• Go Beyond the Default: Use image + text layouts or custom code if you want full design freedom or need to showcase bundles and variants.

Struggling to make your Klaviyo product blocks convert?

Learn how to personalise, test, and display the right products to the right segments—without breaking your design. Click here to book a free audit with our Klaviyo experts.