Configure standard email templates and create custom email templates tailored to specific requirements. For security reasons, Bazaarvoice follows certain guidelines and restrictions on HTML tags in custom email templates. Refer to the following lists of allowed HTML tags and attributes, unsupported HTML tags, and guidelines.

Allowed HTML tags

HTML Tags Attributes
html xmlns
body bgcolor, link, vlink, alink, background, marginheight, marginwidth, leftmargin, topmargin
head meta
title No attributes allowed
noscript No attributes allowed
frameset No attributes allowed
frame No attributes allowed
label for
form action, name, autocomplete, method
button name, value, disabled, accesskey, type
input name, size, maxlength, placeholder, autocomplete, checked, alt, src, usemap, type, value, disabled, readonly, accesskey, border, required, aria-label, aria-roledescription, aria-hidden
select name, disabled, multiple, size
option disabled, value, label, selected
textarea rows, cols, name, disabled, readonly, accesskey, placeholder, aria-label, aria-roledescription, aria-hidden
h1 style, id, class, align
h2 style, id, class, align
h3 style, id, class, align
h4 style, id, class, align
h5 style, id, class, align
h6 style, id, class, align
p style, id, class
i style, id, class
b style, id, class
s style, id, class
u style, id, class
strong style, id, class
em style, id, class
small style, id, class
big style, id, class
pre style, id, class
code style, id, class
del title, style, id, class
cite No attributes allowed
samp No attributes allowed
sub style, id, class
sup style, id, class
strike No attributes allowed
center aria-label, aria-roledescription, aria-hidden
blockquote title, style, id, class
caption style, id, class
hr style, id, class
br style, id, class
font color, face, size, style, id, class
a href, nohref, rel, name, title, style, id, class, shape, coords, alt, width, align, target, aria-label, aria-roledescription, aria-hidden
map type, scoped, media, *, Editor::STYLIST_TAG_ATTR
span title, style, id, class, align, dir, aria-label, aria-roledescription, aria-hidden
div align, title, style, id, class, border, dir, aria-label, aria-roledescription, aria-hidden
img style, id, class, title, src, name, alt, height, width, border, align, hspace, vspace, aria-label, aria-roledescription, aria-hidden
ins title, style, id, class
link media, href, type, rel
ul style, id, class
ol style, id, class
li style, id, class
dd No attributes allowed
dl No attributes allowed
dt style, id, class
thead align, char, charoff, valign, style, id, class
tbody align, char, charoff, valign, style, id, class
tfoot align, char, charoff, valign, style, id, class
table height, width, border, bgcolor, cellpadding, cellspacing, background, align, noresize, style, id, class, tr, bgcolor, role
td background, bgcolor, abbr, axis, headers, scope, nowrap, height, width, align, char, charoff, valign, colspan, rowspan, style, id, class, target, font, aria-label, aria-roledescription, aria-hidden
th abbr, axis, headers, scope, nowrap, bgcolor, height, width, align, char, charoff, valign, colspan, rowspan, style, id, class
tr height, width, align, valign, char, charoff, background, style, id, class, bgcolor
colgroup span, width, align, char, charoff, valign
col align, char, charoff, valign, span, width
fieldset No attributes allowed
legend No attributes allowed
object id, classid, codebase, type, data, align, height, width, alt, bgcolor
embed src, movie, pluginspage, bgcolor, base, type, name, flashvars, align, height, width, allowfullscreen, quality, allowscriptaccess, seamlesstabbing, swliveconnect, wmode, allownetworking
php id
svg height, width, version, viewBox, xmlns, xmlns:xlink, enable-background
path d, fill
polygon fill, points
g id

Unsupported HTML tags

Bazaarvoice doesn't support the use of following HTML tags to improve system security.

  • base
  • source
  • footer
  • header
  • custom
  • spancet
  • area
  • unsubscribe
  • picture
  • spanthis
  • nobr
  • wapper
  • vänliga
  • path
  • g
  • iframe
  • svg
  • polygon
  • multiline
  • section
  • wbr
  • script
  • audio

