Adding Product Grids To Signals Emails

📘

Wunderkind's provided product grids rely on Klaviyo's HTML blocks and require custom coding. If configuring HTML/CSS isn't feasible for your team, follow the drag-and-drop setup outlined here.

Product Grid Data

The Wunderkind metrics which trigger your flows will populate the dynamic product grid data personalized for each recipient. See example JSON payloads here.

Product Grid Creative

Wunderkind will provide two HTML blocks in your Universal content library:

• Wunderkind Product Block
• Wunderkind Product Block - Stacking

Both blocks are configured with Content repeat settings that repeat the creative once for each product passed via the Wunderkind metric, enabling efficient iteration over all dynamic products within a single block. A multi-column setup allows each product's image and name to sit side-by-side, with the "Stacking" option giving each design element it's own row on mobile.

Product Grid QA

After building your Signals flows, preview emails against Wunderkind events using the instructions below:

• In a flow, click the vertical ellipsis button (:) on an email, then click Edit.
• Click Edit email.
• In the top right corner, click Preview & test.
• In Preview mode, the right panel allows you to preview your email design against profiles that have triggered the flow's metric and will display the expected product details as event properties.
• Once you've confirmed previews look good, exit preview mode.