New to the community? Start here

[Other] I would like to get a list of EXACT limits of Branda Custom Emails.

Greetings!

 

So this is based on the fact that I wrote a code for an HMTL email. I wrote it the exact way that you would write if sending an email from sites like MailChimp.

 

Example of the Table Background Issue:

[attachments are only viewable by logged-in members]

[attachments are only viewable by logged-in members]

 

I have tested this code on several different programs, on different emails, even as a plain old HTML file. When I put the code into Branda, I just get a huge amount of un-formatted code (only at the beginning), and one of my tables won’t show the background.

Example of the Header Issue:

[attachments are only viewable by logged-in members]

[attachments are only viewable by logged-in members]

 

So I would like to know exactly what are the abilities and limits of Branda Custom Email Templates?

 

Thank you!

 

*If you need me to post the entire code I will upon request.

 

 

Wed, 28 Apr 2021 17:16:36
  • Todd Stratton
    • Crazy Is, As Crazy Does?! 
    <!DOCTYPE html>
<html>
<head>
<title>You Have An Email From Your Website | BoofolaWorks.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
    /* FONTS */
    @media screen {
        font-face {
          font-family: 'Lato';
          font-style: normal;
          font-weight: 400;
          src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
        }
        
        font-face {
          font-family: 'Lato';
          font-style: normal;
          font-weight: 700;
          src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
        }
        
        font-face {
          font-family: 'Lato';
          font-style: italic;
          font-weight: 400;
          src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v11/RYyZNoeFgb0l7W3Vu1aSWOvvDin1pK8aKteLpeZ5c0A.woff) format('woff');
        }
        
        font-face {
          font-family: 'Lato';
          font-style: italic;
          font-weight: 700;
          src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v11/HkF_qI1x_noxlxhrhMQYELO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
        }
    }
    
    /* CLIENT-SPECIFIC STYLES */
    body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    img { -ms-interpolation-mode: bicubic; }

    /* RESET STYLES */
    img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
    table { border-collapse: collapse !important; }
    body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }

    /* iOS BLUE LINKS */
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }
    
    /* MOBILE STYLES */
    @media screen and (max-width:600px){
        h1 {
            font-size: 32px !important;
            line-height: 32px !important;
        }
    }

    /* ANDROID CENTER FIX */
    div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style>
</head>
<body style="background-color: #ffc000; margin: 0 !important; padding: 0 !important;">
<div class="preview-text" style="display:none;font-size:1px;color:#333333;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">You have received a message about your website.</div>
<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: 'Lato', Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
    You Have An Email From Your Website | BoofolaWorks.com