Allowed CSS styles

Bazaarvoice supports the use of the following CSS styles only if you add them to the body of your page.

CSS_Property Allowed Values Supported values from
azimuth left-side, far-left, left, center-left, center, center-right, right, far-right, right-side, behind, leftwards, rightwards, inherit
background inherit background-color, background-image, background-repeat, background-attachment, background-position
background-attachment scroll, fixed, inherit
background-color transparent, inherit
background-image none, inherit
background-position top, center, bottom, left, center, right, inherit
background-repeat repeat, repeat-x, repeat-y, no-repeat, inherit
border-collapse collapse, separate, inherit
border-color transparent, inherit
border-top-color inherit
border-right-color inherit
border-bottom-color inherit
border-left-color inherit
border-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
bottom auto, inherit
caption-side top, bottom, left, right, inherit
clear none, left, right, both, inherit
color inherit
cue-after none, inherit
cue-before none, inherit
direction ltr, rtl, inherit
display inline, block, list-item, run-in, compact, marker, table, inline-table, table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, table-caption, none, inherit, inline-block
elevation below, level, above, higher, lower, inherit
empty-cells show, hide, inherit
float left, right, none, inherit
font-size inherit
font-size-adjust none, inherit
font-stretch normal, wider, narrower, ultra-condensed. extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded, inherit
font-style normal, italic, oblique, inherit
font-variant normal, small-caps, inherit
font-weight normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700. 800, 900, inherit
height auto, inherit
left auto, inherit
letter-spacing normal, inherit
line-height normal, inherit
list-style-image none, inherit
list-style-position inside, outside, inherit
list-style-type disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-alpha, lower-latin, upper-alpha, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha, none, inherit
marker-offset auto, inherit
max-height none, inherit, auto, anything
max-width none, inherit
min-height inherit
min-width inherit, auto
orphans inherit
outline-color invert, inherit
overflow visible, hidden, scroll, auto, inherit
page-break-after auto, always, avoid, left, right, inherit
page-break-before auto, always, avoid, left, right, inherit
pause-after inherit
pause-before inherit
pitch x-low, low, medium, high, x-high, inherit
pitch-range inherit
position static, inherit
richness inherit
right auto, inherit
size auto, portrait, landscape, inherit
speak normal, none, spell-out, inherit
speak-header once, always, inherit
speak-numeral digits, continuous, inherit
speak-punctuation code, none, inherit
speech-rate x-slow, slow, medium, fast, x-fast, faster, slower, inherit
stress inherit
table-layout auto, fixed, inherit
text-indent inherit
text-transform capitalize, uppercase, lowercase, none, inherit
top auto, inherit
unicode-bidi normal, embed, bidi-override, inherit
vertical-align baseline, sub, super, top, text-top, middle, bottom, text-bottom, inherit
visibility visible, hidden, collapse, inherit
volume silent, x-soft, soft, medium, loud, x-loud, inherit
white-space normal, pre, nowrap, inherit
widows inherit
width auto, inherit
word-spacing normal, inherit
border-style inherit, none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset
border-top-style solid, inherit
border-right-style inherit border-style
border-bottom-style inherit border-style
border-left-style inherit border-style
border-top-width inherit border-width
border-right-width inherit border-width
border-bottom-width inherit border-width
border-left-width inherit border-width
border-width inherit, thin, medium, thick border-width
margin inherit, auto
margin-top inherit margin
margin-bottom inherit margin
margin-right inherit margin
margin-left inherit margin
outline-style inherit border-style
outline-width inherit border-width
padding inherit
padding-top inherit padding
padding-right inherit padding
padding-bottom inherit padding
padding-left inherit padding
border inherit border-width, border-style
border-top inherit border-top-width, border-style
border-right inherit border-top-width, border-style
border-left inherit border-top-width, border-style
border-bottom inherit border-top-width, border-style
cue inherit cue-before, cue-after
list-style inherit list-style-type, list-style-position, list-style-image
marks inherit crop, cross, none, inherit
ouline inherit outline-color, outline-style, outline-width
pause inherit
text-decoration none, underline, overline, line-through, blink, inherit
border-spacing inherit
clip auto, inherit
counter-increment none, inherit
cursor auto, inherit, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help
text-shadow none, inherit
font /, caption, icon, menu, message-box, small-caption, status-bar, inherit font-style, font-variant, font-weight, font-size, line-height, font-family
font-family
page auto
play-during mix, repeat, none, auto, inherit
text-align left, right, center, justify, inherit
voice-family male, female, child, inherit
mso-ansi-font-size
mso-ansi-font-style
mso-ansi-font-weight
mso-ansi-language
mso-ascii-font-family
mso-background
mso-background-source
mso-baseline-position
mso-bidi-flag
mso-bidi-font-family
mso-bidi-font-size
mso-bidi-font-style
mso-bidi-font-weight
mso-bidi-language
mso-bookmark
mso-border-alt
mso-border-between
mso-border-between-color
mso-border-between-style
mso-border-between-width
mso-border-bottom-alt
mso-border-bottom-color-alt
mso-border-bottom-source
mso-border-bottom-style-alt
mso-border-left-width-alt
mso-border-right-alt
mso-border-right-color-alt
mso-border-right-color-alt
mso-border-right-source
mso-border-right-style-alt
mso-border-right-width-alt
mso-border-shadow
mso-border-source
mso-border-style-alt
mso-border-top-alt
mso-border-top-color-alt
mmso-border-top-source
mso-border-top-style-alt
mso-border-top-width-alt
mso-border-width-alt
mso-break-type
mso-build
mso-build-after-action
mso-build-after-color
mso-build-auto-secs
mso-build-avi
mso-build-dual-id
mso-build-order
mso-build-sound-name
mso-bullet-image
mso-cellspacing
mso-cell-special
mso-char-indent
mso-char-indent-count
mso-char-indent-size
mso-char-type
mso-char-wrap
mso-color-alt
mso-color-index
mso-color-source
mso-column-break-before
mso-columns
mso-column-separator
mso-comment-author
mso-comment-continuation
mso-comment-id
mso-comment-reference
mso-data-placement
mso-default-height
mso-default-width
mso-diagonal-down
mso-diagonal-down-color
mso-diagonal-down-source
mso-diagonal-down-style
mso-diagonal-down-width
mso-diagonal-up
mso-diagonal-up-color
mso-diagonal-up-source
mso-diagonal-up-style
mso-diagonal-up-width
mso-displayed-decimal-separator
mso-displayed-thousand-separator
mso-element
mso-element-anchor-horizontal
mso-element-anchor-lock
mso-element-anchor-vertical
mso-element-frame-height
mso-element-frame-hspace
mso-element-frame-vspace
mso-element-frame-width
mso-element-left
mso-element-linespan
mso-element-top
mso-element-wrap
mso-endnote-continuation-notice
mso-endnote-continuation-notice-id
mso-endnote-continuation-notice-src
mso-endnote-continuation-separator
mso-endnote-continuation-separator-id
mso-endnote-continuation-separator-src
mso-endnote-display
mso-endnote-id
mso-endnote-numbering
mso-endnote-numbering-restart
mso-endnote-numbering-start
mso-endnote-numbering-style
mso-endnote-position
mso-endnote-separator
mso-endnote-separator-id
mso-endnote-separator-src
mso-even-footer
mso-even-footer-id
mso-even-footer-src
mso-even-header
mso-even-header-id
mso-even-header-src
mso-facing-pages
mso-fareast-font-family
mso-fareast-hint
mso-fareast-language
mso-field-change
mso-field-change-author
mso-field-change-time
mso-field-change-value
mso-field-code
mso-field-lock
mso-fills-color
mso-first-footer
mso-first-footer-id
mso-first-footer-src
mso-first-header
mso-first-header-id
mso-first-header-src
mso-font-alt
mso-font-charset
mso-font-format
mso-font-info
mso-font-info-charset
mso-font-info-type
mso-font-kerning
mso-font-pitch
mso-font-signature
mso-font-signature-csb-one
mso-font-signature-csb-two
mso-font-signature-usb-four
mso-font-signature-usb-one
mso-font-signature-usb-three
mso-font-signature-usb-two
mso-font-src
mso-font-width
mso-footer
mso-footer-data
mso-footer-id
mso-footer-margin
mso-footer-src
mso-footnote-continuation-notice
mso-footnote-continuation-notice-id
mso-footnote-continuation-notice-src
mso-footnote-continuation-separator
mso-footnote-continuation-separator-id
mso-footnote-continuation-separator-src
mso-footnote-id
mso-footnote-numbering
mso-footnote-numbering-restart
mso-footnote-numbering-start
mso-footnote-numbering-style
mso-footnote-position
mso-footnote-separator
mso-footnote-separator-id
mso-footnote-separator-src
mso-foreground
mso-forms-protection
mso-generic-font-family
mso-grid-bottom
mso-grid-bottom-count
mso-grid-left
mso-grid-left-count
mso-grid-right
mso-grid-right-count
mso-grid-top
mso-grid-top-count
mso-gutter-direction
mso-gutter-margin
mso-gutter-position
mso-hansi-font-family
mso-header
mso-header-data
mso-header-id
mso-header-margin
mso-header-src
mso-height-alt
mso-height-rule
mso-height-source
mso-hide
mso-highlight
mso-horizontal-page-align
mso-hyphenate
mso-ignore
mso-kinsoku-overflow
mso-layout-grid-align
mso-layout-grid-char-alt
mso-layout-grid-origin
mso-level-inherit
mso-level-legacy
mso-level-legacy-indent
mso-level-legacy-space
mso-level-legal-format
mso-level-number-format
mso-level-numbering
mso-level-number-position
mso-level-reset-level
mso-level-start-at
mso-level-style-link
mso-level-suffix
mso-level-tab-stop
mso-level-text
mso-line-break-override
mso-line-grid
mso-line-height-alt
mso-line-height-rule
mso-line-numbers-count-by
mso-line-numbers-distance
mso-line-numbers-restart
mso-line-numbers-start
mso-line-spacing
mso-linked-frame
mso-list
mso-list-change
mso-list-change-author
mso-list-change-time
mso-list-change-values
mso-list-id
mso-list-ins
mso-list-ins-author
mso-list-ins-time
mso-list-name
mso-list-template-ids
mso-list-type
mso-margin-bottom-alt
mso-margin-left-alt
mso-margin-top-alt
mso-mirror-margins
mso-negative-indent-tab
mso-number-format
mso-outline-level
mso-outline-parent
mso-outline-parent-col
mso-outline-parent-row
mso-outline-parent-visibility
mso-outline-style
mso-padding-alt
mso-padding-between
mso-padding-bottom-alt
mso-padding-left-alt
mso-padding-right-alt
mso-padding-top-alt
mso-page-border-aligned
mso-page-border-art
mso-page-border-bottom-art
mso-page-border-display
mso-page-border-left-art
mso-page-border-offset-from
mso-page-border-right-art
mso-page-border-surround-footer
mso-page-border-surround-header
mso-page-border-top-art
mso-page-border-z-order
mso-page-numbers
mso-page-numbers-chapter-separator
mso-page-numbers-chapter-style
mso-page-numbers-start
mso-page-numbers-style
mso-page-orientation
mso-page-scale
mso-pagination
mso-panose-arm-style
mso-panose-contrast
mso-panose-family-type
mso-panose-letterform
mso-panose-midline
mso-panose-proportion
mso-panose-serif-style
mso-panose-stroke-variation
mso-panose-weight
mso-panose-x-height
mso-paper-source
mso-paper-source-first-page
mso-paper-source-other-pages
mso-pattern
mso-pattern-color
mso-pattern-style
mso-print-area
mso-print-color
mso-print-gridlines
mso-print-headings
mso-print-resolution
mso-print-sheet-order
mso-print-title-column
mso-print-title-row
mso-prop-change
mso-prop-change-author
mso-prop-change-time
mso-protection
mso-rotate
mso-row-margin-left
mso-row-margin-right
mso-ruby-merge
mso-ruby-visibility
mso-scheme-fill-color
mso-scheme-shadow-color
mso-shading
mso-shadow-color
mso-space-above
mso-space-below
mso-spacerun
mso-special-character
mso-special-format
mso-style-id
mso-style-name
mso-style-next
mso-style-parent
mso-style-type
mso-style-update
mso-subdocument
mso-symbol-font-family
mso-tab-count
mso-table-anchor-horizontal
mso-table-anchor-vertical
mso-table-bspace
mso-table-del-author
mso-table-deleted
mso-table-del-time
mso-table-dir
mso-table-ins-author
mso-table-inserted
mso-table-ins-time
mso-table-layout-alt
mso-table-left
mso-table-lspace
mso-table-overlap
mso-table-prop-author
mso-table-prop-change
mso-table-prop-time
mso-table-rspace
mso-table-top
mso-table-tspace
mso-table-wrap
mso-text-animation
mso-text-combine-brackets
mso-text-combine-id
mso-text-control
mso-text-fit-id
mso-text-indent-alt
mso-text-orientation
mso-text-raise
mso-title-page
mso-tny-compress
mso-unsynced
mso-vertical-align-alt
mso-vertical-align-special
mso-vertical-page-align
mso-width-alt
mso-width-source
mso-word-wrap
mso-xlrowspan
mso-zero-height
-webkit-border-radius
-moz-border-radius
-webkit-text-size-adjust
-ms-text-size-adjust
-ms-interpolation-mode
-webkit-font-smoothing
object-fit
opacity

