• Resolved alemiz

    (@alemiz)


    Hi I have a problem with {{POSTLINK}}, i want to add this as link in my html code to post notification template. When I try do this: <a href="{{POSTLINK}}" target="_blank" style="font-size: 16px; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 26px; background-color: #75b6c9; padding: 14px 26px; border: 1px solid #75b6c9; display: block;">Čítaj Viac &rarr;</a> It doesnt work, but it work only in preview mod. Please can you help me ?
    Thank you.
    Alex

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • @alemiz

    Kindly help me with the screenshot of the email you receive after having the above chunk of code in the post notification template in order to understand the issue more clearly.

    Thread Starter alemiz

    (@alemiz)

    This is image of mail.

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    This is image of preview now it is working.

    <script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

    In preview it work, but in email it dont because it dont know url: {{POSTLINK}}. How can I change it?

    I am sending full code:

    <!-- THIS EMAIL WAS BUILT AND TESTED WITH LITMUS http://litmus.com -->
    <!-- IT WAS RELEASED UNDER THE MIT LICENSE https://opensource.org/licenses/MIT -->
    <!-- QUESTIONS? TWEET US @LITMUSAPP -->
    
    <style type="text/css">
    /* CLIENT-SPECIFIC STYLES */<br />body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }<br />table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }<br />img { -ms-interpolation-mode: bicubic; }</p>
    <p>/* RESET STYLES */<br />img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }<br />table { border-collapse: collapse !important; }<br />body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }</p>
    <p>/* iOS BLUE LINKS */<br />a[x-apple-data-detectors] {<br />    color: inherit !important;<br />    text-decoration: none !important;<br />    font-size: inherit !important;<br />    font-family: inherit !important;<br />    font-weight: inherit !important;<br />    line-height: inherit !important;<br />}</p>
    <p>/* MOBILE STYLES */<br />@media screen and (max-width: 600px) {<br />  .img-max {<br />    width: 100% !important;<br />    max-width: 100% !important;<br />    height: auto !important;<br />  }</p>
    <p>  .max-width {<br />    max-width: 100% !important;<br />  }</p>
    <p>  .mobile-wrapper {<br />    width: 85% !important;<br />    max-width: 85% !important;<br />  }</p>
    <p>  .mobile-padding {<br />    padding-left: 5% !important;<br />    padding-right: 5% !important;<br />  }<br />}</p>
    <p>/* ANDROID CENTER FIX */<br />div[style*="margin: 16px 0;"] { margin: 0 !important; }<br /></style>
    
    &nbsp;
    
    <!-- HIDDEN PREHEADER TEXT -->
    <div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Open Sans, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">Lorem ipsum dolor que ist</div>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    <tr>
    <td align="center" valign="top" width="100%" background="http://wiki.mizerak.eu/wp-content/uploads/2018/05/bg.jpg" bgcolor="#3b4a69" style="background: #3b4a69 url('http://wiki.mizerak.eu/wp-content/uploads/2018/05/bg.jpg'); background-size: cover; padding: 35px 15px 0 15px;" class="mobile-padding"><!-- [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 align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 50px 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/wiki.png" width="86" height="86" border="0" style="display: block;" class="" /></td>
    </tr>
    <tr>
    <td align="center" bgcolor="#ffffff" style="border-radius: 3px 3px 0 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/animalli.com-fishes-tropical-reef-sea-underwater-ocean-fish-background-image-1920x1200.jpg" width="600" height="400" alt="insert alt text here" style="display: block; border-radius: 3px 3px 0 0; font-family: sans-serif; font-size: 16px; color: #999999;" class="img-max" /></td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    <tr>
    <td align="center" height="100%" valign="top" width="100%" bgcolor="#f6f6f6" style="padding: 0 15px 50px 15px;" class="mobile-padding"><!-- [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 align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 25px 0; font-family: Open Sans, Helvetica, Arial, sans-serif;">
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tbody>
    <tr>
    <td align="center" bgcolor="#ffffff" style="border-radius: 0 0 3px 3px; padding: 25px;">
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tbody>
    <tr>
    <td align="center" style="font-family: Open Sans, Helvetica, Arial, sans-serif;">
    <h2 style="font-size: 28px; color: #444444; margin: 0; padding-bottom: 10px;">{{POSTTITLE}}</h2>
    <p style="color: #999999; font-size: 16px; line-height: 24px; margin: 0;">{{POSTDESC}}</p>
    </td>
    </tr>
    <tr>
    <td align="center" style="padding: 30px 0 0 0;">
    <table border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td align="center" style="border-radius: 26px;" bgcolor="#75b6c9"><a href="{{POSTLINK}}" target="_blank" style="font-size: 16px; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 26px; background-color: #75b6c9; padding: 14px 26px; border: 1px solid #75b6c9; display: block;" rel="noopener">Čítaj viac → </a></td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    <tr>
    <td align="center" height="100%" valign="top" width="100%" bgcolor="#f6f6f6" style="padding: 0 15px 40px 15px;"><!-- [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 align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
    <tbody>
    <tr>
    <td align="center" valign="top" style="padding: 0 0 5px 0;"><img src="http://wiki.mizerak.eu/wp-content/uploads/2018/03/Alemiz-Team.png" width="50" height="35" border="0" style="display: block;" /></td>
    </tr>
    <tr>
    <td align="center" valign="top" style="padding: 0; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #999999;">
    <p style="font-size: 14px; line-height: 20px;">Ak sa Vám naše články páčia,
    tak si prečítajte ďaľšie</p>
    &nbsp;
    
    <a href="wiki.mizerak.eu" style="color: #999999;" target="_blank" rel="noopener">Čítaj Viac !!!</a>
    •
    <a href="mailto:[email protected]" style="color: #999999;" target="_blank" rel="noopener">Kontaktuj Nás</a></td>
    </tr>
    </tbody>
    </table>
    <!-- [if (gte mso 9)|(IE)]></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    </tbody>
    </table>
    <!-- LITMUS ATTRIBUTION -->
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
    <tr>
    <td bgcolor="#ffffff" align="center"><!-- [if (gte mso 9)|(IE)]>
    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
    <tr>
    <td align="center" valign="top" width="600"></td>
    </tr>
    </table>
    <![endif]--></td>
    </tr>
    </tbody>
    </table>
    <!-- END LITMUS ATTRIBUTION -->
    
    Thread Starter alemiz

    (@alemiz)

    Image of preview: https://imgur.com/a/Phrrfl6

    image of mail: https://imgur.com/a/XcSOWm5

    Plugin Author Icegram

    (@icegram)

    @alemiz ,

    It could be possible that Email client is not displaying the inline CSS that you have added.

    Write to us – Icegram – Contact Us – to know more.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘POSTLINK help’ is closed to new replies.