</div>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <!-- LOGO -->
    <tr>
        <td bgcolor="#292929" align="center" style="background-color: #292929;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
                <tr>
                    <td align="center" valign="top" style="padding: 20px 10px 20px 10px;">
                        <a href="https://boofolaworks.com" target="_blank"><img alt="BoofolaWorks.com" src="https://boofolaworks.com/boofolaworks_style/boofolaworks_com_logo_mixed_2000x500.png" width="320" height="80" style="display: block; width: 320px; max-width: 320px; min-width: 320px; font-family: 'Lato', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0" /></a>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- HERO -->
    <tr>
        <td bgcolor="#292929" align="center" style="padding: 0px 10px 0px 10px;background-color: #292929;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
                <tr>
                    <td bgcolor="#ffffff" align="left" valign="top" style="padding: 0px 0px 0px 16px; border-radius: 10px 10px 0px 0px; color: #111111; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 4px; line-height: 40px;">
                      <h3 style="font-size: 16px; font-weight: 600; margin: 0; text-align: left">{BLOG_DESCRIPTION}</h3>
                    </td>
                </tr>
            </table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
                <tr>
                    <td bgcolor="#ffffff" align="center" valign="top" style="padding: 20px 20px 20px 20px; border-radius: 0px 0px 0px 0px; color: #ffc000; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 48px; font-weight: 900; letter-spacing: 4px; line-height: 48px;">
                      <h1 style="font-size: 48px; font-weight: 400; margin: 0;">{BLOG_NAME}</h1>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- CONTROL BLOCK -->
    <tr>
        <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
              <tr>
              </tr>
              <!-- WELCOME IMAGE -->
              <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 0px 0px 0px;" >
                  <a href="http://boofolaworks.com" target="_blank">
                      <img alt="You Have An Email From Your Website | BoofolaWorks.com" src="https://boofolaworks.com/boofolaworks_style/boofolaworks_customer_email1.jpg" width="600" style="display: block;width: 100%;max-width: 100%;min-width: 100px;font-family: 'Lato', Helvetica, Arial, sans-serif;color: #ffffff;font-size: 18px;height: auto;" border="0" />
                  </a>
                </td>
              </tr>
              <!-- GREETINGS -->
              <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 6px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 22px; font-weight: 900; line-height: 25px;" >
                  <p style="margin: 0;"><strong>Hello {FROM_NAME}!</strong></p>
                </td>
              </tr>
            <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 20px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 900; line-height: 25px;" >
                  <p style="margin: 0;"><span style="color: #666666;"><strong>This Message is About: {EMAIL_SUBJECT}</strong></p>
                </td>
              </tr>
              <tr>
              <!-- MESSAGE -->                  
                <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 0px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
                  <p style="margin: 0;">{MESSAGE}</p>
                </td>
              </tr>
              <!-- SPACER -->
                <tr>
                  <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
                    
                  </td>
                </tr>
              <!-- SECURITY TAG -->
              <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 0px 30px 0px 30px; color: #111111; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
                  <h2 style="font-size: 24px; font-weight: 400; margin: 0;">Think About Increased Security!</h2>
                </td>
              </tr>

              <!-- SECURITY COPY -->
              <tr>
                <td bgcolor="#ffffff" align="left" style="padding: 20px 30px 40px 30px; border-radius: 0px 0px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
                  <p style="margin: 0;">By enabling two-factor authentication on your website to make it more secure! BoofolaWorks can help you make your site almost hack proof! Two-Factor Authentication is now easier than ever to use. Follow <a href="https://boofolaworks.com/kb/two-factor">these easy steps</a> to enable it on your site now.<br /><br />BoofolaWorks is always fine-tuning our servers to keep your data more secure and faster than ever!</p>
                </td>
              </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <!-- SUPPORT CALLOUT -->
    <tr>
        <td bgcolor="#f4f4f4" align="center" style="padding: 30px 10px 0px 10px;background-color: #f4f4f4;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
                <tr>
                  <td table background="https://boofolaworks.com/boofolaworks_style/disco.gif" width="100%"  height="100" align="center" style="padding: 30px 30px 30px 30px; border-radius: 10px 10px 10px 10px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
                    <h2 style="font-size: 20px; font-weight: 800; color: #ffc000; margin: 0;">Need Some Help or Just Wanna Talk?</h2>
                    <p style="margin: 0;"><a style="color: #539be2; href=tel:18779990234">Call Us Toll-Free @ 1 (877) 999-0234</a></p>
                  </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
    <tr>
        <td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
              <!-- NAVIGATION -->
              <tr>
                <td bgcolor="#f4f4f4" align="left" style="padding: 20px 30px 10px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
                    <p style="margin: 0;">You have received this email because we have some important information, security news, or thought you'd like some updates on your website.<br><br><strong>Email Security Information:</strong><br><br><img height="16" width="16" style="height: auto; max-width: 95%; vertical-align: top;" src="https://boofolaworks.com/boofolaworks_style/boofola_calendar.png" alt="Date Sent"> Email sent on: <strong>{DATE}</strong> at&nbsp;<strong>{TIME}</strong><br><br><img height="16" width="16" style="height: auto; max-width: 95%; vertical-align: top;" src="https://boofolaworks.com/boofolaworks_style/boofola_email.png" alt="Administrator's Email"> For any reason, please contact <a href="mailto:{ADMIN_EMAIL}" style="color: #ffc000;"><strong>{ADMIN_EMAIL}</a></strong><br><br><img height="16" width="16" style="height: auto; max-width: 95%; vertical-align: top;" src="https://boofolaworks.com/boofolaworks_style/boofola_website.png" alt="Website Information"> Website information: <strong>{BLOG_NAME} - <a href="{BLOG_URL}" style="color: #ffc000;">{BLOG_URL}</a></strong></p>
                </td>
              </tr>
              <!-- GO TO SITE -->
               <tr>
                <td bgcolor="#f4f4f4" align="left" style="padding: 30px 30px 40px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
                  <p style="margin: 0;">
                    <img height="16" width="16" style="height: auto; max-width: 95%; vertical-align: top;" src="https://boofolaworks.com/boofolaworks_style/boofola_dashboard.png" alt="Website Dashboard"><a href="https://{BLOG_URL}/mymark" target="_blank" style="color: #111111; font-weight: 700;">Go To Your Website Dashboard</a> -
                    <a href="https://boofolaworks.com/kb" target="_blank" style="color: #111111; font-weight: 700;">Get Help @ BoofolaWorks</a><img height="16" width="16" style="height: auto; max-width: 95%; vertical-align: top;" src="https://boofolaworks.com/boofolaworks_style/boofola_help.png" alt="Get Help">
                  </p>
                </td>
              </tr>
              <!-- GET HELP -->
              <tr>
                <td bgcolor="#f4f4f4" align="left" style="padding: 0px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
                    <p style="margin: 0;">If you ever need help with your your small business, call us! <a href="tel:18779990234" target="_blank" style="color: #111111; font-weight: 700;">1-877-999-0234</a> or send us an email at <a href="mailto:help@boofolaworks.com" target="_blank" style="color: #111111; font-weight: 700;">help@boofolaworks.com</a>.<br><br>Always remember that we are here <strong>Helping You Make Your Mark!</strong>
                </td>
              </tr>
              <!-- COPY RIGHT -->
              <tr>
                <td bgcolor="#f4f4f4" align="left" style="padding: 0px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
                    <p style="margin: 0; color: #666869; font-weight: 600;">Copyright © 2019-2021 <a href="https://boffolallc.com" target="_blank" style="color: #666869; font-weight: 600; text-decoration:none;"> | BOOFOLA LLC</a></p>
                </td>
              </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
</table>

</body>
</html>
  • Todd Stratton
    • Crazy Is, As Crazy Does?!

    Okay, great! Thank you for your help!

    WPMUDEV doesn’t give points for finding bugs anymore? I just recently found two bugs.

    My code really was okay? I have been told before that I tend to overcomplicate code when it really could have been done simpler. I figured that it was possible that was causing the issues.

    Thank you for your help!

    Todd S.