Display review widget next to price

Topic summary

A user wants to reposition their Klaviyo review widget to display horizontally next to the product price on desktop (currently stacked vertically). They’re using the Dawn theme on their Tanaskin website.

Proposed Solutions:

  • Wrap both the price and review widget HTML in a container div and apply display: flex; to align them on the same line
  • However, since Klaviyo reviews appear to be implemented as an app block, manual CSS modification may not be straightforward

Recommended Approach:

  • Contact Klaviyo support first to ask how to configure the widget layout, as they may offer built-in positioning options
  • If the app provides the widget as a block in the product page editor, changes would need to be made through the app’s settings or with their support team’s guidance

The discussion remains open with no confirmed resolution yet.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi there,

How can I display the Klaviyo review widget next to the price? For desktop I want it like this, for mobile, I’m not sure how it will look.

Currently it looks like this:

My website is www.taneraskin.com and I am using Dawn theme.

Thanks for your help!

Best regards,

Isabelle

Hello Isabelle,

You need to wrap both widget html and price html under a main div/container and then assign display:flex; to that main container.
In this way both price and review widget will be in the same line.
But I don’t think it’s easy because it seems you are using an app block for the widget. So I suggest first asking the klaviyo how to configure it manually or ask them for other options.

Thanks

Hello @isabellemaria , These review stars are from the third-party app - Klaviyo review widget. So simply you need to changes in your widget structure if they provide a widget to put this code and if they provide this from the block of section in the product’s page then you have to get the support of the app.

Best regards