Brief Overview

WalkMe supports BBCode in balloons to add formatting, dynamic content, links, media, and more. This article covers all supported BBCode elements, their available attributes, and how to write the code.

Supported Elements and Attributes

• table: title, border, cellspacing, cellpadding, style, class, id, tabindex, aria-label, aria-live, role
• tr: title, style, class, id, tabindex, aria-label, aria-live, role
• th: title, style, class, id, tabindex, aria-label, aria-live, role
• td: title, style, class, id, tabindex, aria-label, aria-live, role
• tbody: title, style, class, id, tabindex, aria-label, aria-live, role
• p: title, style, class, id, tabindex, aria-label, aria-live, role
• div: title, style, class, id, tabindex, aria-label, aria-live, role, width, height
• span: title, style, class, id, tabindex, aria-label, aria-live, role, width, height
• iframe: title, style, class, id, tabindex, aria-label, aria-live, role, width, height
• youtube: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• vimeo: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• wistia: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• ustream: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• vidyard: title, autoplay, width, height, style, class, id, tabindex, aria-label, aria-live, role
• url: title, channelmode, directories, fullscreen, left, top, target, location, menubar, resizable, scrollbars, status, titlebar, toolbar, width, height, style, class, id, tabindex, aria-label, aria-live, role
• img: title, alt
• b: title
• u: title
• i: title
• ul: title
• li: title
• h2 h3 h4 h5 h6: heading elements

BBCode Reference

Redirecting to items

Redirect to a Smart Walk-Thru, resource, or survey:
[swt=xxxxx]Click here[/swt]
[resource=xxxxx]Click here[/resource]
[survey=xxxxx]Click here[/survey]

Redirect from a Smart Walk-Thru to a specific step or Smart Walk-Thru:
[trg=xxxxx]Click here[/trg]

Adding dynamic text

[wm-data]key123[/wm-data]
[var]variable123[/var]
[jquery]jquery123[/jquery]
[cookie]cookie123[/cookie]

Adding an image

[img=24x35]www.img_url.com[/img]

Text formatting

Bold: [b]text[/b]
Underline: [u]text[/u]
Italic: [i]text[/i]
Strikethrough: [s]text[/s]
Font color: [color=red]text[/color]
Text size: [size=19]text[/size]

HTML elements

Div: [div]text[/div]
Span: [span]text[/span]
Headings: [h2]text[/h2] [h3]text[/h3] [h4]text[/h4] [h5]text[/h5] [h6]text[/h6]

Bullet lists

[ul]

[li]One[/li]

[li]Two[/li]

[li]Three[/li]

[/ul]

Links

Standard link:
[url=http://www.walkme.com]WalkMe's Website[/url]

Link that opens in a new tab:
[url=http://www.walkme.com , target="blank"]WalkMe's Website[/url]

Link to an email address:
[url=mailto:support@example.com]support@example.com[/url]

Link to an email address with a subject line:
[url=mailto:email@address.com?subject=enter+subject+here]Display Text[/url]

Autoplaying a video

[html5video width="426" height="240" autoplay="true"] https://your-video-url.mp4 [/html5video]