SFMC Email Template Practice (Figma → Drag & Drop)

-

 

🚀 SFMC Email Template Practice (Figma → Drag & Drop)

📩 Task 1: Dunder Mifflin Email Template

What I Learned:

  • Basic email structure (header, body, footer)

  • Using single-column layout effectively

  • Text alignment and spacing for corporate style



👗 Task 2: Fashion Newsletter Email

What I Learned:

  • Multi-column layouts (2-column/grid)

  • Image + text balance

  • Font pairing (serif + sans-serif)

  • Creating visual hierarchy



🏥 Task 3: Healthcare Email Template

What I Learned:

  • Using soft color palettes (pastel tones)

  • Creating clean and minimal layouts

  • CTA placement (“Book my screening”)

  • Content readability and spacing



⚡ Task 4: Electronic Promotion Email

What I Learned:

  • Background color matching with images

  • 2-column promotional layout

  • Strong CTA design

  • Product-focused email structure



⚠️ Challenges Faced

  • Matching exact colors from design

  • Limited font support in email

  • No gradient support in drag & drop

  • Spacing and alignment issues

  • Making design responsive

Comments

Post a Comment

Popular posts from this blog

A/B Testing in Salesforce Marketing Cloud (Step-by-Step Guide)

-
Image
   A/B Testing in Salesforce Marketing Cloud (Step-by-Step Guide) A/B testing is one of the most powerful features in Salesforce Marketing Cloud that helps marketers optimize email performance using real data. In this blog, I’ll walk you through how I created A/B tests for: ✅ Subject Line ✅ Preheader Let’s dive in 👇 📌 Step 1: Create Two Email Variations The first step is to create two different email versions with: Different subject lines Different preheaders Different content These variations will be used for testing performance. Email A    Email B    📌 Step 2: Create a New A/B Test Go to A/B Testing Click on Create New Test Give your test a name Select Subject Line Test Browse and select both email versions Enter: "vs Subject Line" for testing Click Next 📌 Step 3: Select Recipients Now choose your audience: Select from: List Data Extension Data Filter You can also define: Publicati...
Read more

📧 Creating & Sending a Test Email in Salesforce Marketing Cloud (SFMC)

-
Image
  📧 Creating & Sending a Test Email in Salesforce Marketing Cloud (SFMC) In this task, I learned how to create an email template and send a test email using Email Studio in Salesforce Marketing Cloud. This is a fundamental skill for email marketing because it ensures your email looks perfect before sending it to real users. 🚀 Step-by-Step Process 1. Go to Email Studio Login to SFMC Navigate to Email Studio 👉 This is where all email-related activities like content creation, sending, and tracking are done. 2. Open Content Builder Click on the Content tab 👉 Content Builder is used to create and manage emails, images, and templates. 3. Create a New Email Click on Create Select Email Message 4. Choose Creation Option You will see multiple options: Template Template + AMP HTML HTML + AMP Text Only Existing Email 👉 We select: Template Reason: Easy drag-and-drop builder No coding required 5. Select Layout Choose ...
Read more

Creating a Personalized Email in Salesforce Marketing Cloud

-
Image
  📩 Creating a Personalized Email in Salesforce Marketing Cloud 🚀 Objective Learn how to create a Data Extension, design a personalized email using HTML, and test how it appears to users in Salesforce Marketing Cloud . 🧩 Step 1: Create Data Extension (DE) with Fields Go to Email Studio → Subscribers → Data Extensions Click Create → Standard Data Extension Add required fields: Email (Primary Key) FirstName LastName City Product 👉 Make sure the DE is Sendable ✉️ Step 2: Create Email Using Blank Template Go to Email Studio → Content → Create → Email Message Select Blank Template Give a proper name to your email 👉 This gives full control over design and structure 🎨 Step 3: Add HTML Block & Personalization Drag and drop an HTML Block Add your custom HTML email code Use personalization strings like: Hi %%FirstName%% %%LastName%%, We have special offers for you! 👉 These values will dynamically come from your Data Extension 🔍 Step 4: Test Email Using Data Source Click Preview ...
Read more