Mavenoid help center

Mavenoid help center

  • Admin
  • Flows
  • Agent dashboard

›Reference

Get started

  • Intro to flows
  • Tutorial - Create a flow for live support
  • Tutorial - Create a flow for troubleshooting
  • Tutorial - Create a flow for FAQs

Learn more

  • Understand the types of nodes
  • Working with symptoms and solutions
  • Working with backtracks and choice lists
  • Understand potential solutions
  • Understand escalation
  • Understand search
  • Understand step-by-step guides
  • Understand canvas notes
  • Understand form data
  • Understand markup
  • Understand secrets
  • Understand flow components
  • Understand conditions
  • Understand translations
  • Understand flow feedback
  • Best practices for writing flows

How-to guides

  • Preview nodes and flows
  • Embed images and files
  • Embed videos
  • Receive conversation transcript emails
  • Set a flow image
  • Work with step-by-step guides
  • Add canvas notes
  • Copy and paste nodes
  • Create and embed flow components
  • Work with conditions
  • Configure flow feedback
  • View and manage flow feedback
  • Export, import, and copy flows
  • Set flow visibility
  • Manage translations
  • Create a live support node
  • Create an external API node
  • Start the user on different nodes based on the embedding page
  • Dynamically populate a choice list

Reference

  • Text formatting
  • Live support settings
  • Actions settings
  • External API settings
  • Form field types
  • Reserved form data
  • Markup expressions and operators
  • Supported languages
  • Glossary of terms

Text formatting

There are several ways to customize the text formatting of your Mavenoid flows.

Markdown

Markdown is a commonly-used language for formatting text. Most common Markdown syntax is available in Mavenoid flows.

Basic syntax

Almost everything listed in this basic syntax guide is available in Mavenoid flows.

  • Headings
  • Paragraphs
  • Line breaks (but see A note on line breaks)
  • Emphasis
  • Blockquotes
  • Lists
  • Code
  • Horizontal rules
  • Links
  • Images
  • Escaping characters
  • HTML tags cannot be used in Mavenoid for security reasons.

A note on line breaks

To create a single line break within a paragraph, no special syntax is needed. Just hit "enter" and Mavenoid will respect the line break.

However, multiple consecutive empty lines will be collapsed together. If you need to create extra space between or around paragraphs or other content, you can prevent this by putting a single \ on each intervening line.

An example node with consecutive empty lines

Note that if for some reason you need to use this to pad out the bottom of the node, it won't work because the final line's \ will be displayed as text. To prevent this, instead have your last line contain   which is the HTML entity for a non-breaking space.

An example node with empty lines on the bottom

Extended syntax

Several things listed in this extended syntax guide are also available in Mavenoid flows.

  • Tables
  • Fenced code blocks (but not syntax highlighting)
  • Footnotes
  • Strikethrough

Mavenoid-specific syntax

On top of normal Markdown, Mavenoid flows have a few extra tools you can use.

YouTube or Vimeo embeds

A YouTube or Vimeo video URL will automatically be converted to an embedded video. See Embed videos - Embed a YouTube or Vimeo video for more details.

An example node with an embedded YouTube video

To use videos that are not on YouTube or Vimeo, see Embed videos - Link to a video not on YouTube or Vimeo.

Expandable sections

To create a section of content which starts out collapsed and can be expanded by the user, use this syntax:

(((Title
Content to be hidden by default and displayed when the section is expanded.
)))

The title will be displayed to the user along with a "+" button to expand it, which will then show the content. Hitting the button again will collapse it and hide the content.

An example node with expandable sections

Inline images

Markdown images are rendered as "block" elements by default, meaning they will take up a whole line. If you want to have an image rendered as "inline" instead, so that you can have other content on the same line with it, then add |inline to the end of the image's alt text. For example, instead of ![small black square](https://example.com/img/small-black-square.png) you would use ![small black square|inline](https://example.com/img/small-black-square.png).

An example node with an inline image

Images in your asset library can also be set to display inline by simply checking their "Inline" box.

Special characters

There are multiple ways to include special characters in text.

  1. HTML entities. For example, © will create the copyright sign "©".
  2. Copy and paste. Any character you can find in unicode, including specially-formatted ones like subscript and superscript or small caps as well as unicode emoji can be pasted in.
Last updated on 10/21/2022
← Dynamically populate a choice listLive support settings →
  • Markdown
    • Basic syntax
    • Extended syntax
  • Mavenoid-specific syntax
    • YouTube or Vimeo embeds
    • Expandable sections
    • Inline images
  • Special characters
Help center
AdminFlowsAgent dashboard
Product
Self-serviceLive supportWhy Mavenoid?PricingGet a demoTry it free
Learn
Customer storiesBlogWebinarsHelp centerROI calculator
Company
About usCareersPressContact us
© Mavenoid AB 2023 • Privacy policy