YodaSpow / EmailDevTools

EmailTools

A cross-browser development tool for HTML email

Info

EmailTools allows you to see Image Alt styling, empty links and have a fast overview of an HTML email WITHOUT touching the source code for the HTML.

Note: _Javascript NEEDs to come out of HTML for send-time through your Email Service Provider (ESP).

Goal of EmailTools

Aim to have a dynamic interface that does not touch the HTML in email that can assist design/development time. To also QA (Quality Assure) critical elements of HTML email code before deployment.

Download

Download the latest release here.

Bookmarklet usage:

Bookmarklet on codepen: here.

Development

After forking/cloning put this code at bottom of your HTML body:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="css/core.css" rel="stylesheet" type="text/css" />
<script src="scripts/core.js"></script>

Integrated into HTML for sendtime automatic removal

You can put a data-driven IF statement from your ESP, a user-defined variable. Or using a primary key field in your send-data which is never empty:

<script><% var preSendScript = ""; if ( preSendScript == "REMOVED-ON-LIVE-SEND") { %></script>
<!--
Email Tools: Adobe Campaign: Auto-removes on send with user-defined variable | https://github.com/YodaSpow/EmailDevTools
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://currys-ssl.cdn.dixons.com/css/themes/email/Assets/emailTool/core.js"></script>
<link href="https://currys-ssl.cdn.dixons.com/css/themes/email/Assets/emailTool/core.css" rel="stylesheet" type="text/css" />
<script><% } %></script>