Occasionally we make code enhancements to our starter emails and pages to support new features or address email client rendering issues. When we make changes, only new email designs will have the updates. Current email designs—including your custom starter emails—will not be updated. You only need to upgrade to the latest version if you would like to use the latest features.
Is my email code outdated?
The latest version today is WordFly 4.0.0.
The version can be viewed in the <head> of the HTML.
<head>
<meta charset="utf-8" />
<meta name="generator" content="WordFly 4.0.0" />Access the HTML by clicking the View Code button on the Email step –or– by opening the HTML drawer in the editor.
Change history
The following table is a change history of updates made to the editor since 3.0.0 release. You only need to upgrade if you would like to use the feature.
| ENHANCEMENT | UPGRADE CODE | MORE INFO |
|---|---|---|
| Table styles (Version 4.0.1, launching July 2026) | See below | Learn |
| Add 4+ Column block | Upgrade | Learn |
| Add 25-50-25 option to 3-column block | Upgrade | Learn |
| Adjust vertical alignment of columns | Upgrade | Learn |
| Added code that enables media queries (stackable columns, etc.) in Gmail; Added code that improves font-size rendering of bulleted text in Outlook |
Upgrade | |
| Added code to correct extra image spacing in Apple clients and devices running iOS 10 | Upgrade | |
| Starter Email E: Added code to fix issue where you couldn't set 'all blocks' max width for heading bars | Upgrade | |
| Reverse stack on mobile for columns | Upgrade | Learn |
| Scale 2- and 3-columns blocks instead of stacking them on mobile | Upgrade | Learn |
| Hide blocks on desktop | Upgrade | Learn |
| 2- and 3-column containers can now be adjusted by clicking icons | Upgrade | Learn |
| Hide blocks on mobile | Upgrade | Learn |
Shortcut to add table styles
Launching in July 2026, all emails will have the option to insert tables into text blocks. However, emails created before this date do not contain the Table CSS code needed to make the tables visible in the right-hand panel.
Follow these steps for a quick way to add basic table styles that you can customize.
1. In your email, open the CSS drawer
2. Copy and paste this code into the bottom of the CSS drawer
table {
border-collapse: collapse;
width: 100%;
}
table p {
margin-bottom: 0;
}
td,
th {
border: 1px solid #d1d1d1;
padding: 4px 8px;
vertical-align: top;
}
th {
background-color: #ebebeb;
}
table.striped tr:nth-child(odd) {
background-color: #f9f9f9;
}
3. This will give you a set of default styles to work from. To customize them, go to Styles or General Styles.
Common table style updates
| STYLE | LOCATION | EXAMPLE |
|---|---|---|
| Borders | Table > Data Cell > Border Table > Header Cell > Border Table > Table > Border |
Set Border Width 1px, Border Style solid, Border Color #d1d1d1
|
| Padding | Table > Data Cell > Spacing Table > Header Cell > Spacing |
Set top/bottom 4px , left/right 8px
|
| Background color | Table > Header Cell > Background Color Table > Striped Row > Background Color |
Set Background Color #ebebeb
|
| Table width | Table > Table > Widths | Set Rigid Width 100%
|
Updating your email code [Advanced]
Instructions for most upgrades can be accessed from the Change History section above.
These steps are intended for emails that have many areas to update. We suggest downloading these two free applications to help with your code updates: DiffMerge and Visual Studio Code.
Step 1: Copy current design HTML and save it
1. Open your current designed email in the editor
2. Click on the HTML tab in the lower left corner
3. Copy all the HTML
4. Paste the HTML into a new plain text document, we suggest using Visual Studio Code
5. Make note of the starter email used for your email. This is found in the <head> of your email HTML
<!-- Derived from Starter A -->
Step 2: Copy HTML from new starter email
1. Go to Emails > Emails
2. Select Create a new email
3. Select Choose a starter design
4. Select the WordFly starter emails that your current designed email was derived from
5. Name your email something like "Current starter A" and click continue
6. Click Edit to copy the HTML as you did in Step 1; or, click on View Code to copy the HTML from a new browser tab
7. Paste the HTML into a new plain text document
Step 3: Diff the two versions and update the current design
1. Open DiffMerge on your desktop
2. Click on the icon in the upper left nav showing two side by side files
3. This takes you to the upload screen where you can upload the old file and the new file
Select the files you saved in Steps 1 & 2 above. The 'old' file will be your current designed email HTML file; the 'new' file will be the starter email HTML file.
4. Start reviewing the code and making updates
- All red highlighted updates on the right side need to be updated on the left side. Ignore the red highlights on the left side since that's the old code. Copy the code updates and replace this code in your current email design plain text file.
- IMPORTANT: Leave the code that applies to your custom style updates. You should notice these throughout the code, only update the code that does not apply to your custom styles.
- Make all the red highlighted updates up to the section
<!-- Starter file specific rules. -->.
5. When you’re done, copy the code from your current email design plain text file
6. Go back to WordFly, open your current email design in the editor
7. Click on the HTML tab
8. Select all the HTML (Ctrl+A)
9. Paste your updated HTML
10. Click Save in the editor. Your email code will now be updated to the most recent.