Guidelines for creating HTML templates

Cascading style sheet (CSS) guidelines

We do not support:

  • Style tag override restriction: Overriding the style tag within any other tag is not supported. Clients must follow the given HTML format.
  • Special case style tag exclusion: The special case of overriding the style tag within any other tag is not supported. Only top-level style tags are allowed.
  • Font removal for specific sizes: Fonts sized at 12px or 16px in Arial will be removed, as Antisamy does not support these formats, as well as fonts with numeric values.
  • Style tag limitation: Only one style tag is allowed within a tag. If multiple style tags are detected, the first one will be ignored, and the second one will be used.
  • CSS linear gradients: CSS linear gradients are not supported for security reasons. Instead, use solid color formats for CSS styling.

    For example:

    Replace 
    <div background-image: linear-gradient(#005e2c, #008c43);"></div>
    with 
    <div background-color: #005e2c;"></div>

General HTML guidelines

We do not support:

  • Unclosed tags: Make sure you close all tags so they as they function correctly.
  • Document type requirement: Include a valid document type declaration at the beginning of HTML files. Without it, styling may not function correctly. Here is an example of a standard HTML format that you can copy: 
    <!DOCTYPE html>
<html>
  <head>
    <title>Page title</title>
  </head>
   <body>This is a paragraph</body>
  </html>
  • HTML file starting condition: HTML files must always begin with a doctype declaration, not with custom or any other custom tags.
  • Image URL protocol handling: Remove additional "http:" tags from image URLs so they function correctly.
  • Body tag requirement: Make sure you define the body tag in HTML documents for proper rendering.
  • Standard tag requirement: Only standard tags are allowed. Non-standard tags, such as "-webkit-text-size-adjust:none", will be removed.
  • Empty tags: Avoid empty tags as they can negatively impact system behavior.