In addition to adding product recommendations in your email and adding questions and answers to your follow-up email, you can use Klaviyo’s built-in customization settings to adjust the design of your email template.

Select the table block, then open the Styles tab. Under the column settings, you can add or remove columns from the table.

Adding padding creates space between the content and the edges of each table cell.

Select the table block, then open the Styles tab. Under Cell style, adjust the vertical padding to add space above and below the content, and the horizontal padding to add space on the left and right sides.

Select the table block, then open the Content tab. Under Cell selector, choose the cell you want to edit. Then select Text, Image, or HTML under Cell content.

This is useful if you want to display a product image above the product details within the same text area.

Before adding the image, make sure the table is set to Dynamic, with event.products entered as the Row collection and product entered as the Row alias. For the complete setup, refer to our guide on how to send product recommendations with Klaviyo emails.

Double-click inside the text area, then click the image icon in the formatting toolbar. In the Image URL field, enter:

{{ product.image }}

In the Alt text field, enter:

{{ product.title }}

Then click Apply.

To check how the image and product details will appear in the email, click Preview in the upper-right corner of the email editor.

Select the block you want to customize, then open the Styles tab. Click the + icon beside Block background color to expand the setting, then choose your preferred color.

Double-click inside the text cell, then select the text you want to edit. Use the formatting toolbar to change the font, size, style, color, and alignment.

Select the Buy Now text, then click the text color icon in the formatting toolbar and choose your preferred color.

To display the Buy Now link as a button, select the table block and open the Content tab. Under Cell selector, choose the cell containing the product details, then select HTML under Cell content.

Note: Changing the cell content type from Text to HTML replaces the existing content in that cell. The code below includes the product title, price, and Buy Now button so they continue to appear in the email.

Paste the following code into the HTML cell:

To change the font used for the product details and button, edit the following part of the code:

To change the button text color, edit:

To change the button background color, edit:

Replace the existing color codes with your preferred colors.

Using contrasting background colors can help the questions and answers section stand out and make it easier for customers to review their quiz responses.

Before adding the custom design, make sure the table is set to Dynamic, with event.answers as the Row collection and answer as the Row alias. For the complete setup, refer to our guide on how to send quiz questions and answers in Klaviyo emails.

Select the table block and open the Content tab. Under Cell selector, choose the cell containing the quiz questions and answers, then select HTML under Cell content.

Note: Changing the cell content type from Text to HTML replaces the existing content in that cell. The code below already includes the question and answer properties.

Paste the following code into the HTML cell:

To change the question background color, edit:

To change the answer background color, edit:

Replace the existing color codes with your preferred colors.

These are some of the ways you can customize your quiz results and follow-up emails in Klaviyo.