Snippets

Vlad Silak Marketing Cloud Connect - Virtual Workshop Setup

Created by Vlad Silak last modified
mcc-integration-test-email.html
Raw 
1
2
3
4
5
6
7
8
<h3 style="font-family: verdana, arial;">Greetings and salutations %%=IIF(empty([first name]), "Dear Friend!", concat([First Name], "!"))=%%</h3>
<p>
    First Name attribute = %%First Name%%<br>
    Newsletter Optin = %%Receive Newsletters%%<br>
    Alerts Optin = %%Receive Alerts%%<br>
</p>
<table width="600" cellspacing="0" cellpadding="2" border="0"><tr><td><font size="1" face="verdana" color="#444444">This email was sent by: <b>%%Member_Busname%%</b><br>%%Member_Addr%% %%Member_City%%, %%Member_State%%, %%Member_PostalCode%%, %%Member_Country%%<br><br></font></td></tr></table><custom name="opencounter" type="tracking"><a href="%%profile_center_url%%" alias="Update Profile">Update Profile</a>&nbsp;|&nbsp;<a href="%%subscription_center_url%%" alias="Manage Subscriptions">Manage Subscriptions</a>
</custom>
mcc-request-feedback-content.html
Raw 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<h3 style="font-family: verdana, arial;">Feedback on case number %%Case:CaseNumber%%</h3>
Dear %%Case:Contact:FirstName%%,<br>
<br><p>
We hope that %%Case:Owner:User:FirstName%% %%Case:Owner:User:LastName%% was able to assist you in full. Let us know your thoughts though by clicking on one of the ratings below: 
</p>
<ul>
  <li><a href="https://pbs.twimg.com/profile_images/420688786285031424/pBH6bG_Y.jpeg" alias="Give us hive 5">5 Stars</a></li>
  <li><a href="https://smedia.webcollage.net/rwvfp/wc/cp/16982499/module/cpwalmart/_cp/products/1424105659484/tab-5b11208a-763f-4c71-8588-2474a5cfe129/ce2596a0-cbfe-4fb8-9bb8-f46398603812.jpg.w480.jpg" alias="Give us mid 3">3 Stars</a></li>
  <li><a href="https://i.ytimg.com/vi/1PH_v_ivYq8/maxresdefault.jpg" alias="Give us low 1">1 Star</a></li>
</ul>
<p></p>

