Skip to main content
Contributor I
December 1, 2020
Solved

How to display product regular price and discounted price in the product block in Klaviyo?

  • December 1, 2020
  • 38 replies
  • 16803 views

Hello,

In my email content in Klaviyo, I added a product block into the email. Right now i can link the products either from the feed or from the catalog. It shows the products ok with only 1 product price. I would like it to show 2 product prices, one is for regular price with a strike across it and the second one is the discounted price . I canโ€™t seem to figure this out or if Klaviyo even support it. Anyone here know how to do this or if you know this is even possible in Klaviyo?

ย 

Thanks

ย 

    This topic has been closed for replies.
    Best answer by David To

    Helloย @Oyivalk,ย @Drewsephย andย @LeightonSย ,ย 

    At present, Klaviyoโ€™s product block does not support displaying more than one price, such as a productโ€™s original price and its current sales price. As mentioned by @Julia.LiMarziย in this thread, the most common work around to this would be manually updating the price of the native product block to reflect the productโ€™s sales price or adding a column block under the product block to manually display a secondary price. A YouTube video posted recently that highlighted how to put this strategy into action can be found here: https://www.youtube.com/watch?v=VMjrJ193iJ8&t=154sย 

    If you are code-savvy, an additional solution available would be using a series of Django tags and Klaviyoโ€™s Catalog Lookup function to custom code your own product block. Through using a Text block, you can custom code and simulate a native Klaviyo product block off your own design to reference any of your productโ€™s properties including a regular and sales price field. Some resources I would suggest using to build this are the Django Documentation, Overview of the Catalog Lookup Tag, and Template Tags and Variable Syntax Help Center articles. You may also want to work with your template designer or finding one from one of our many partner agencies to further help you custom build this function.

    As another note, if you wanted to display a sales price in addition to a productโ€™s regular price within a flow email which utilizes a dynamic table block; I would suggest reviewing if these two properties are being synced from the event used to trigger your flow. If both a sales price and the regular price are being shared, you can dynamically reference the variable tags for these properties to display within your emails. Hereโ€™s some refreshers on using and customizing dynamic table blocks:ย 

    This would further allow you to use the suggestion mentioned by @Paul Sย of using a strike through for your regular price tag <s> {{ whatever the price tag is }} <s> followed by including the tag to reference your sales price next to it or below it.

    Since this threads surrounds an interest in highlighting a price drop, in case you may have missed Klaviyoโ€™s most recent KPE event, Iโ€™ve included a summary of the event below. I bring this up because one of the exciting new feature releases during this event was a Price Drop Flow Trigger!

    Thank you for being Klaviyo Community members!

    David

    38 replies

    Klaviyo Employee
    December 1, 2020

    Hi @helidirect, so you should be able to achieve that functionality in the platform. If you want to have the original price crossed out, you would want to insert into your product block the piece in red belowย  (note that you should use the correct item and not โ€œwhatever the price tag isโ€) in the correct section of the product block. That should allow you to display a crossed out version of the original price.

    ย 

    <s> {{ whatever the price tag is }} <s>ย 

    ย 

    Youโ€™ll then also want to make sure that youโ€™re displaying the sale price as well. See if you can get that to work as the above should allow you to display a crossed out regular price but let us know how that goes!

    Contributor I
    December 2, 2020

    Hi Paul,

    ย 

    Thanks for the reply, but I still dont get how I would insert that piece of information in the product block. I attached here the picture of the product block. It has the product name, price and button on the left. Where do I insert the โ€œ<s> {{ whatever the price tag is }} <s> โ€œ into? In the Product Price input ? Also the info โ€œ<s> {{ whatever the price tag is }} <s> โ€œ means something like โ€œ<s>$100<s> ??? Could you give me more clearer instruction and some example?ย 

    ย 

    Thanks

    Contributor I
    December 2, 2020

    Sorry, forgot mention the screenshot. Here is the screenshot of the product block

    ย 

    https://cdn.shopify.com/s/files/1/0087/9050/7597/files/2020-12-01_22-21-31.jpg?v=1606879684

    Klaviyo Employee
    December 2, 2020

    Thanks for providing that screenshot @helidirect. What that image made me realize was I was referring to something different,ย so apologies on my end as I thought the ask was in reference to a dynamic product block. This is the block that is present in a flow like the Abandoned cart flow which shows the item that was abandoned. In a case like that,ย you can set up to strikethrough a price and reflect the sale price.

    When it comes to achieving this same functionality from the product block where you are pulling products in from your catalog, unfortunately what you are trying to achieve is not a possibility at this time so it would be best to either omit the price or use the price indicated from the catalog source.

    Julia.LiMarzi
    Klaviyo Employee
    Klaviyo Employee
    December 2, 2020

    @helidirectย yeah unfortunately you wonโ€™t be able to show comparative pricing within a product block, however, there is a potential workaround you could try since you seem to be manually selecting products (this wonโ€™t workย for a feed pulling dynamically from catalog).ย 

    You can remove the price entirely from the block, and then use columns to add text below the product images that align with your products. There you can type in the price and the sales price. This isnโ€™t ideal if you plan to change your sales price frequently, but could be an option if this will be the sales price for some time. Then you can drag in buttons to the columns and link to the correct products youโ€™ve selected.

    ย 

    -Julia
    Contributor II
    February 9, 2021

    This is ridiculous.ย  Why would it bring in only one price field from Shopify to put into an email.ย  Why not bring in the MSRP and discount savings amount?ย  This was one of the main purposes for my signing up for Klavyio.ย  If I have to manually enter the product pricing, I can do that thru Mail Chimp.ย  Please tell me there is a way to show the savings amount in my email template.

    Contributor II
    February 15, 2021

    I completely agree, We are hesitating to fully move over to Klaviyo because of this limitation.ย  Is there any work around that can be used without manually having to add the RRP?ย  Or as previous poster suggests, show the savings?ย  Most ecommerce sellers require this surely??

    ย 

    ย 

    Contributor II
    February 15, 2021

    I had my daughter write code for me to at least get an MSRP with a red strike through. But that's not realistic for every time. And then I still had to enter the MSRP pricing manually.

    Contributor II
    February 15, 2021

    Yes I kind of got that far, but this seems to be an incredible basic element missing when Klaviyo is just so sophisticated in so many other respects.ย ย 

    ย 

    Contributor II
    February 15, 2021

    I'm wondering if it's a Shopify restriction? I loaded up the Shopify Email app and it's automatically built into theirs. That being said I love the results and dashboard of Klaviyo.