Newsletter Templates
A newsletter is a tool used to communicate regularly with your subscribers, delivering the information you want in your email boxes. Every organization runs campaigns on Newsletter to engage their subscribers and provide latest news information on a weekly or monthly basis.
Multinational companies spread their footprint across the globe and newsletter campaigns plays the most vital role to keep their customers engagement, reading metrics about the customer sentiments , preference and choices.
Use Case :
Design email templates that can be used across the region and brands for the organization. Adopting to baseline standards and guidelines of the organization. Design has to be uniform across all business units with same fonts, header , footer and contents.
Templates needs to be reusable and should be accessible across all business unit.
Design Concepts :
1. CSS has to be uniform
2. Brand logo has to be uniform
3. Fonts has to be uniform
4. Image URLs and links has to be as per organization standards
Step 1 : Enable SSL
What is an SSL Certificate and why do I need it?
SSL certificates keep online interactions private even though they travel across the public Internet, and they help customers gain the confidence to transact with your website. If you ask users of your website to sign in, if they enter personal data such as credit card numbers online, or if they view confidential information such as health benefits or financial accounts, you need to keep the data private. You also need to help them confirm that your website is authentic.
https://help.salesforce.com/s/articleView?id=000339842&type=1
We would discuss more about SSL in another topic, if you want to learn more about SSL and what all SSL SKU you need to enable, here is the link
https://help.salesforce.com/s/articleView?id=sf.mc_es_ssl_certificates.htm&type=5
When you are enabling SSL , you might be interested in Private domain as well, you can read it here.
https://help.salesforce.com/s/articleView?id=000318538&type=1
Step 2 : Built HTML Content Blocks and Email Templates
Create a master layout template :
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>%%=v(@Title)=%%</title>
</head>
<body style="background-color:burlywood">
<!-- Style -->
<style>
header {
height: 100px;
width: 100%;
background-color: red;
}
nav {
float: left;
width: 200px;
height: 250px;
background-color: darkgoldenrod;
}
.content {
background-color: aliceblue;
padding: 20px;
}
footer {
background-color: green;
width: 100%;
height: 50px;
float: right;
text-align: center;
}
</style>
</body>
</html>
Create email templates for 1) Header 2 ) Body 3 ) Footer
Header :
<!-- Header -->
%%=ContentBlockbyKey("Header")=%%
<!-- End of Header -->
Body :
<!-- Content Body -->
<div class="content">
%%=ContentBlockbyKey("RenderBody")=%%
</div>
<!-- End of Content Body -->
Footer :
<!-- Footer -->
%%=ContentBlockbyKey("Footer")=%%
<!-- End of Footer -->
Create html content Blocks for 1) Header 2 ) Body 3 ) Footer
This is the most tedious and art where you'll burn all your energy, i'll show only header as a reference.
Header :
%%[
SET @HEADERDETAILS=LOOKUPROWS('HEADERDATAEXTENSION','REGION','UK')
IF ROWCOUNT(@HEADERDETAILS)> 0 THEN
FOR @I=0 TO ROWCOUNT(@HEADERDETAILS) DO
SET @ROW =ROW(@HEADERDETAILS,@I)
SET @header=FIELD( @ROW ,'H1')
NEXT @I
ENDIF
%%]
<header>
<h1 style="text-align:center; color:bisque">%%=v(@heade)=%%r</h1>
</header>
SIMILARLY YOU CAN DESIGN BODY AND FOOTER. NOTE : BUILD ALL THE ASSETS IN SHARED FOLDER
Step 3 : CREATE DATA EXTENSIONS FOR HEADER, FOOTER AND BODY IN SHARED DATA EXTENSIONS WITH REGION AND LOCALE AS THE PRIMARY KEY
IF YOU HAVE TO LOOKUP FOR FOOTER, TO GET THE PRIVACY LABEL AND URL:
%%[
SET @FOOTERDETAILS=LOOKUPROWS('FOOTERDETAILS-DE','REGION','UK','LOCALE','EN-en')
IF ROWCOUNT(@FOOTERDETAILS)> 0 THEN
FOR @I=0 TO ROWCOUNT(@FOOTERDETAILS) DO
SET @ROW =ROW(@FOOTERDETAILS,@I)
SET @PRIACYLBL=FIELD( @ROW,'PRIVACYLABEL')
SET @PRIACYURL=FIELD( @ROW,'PRIACYURL')
SET @footerCss=FIELD( @ROW,'footercss')
NEXT @I
ENDIF
%%]
<div class="%%=v(@footerCss)=%%">
<a href='RedirecTo(@PRIACYURL)'>%%=v(PRIACYLBL)=%%</a>
</div>
Comments
Post a Comment