Play MPE
            Knowledge Base Play MPE Knowledge Base Play MPE Player FAQ

            Custom Email Guidelines

            • Use HTML tables as the backbone of the email, this will hold and contain all images in one robust HTML email.
            • Recommended image width is 700px, which will provide the email with a consistent behavior on the majority of email clients.
            • Maximum per image height is 1700px, as email clients tend to not display images more than 1700px tall. Images should be segmented for this reason.
            • Images must have an absolute path to the file hosted on a server. Email clients will not display images with relative paths.
            • Display images as ‘block’ and don’t apply a border to avoid unnecessary spaces between images.
            • Location of <map name> should be inside the table tag for mapping to work in most email clients.
            • Use the <TMPL_VAR ReleaseLink> token for the “Get it Now!” button
            • Please see code samples below:

            Basic Table structure

             

             

            <table>

            <tr>

            <td>

            <img src="http://plaympe.com/image.jpg"  alt="1" usemap="#Map1" style="display:block; border:none;" />

            </td>

                        </tr>

                                    <map name="Map1" id="Map1">

            <area shape="rect" coords="8,103,695,722" href="<TMPL_VAR ReleaseLink>" />

                                    </map>

            </table> 

             

             

             

            Segmented Image (Image more than 1700px)

             

            <!- -mage Segment 1>

             

            <table>

            <tr>

            <td>

            <img src="http://plaympe.com/image-1.jpg"  alt="1" usemap="#Map1" style="display:block; border:none;" />

            </td>

                        </tr>

                                    <map name="Map1" id="Map1">

            <area shape="rect" coords="8,103,695,722" href="<TMPL_VAR ReleaseLink>" />

                                    </map>

            </table> 

             

             

            <!- -mage Segment 2>

             

            <table>

            <tr>

            <td>

            <img src="http://plaympe.com/image-2.jpg"  alt="1" usemap="#Map2" style="display:block; border:none;" />

            </td>

                        </tr>

                                    <map name="Map2" id="Map2">

            <area shape="rect" coords="6,555,854,752" href=" http://plaympe.com/" />

                                    </map>

            </table> 

            Updated: 29 Apr 2019 05:09 AM
            Helpful?  
            Help us to make this article better
            0 0