Design Product Pages That Convert — Without Code
Mosaic Product Layouts makes it easy to create custom WooCommerce layouts that look and feel like your brand. Skip the standard grid and unlock creative freedom with flexible, drag-and-drop layouts built right into the WordPress block editor.
Whether showcasing featured products, product categories, or a single item, Mosaic Product Layouts helps bring unique product stories to life—no templates or coding required.
<h3 data-start="728" data-end="766">Why Choose Mosaic Product Layouts?</h3>
<ul data-start="768" data-end="1484">
<li data-start="768" data-end="920">
Build Visually, Not Just Functionally Design product grids and showcases with full control over layout and style—directly in the block editor.
</li>
<li data-start="922" data-end="1050">
Get Started Fast Use starter layouts and style presets as a foundation, then customize to match any brand or campaign.
</li>
<li data-start="1052" data-end="1187">
Customize Everything Adjust layout and style per product or category block, or reuse saved styles across pages and templates.
</li>
<li data-start="1189" data-end="1344">
Flexible Product Selection Display bestsellers, recent items, or handpicked products—individually or by category—with advanced filtering options.
</li>
<li data-start="1346" data-end="1484">
Boost Engagement Turn static listings into visually rich shopping experiences that encourage more clicks and higher conversions.
</li>
</ul>

<h3 data-start="1486" data-end="1505">What’s Included</h3>
Mosaic Product Layouts comes with four blocks built for creative flexibility:
<ul data-start="1586" data-end="1949">
<li data-start="1586" data-end="1668">
Products Layout – Build custom product grids with flexible item placement.
</li>
<li data-start="1669" data-end="1754">
Categories Layout – Showcase selected product categories with unique layouts.
</li>
<li data-start="1755" data-end="1844">
Single Product Layout – Highlight individual products with full creative control.
</li>
<li data-start="1845" data-end="1949">
WC Carousel – Nest products or categories in a swipeable carousel for mobile-friendly experiences.
</li>
</ul>
Lightweight, responsive, and built for modern WordPress standards, Mosaic Product Layouts works seamlessly with your favorite themes and plugins.
How to create a beautiful, catalog print-like layout for webpage with Mosaic Product Layouts

Mosaic Product Layouts

Create flexible, free-form, and creative layouts for WooCommerce products, product categories and single products.

<h2 style="color: #f5247d">Display targeted, high‑impact messages to new and returning visitors</h2>
WooCommerce Splash Popup lets you put the right message in front of the right shopper at the right time—without sending them to another page. Use any WordPress page as the popup content, target by visitor type (logged out, logged in, or customers), and throttle how often it appears so you inform without annoying. Great for promos, newsletter signups, shipping notices, or must‑see announcements.
<figure id="attachment_187464" aria-describedby="caption-attachment-187464" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-30-at-12.24.05.png"><img class="size-medium wp-image-187464" src="https://woocommerce.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-30-at-12.24.05-620x525.png" alt="Screen Shot 2013-04-30 at 12.24.05" width="620" height="525" /></a><figcaption id="caption-attachment-187464" class="wp-caption-text">Show users current offers as soon as they land on your site</figcaption></figure>
<section>
<h2 style="color: #f5247d">Target the right visitor with the right message</h2>
Use your existing WordPress pages as popup content and tailor what each visitor sees. 
Personalizing messages by audience makes promotions more relevant, reduces friction, and lifts key actions like signups and add to cart. 
You get clearer communication without sending shoppers to another page.
<ul>
<li>Logged out visitors: Welcome first‑timers with a clear value prop, a simple site intro, or a newsletter offer. 
Great for growing your list and guiding new shoppers to best sellers.</li>
<li>Logged in users: Share new arrivals, saved items, or account benefits. 
Nudge known visitors toward the next step instead of repeating generic promos.</li>
<li>Logged in customers: Reward loyalty with exclusive discounts, reorder prompts, or member‑only content. 
Encourage repeat purchases and higher lifetime value.</li>
</ul>
Because the popup pulls from WordPress pages, you can reuse layouts, forms, and shortcodes you already maintain. 
The result is faster setup, consistent branding, and higher engagement from messages that match each visitor’s intent.
</section>
<h2 style="color: #f5247d">Popular use cases for stores like yours</h2>
<ul>
<li>Highlight special offers: Announce flash sales, seasonal discounts, or free shipping promos the moment visitors land.</li>
<li>Grow your email list: Prompt first-time visitors to subscribe to your newsletter with a clear incentive like a coupon or exclusive content.</li>
<li>Promote new arrivals: Draw attention to fresh products or collections so they don’t get lost in a large catalog.</li>
<li>Share important updates: Inform customers about shipping delays, policy changes, or store hours right at entry.</li>
<li>Encourage account creation: Invite guests to sign up for an account to access perks like order tracking, rewards, or faster checkout.</li>
<li>Reward loyal customers: Show personalized thank-you messages or exclusive offers to returning buyers.</li>
<li>Drive urgency: Use limited-time countdowns to create FOMO and boost conversions on time-sensitive deals.</li>
<li>Promote events: Announce webinars, product launches, or in-store events that matter to your audience.</li>
</ul>
<div style="gap: 20px;flex-wrap: wrap;align-items: flex-start">
<div style="flex: 1;min-width: 300px">
<figure id="attachment_187469" aria-describedby="caption-attachment-187469" style="width: 620px" class="wp-caption aligncenter"><img class="size-medium wp-image-187469" src="https://woocommerce.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-30-at-12.49.42-620x384.png" alt="Or prompt visitors to sign up to your newsletter" width="620" height="384" /><figcaption id="caption-attachment-187469" class="wp-caption-text">
Or prompt visitors to sign up to your newsletter</figcaption></figure>
</div>
<div style="flex: 1;min-width: 300px">
<figure id="attachment_187465" aria-describedby="caption-attachment-187465" style="width: 620px" class="wp-caption aligncenter"><img class="size-medium wp-image-187465" src="https://woocommerce.com/wp-content/uploads/2013/04/Screen-Shot-2013-04-30-at-12.43.11-620x211.png" alt="The Splash Popup options" width="620" height="211" /><figcaption id="caption-attachment-187465" class="wp-caption-text">
The Splash Popup options</figcaption></figure>
</div>
</div>
When a visitor closes the popup, it won’t keep nagging them every time they come back. Instead, you can set how long to wait before showing it again. Whether that’s a few days, a couple of weeks, or longer. By default it’s 30 days, which strikes a balance between staying visible and avoiding annoyance. This way your messages feel timely and helpful, not pushy, and visitors stay focused on shopping instead of repeatedly dismissing the same popup.
Made by 
<a href="https://woocommerce.com/vendor/kestrel/" target="_blank" rel="noopener"> 
<img src="https://static.kestrelwp.com/kestrel-logo.png?s=0907853d562ff47bb52e13c82917dd290b80f12e" alt="Kestrel logo" width="200" height="45" /> 
</a>

Splash Popup

Alert people to latest offers, prompt them to sign up to newsletters or just deliver some important content to your visitors via popup.

Mosaic Product Layouts vs Splash Popup