rare-sapphire•3mo ago

How can I format text in a message.

I want to display formatted text in this manner: {model_information.payload.size} {model_information.payload.name} {model_information.payload.size} {model_information.payload.name} Price: {model_information.payload.price} Rent-to-own Pricing; - 36 months = {model_information.payload.rto48m} - 48 months = {model_information.payload.rto48m} - 60 months = {model_information.payload.rto60m} But no matter how how many spaces or newline characters I add the text gets put on the same line. Is there a way to format the text?

6 Replies

Tico | Voiceflow Assistant•3mo ago

Voiceflow’s Message (Text) step keeps the HTML defaults that the web-chat widget uses: • consecutive spaces are collapsed to a single space
• a single line-break (\n) also collapses to a single space
• a blank line ( ⏎⏎ ) is converted to a real paragraph break (<br>) That means you have two practical options for layout: 1. Insert a BLANK line between the lines you want to separate
– in the editor hit Enter → Enter (or type \n\n if you’re building the string in code).
– example:

     {size} {name}

     Price: {price}

     Rent-to-own Pricing
     36 mo: {rto36}
     48 mo: {rto48}
     60 mo: {rto60}

     {size} {name}

     Price: {price}

     Rent-to-own Pricing
     36 mo: {rto36}
     48 mo: {rto48}
     60 mo: {rto60}

2. End a line with two spaces and then Enter (Markdown’s hard-break):

   Rent-to-own Pricing␠␠
   36 mo: {rto36}␠␠
   48 mo: {rto48}␠␠
   60 mo: {rto60}

   Rent-to-own Pricing␠␠
   36 mo: {rto36}␠␠
   48 mo: {rto48}␠␠
   60 mo: {rto60}

What is and isn’t supported
• bold text, italic, and underline are supported
• emoji 👍 and links [link](https://…) are supported
• true bullet / numbered lists, indentation, or fixed-width spacing are not rendered—use the “•” (option-8/alt+0149) character or break the content into several Message steps, or switch to a Card / Carousel step for more structured layouts. If you need each pricing line to appear on its own “bubble,” simply place each one in its own Message step and connect them in sequence with a short Delay (e.g., 300 ms) for a cleaner user experience.

rare-sapphireOP•3mo ago

I could be missing something simple, but this is not working for me. I don't know if it's related to having too many variables or perhaps bulletpoints. @Steve B. | IntelleSync.ai sorry to link you here, but have not been able to figure this out and Tico's answer didn't work - would you know how to insert a new line into messages? Or perhaps know who from Voiceflow team could help out here?

Steve B. | IntelleSync.ai•3mo ago

@sgonzal Are you using prompt step, message step or Javascript to output the text?

rare-sapphireOP•3mo ago

@Steve B. | IntelleSync.ai I'm using the message step

rare-sapphireOP•3mo ago

The image on the left is how I'm typing it in, the message on the right is how it's rendered. No matter how many spaces, new lines, new line characters (\n) etc I can't get it to insert new lines

rare-sapphireOP•3mo ago

There are new lines after the first chunk and after the "Price" section, but everything after that is put on the same line.

How can I format text in a message.

Did you find this page helpful?