<p>Thank you for the feedback!</p>
rent-a-vehicle-email-template.html
Raw 
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
      ReadMsgBody{ width: 100%;}
      .ExternalClass {width: 100%;}
      .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
      body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;margin:0 !important;}
      p { margin: 1em 0;}
      table td { border-collapse: collapse;}
      img {outline:0;}
      a img {border:none;}
      p {margin: 1em 0;}
      @-ms-viewport{ width: device-width;}
    </style>
    <style type="text/css">
      @media only screen and (max-width: 480px) {
        .container {width: 100% !important;}
        .footer { width:auto !important; margin-left:0; }
        .content-padding{ padding:4px !important; }
        .mobile-hidden { display:none !important; }
        .logo { display:block !important; padding:0 !important; }
        img { max-width:100% !important; height:auto !important; max-height:auto !important;}
        .header img{max-width:100% !important;height:auto !important; max-height:auto !important;}
        .photo img { width:100% !important; max-width:100% !important; height:auto !important;}
        .drop { display:block !important; width: 100% !important; float:left; clear:both;}
        .footerlogo { display:block !important; width: 100% !important; padding-top:15px; float:left; clear:both;}
        .nav4, .nav5, .nav6 { display: none !important; }
        .tableBlock {width:100% !important;}
        .responsive-td {width:100% !important; display:block !important; padding:0 !important; }
        .fluid, .fluid-centered {
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .fluid-centered {
          margin-left: auto !important;
          margin-right: auto !important;
        }
        /* MOBILE GLOBAL STYLES - DO NOT CHANGE */
        body { padding: 0px !important; font-size: 16px !important; line-height: 150% !important;}
        h1 { font-size: 22px !important; line-height: normal !important;}
        h2 { font-size: 20px !important; line-height: normal !important;}
        h3 { font-size: 18px !important; line-height: normal !important;}
        .buttonstyles {
          font-family:arial,helvetica,sans-serif !important;
          font-size: 16px !important;
          color: #FFFFFF !important;
          padding: 10px !important;
        }
        /* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */
      }
      @media only screen and (max-width: 640px) {
        .container { width:100% !important; }
        .mobile-hidden { display:none !important; }
        .logo { display:block !important; padding:0 !important; }
        .photo img { width:100% !important; height:auto !important;}
        .nav5, .nav6 { display: none !important;}
        .fluid, .fluid-centered {
          width: 100% !important;
          max-width: 100% !important;
          height: auto !important;
          margin-left: auto !important;
          margin-right: auto !important;
        }
        .fluid-centered {
          margin-left: auto !important;
          margin-right: auto !important;
        }
      }
    </style>
    <!--[if mso]>
      <style type="text/css">
          /* Begin Outlook Font Fix */
          body, table, td {
              font-family: Arial, Helvetica, sans-serif ;
              font-size:16px;
              color:#808080;
              line-height:1;
          }
          /* End Outlook Font Fix */
      </style>
    <![endif]-->
  </head>
  <body bgcolor="#efefef" text="#808080" style="background-color: #efefef; color: #808080; margin: 0px; padding: 20px; -webkit-text-size-adjust:none; line-height: normal; font-size: 16px; font-family:arial,helvetica,sans-serif;">
    <div style="font-size:0; line-height:0;"><custom name="opencounter" type="tracking"><custom name="usermatch" type="tracking" /></div>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
        <td align="center" valign="top">
          <custom type="header" />
        </td>
      </tr>
      <tr>
        <td align="center">
          <table cellspacing="0" cellpadding="0" border="0" width="600" class="container" align="center">
            <tr>
              <td>
                <table class="tb_properties border_style" cellspacing="0" cellpadding="0" bgcolor="#ffffff" width="100%">
                  <tr>
                    <td align="center" valign="top">
                      <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tr>
                          <td class="content_padding" style="padding:10px;border:0px;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                              <tr>
                                <td align="left" class="" valign="top">
                                  <table class="slot-styling" style="min-width: 100%;" width="100%" cellspacing="0" cellpadding="0">
                                    <tr>
                                      <td class="slot-styling camarker-inner" style="padding-bottom: 5px;" width="100%"><div data-type="slot" data-key="" data-label="AMPscript Initialization Block (Optional)"></div></td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" class="" valign="top">
                                  <table class="slot-styling" style="min-width: 100%;" width="100%" cellspacing="0" cellpadding="0"><tr><td class="slot-styling camarker-inner" style="padding-bottom: 5px;" width="100%"><table style="min-width: 100%;" class="stylingblock-content-wrapper" width="100%" cellspacing="0" cellpadding="0"><tr><td style="padding: 10px;" class="stylingblock-content-wrapper camarker-inner"><table style="width: 100%;" cellspacing="0" cellpadding="0"><tr><td><table style="width: 100%;" cellspacing="0" cellpadding="0"><tr><td style="width: 30%; padding-right: 3px;" class="responsive-td" valign="top"><table style="min-width: 100%;" class="stylingblock-content-wrapper" width="100%" cellspacing="0" cellpadding="0"><tr><td class="stylingblock-content-wrapper camarker-inner"><table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left"><img data-assetid="177387" src="http://image.s4.exct.net/lib/fe871574736c0d7b73/m/1/e17abac7-a5a9-4a63-98e7-f433e39cea63.png" alt="Rent-A-Vehicle Group logo" style="display: block; padding: 0px; text-align: left; width: 100px; border: 0px none transparent;" width="100"></td></tr></table></td></tr></table></td><td style="width: 70%; padding-left: 3px;" class="responsive-td" valign="top"><div data-type="slot" data-key="" data-label="Heading (Optional)"></td></tr></table></td></tr></table></td></tr></table></td></tr></table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" class="" valign="top">
                                  <table class="slot-styling" style="border-bottom: 1px solid #AEAEAE; border-top: 1px solid #AEAEAE; min-width: 100%;" width="100%" cellspacing="0" cellpadding="0"><tr><td class="slot-styling camarker-inner" style="padding-top: 10px; padding-bottom: 10px;" width="100%"><div data-type="slot" data-key="" data-label="Main Content - use Layouts to structure your content here"></div></td></tr></table>
                                </td>
                              </tr>
                              <tr>
                                <td align="left" class="" valign="top">
                                  <table class="slot-styling" style="min-width: 100%;" width="100%" cellspacing="0" cellpadding="0"><tr><td class="slot-styling camarker-inner" style="padding-top: 20px;" width="100%"><table style="width: 100%; text-align: center; min-width: 100%;" class="stylingblock-content-wrapper" width="100%" cellspacing="0" cellpadding="0"><tr><td class="stylingblock-content-wrapper camarker-inner" align="center"><div style="text-align: center;"><a alias="Preference Center Link" conversion="false" href="%%profile_center_url%%" style="color:#808080;text-decoration:none; font-size: 14px;" title="Customize your subscription preferences">Personalize Your Inbox 📧</a>&nbsp;&nbsp;| &nbsp;&nbsp;<a alias="VAWP link" conversion="false" href="%%view_email_url%%" style="color:#808080;text-decoration:none; font-size: 14px;" title="Trouble reading this message? View it in a browser">Open in a browser</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a alias="One click unsubscribe link" conversion="false" href="%%unsub_center_url%%" style="color:#808080;text-decoration:none; font-size: 14px;" title="Unsubscribe from future communications">Break Up with Us 📨</a></div></td></tr></table>
                                  <table style="width: 100%; min-width: 100%;" class="stylingblock-content-wrapper" width="100%" cellspacing="0" cellpadding="0"><tr><td style="padding-top: 10px; padding-right: 10px; padding-left: 10px;" class="stylingblock-content-wrapper camarker-inner"><div style="text-align: center;"><span style="font-size:12px;">If you feel like chatting in person or sending a postcard find %%Member_Busname%% at %%Member_Addr%%, %%Member_City%%, %%Member_State%%, %%Member_PostalCode%%, %%Member_Country%%</span><br></div></td></tr></table></td></tr></table>
                                  <table style="width: 100%; min-width: 100%;" class="stylingblock-content-wrapper" width="100%" cellspacing="0" cellpadding="0"><tr><td style="padding-top: 10px; padding-right: 10px; padding-left: 10px;" class="stylingblock-content-wrapper camarker-inner"><div style="text-align: center;"><span style="font-size:12px;">Designed and developed in 🇦🇺 by </span><img data-assetid="177387" src="http://image.s4.exct.net/lib/fe8b157471610d7b72/m/1/19795884-d507-47f8-909b-1a88120ba5b8.png" alt="Viral Snail Marketing logo" style="padding: 0px; height: 20px; border: 0px none transparent;" height="20"><span style="font-size:12px;"> Viral Snail Marketing | &copy; 2018</span></div></td></tr></table></td></tr></table>
                                </td>
                              </tr>
                            </table>
                          </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td valign="top">
          <custom type="footer" />
        </td>
      </tr>
    </table>
  </body>
</html>

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.