BAM!

✉️

🔨

Build-A-Mail

🌐 Global

Mail width

Mobile classes

🔢 Retina calculator

Result: 300x250

📝 Text

Copy:

table block | styled span | simple color span 🖍️

URL

Amount of paragraphs

Mobile classes

⋮≡ List

List padding

Bullet color

Rows:

Is image list

🆗 Button

Style

Color 1

Color 2

CTA:

URL:

🖼️ Image

Drop Image Here

-OR-

Size:
retina size

Broken image style

Color Font family Font size Line height bold
Alignment

📸 Color image

Image size

Background color (color name or #HEX)

Border width

Border color (color name or #HEX)

▦ Table

Columns:

Rows:

Simple table (no text styling)

Use TH instead of TD for Outlook app stacking

↕️ Table spacer

Use this spacer to separate tables with different background colors.

Spacer Height:

➖ Table divider

Stroke Width:

Stroke Color:

🔣 Chars encoding

List bullets

Punctuation

Trademarks

Money

References

UI/UX/Buttons

Superscript numbers

Subscript numbers

📦 Snippets

🅾️ Outlook

🆎 VML button

Style Color 1: Color 2: CTA: URL: Width: Height: Border radius %

📨 Subject Line builder

Build your subject line and if you need special characters just come and get them here by clicking the buttons.

SL fonts

Symbols

Superscript symbols

Subscript Numbers & symbols

Emoticons

Emojis

📧 Mailto builder

🖥️ Veeva tokens

Veeva picklist

Paste your picklist items, each line after a break is an item.

Do not encode (for Subject Lines).

Sample

Custom Text tokens

User tokens

Personalization tokens

Functionality tokens

🗄️ Vault content

🧩 Fragments

🖥️ Engage for portals

🤝 Engage meeting tokens

🦶Footnotes & Citations

📝 Email templates

🧩 Email fragments

📃 ISI Editor

ISI helpers

Email helpers

Optimize for email

🛠️ Other tools

In VS Code go to Code > Preferences > Configure User Snippets > html.json or css.json. Copy and paste your snippets there.

Code builder

Text values here will apply to all other components

Padding Background color Color Font size Line height Letter spacing Font family bold italic underlined Alignment

Remove images Show developer view Wrap code

Code size: 0k.

Preview

Created by Emmanuel Ulloa.

BAM! ✉️ 🔨 Build-A-Mail