สร้างเนื้อหาอีเมลด้วยเครื่องมือแก้ไขแบบลากและวาง

สร้างเนื้อหาอีเมลในเครื่องมือแก้ไขที่มีใน Pushwoosh โดยไม่ต้องเขียนโค้ด คุณจะได้รับเลย์เอาต์ที่สามารถนำกลับมาใช้ใหม่ได้พร้อมบล็อกเนื้อหา, รูปภาพ, ปุ่ม, ข้อความส่วนบุคคล และส่วนท้ายที่สอดคล้องกับข้อกำหนด ซึ่งคุณสามารถใช้ใน Customer Journey หรืออีเมลที่ส่งครั้งเดียวได้

หมายเหตุ

ต้องการใช้ HTML หรือไม่? ใช้เครื่องมือแก้ไขโค้ด HTML ของ Pushwoosh เพื่อการควบคุมที่มากขึ้น เรียนรู้เพิ่มเติม

สำคัญ

ก่อนที่คุณจะเริ่ม, ตั้งค่าภาษา, หัวเรื่อง, และรายละเอียดผู้ส่งของอีเมลของคุณ เรียนรู้วิธี

สร้างเนื้อหาอีเมลใหม่

1. ไปที่ Content → Email content
2. เลือกวิธีเริ่มต้น:
   • คลิก Create email content เพื่อเปิดเครื่องมือแก้ไขแบบลากและวางและสร้างอีเมลตั้งแต่ต้น
   • คลิกที่ลูกศรข้าง Create email content จากนั้นเลือก Use a template เพื่อเริ่มต้นจากเลย์เอาต์ที่สร้างไว้ล่วงหน้าในแกลเลอรี
   • คลิกที่ลูกศรข้าง Create email content จากนั้นเลือก HTML code เพื่อใช้เครื่องมือแก้ไขโค้ด HTML เรียนรู้เพิ่มเติม

สำรวจเลย์เอาต์ของเครื่องมือแก้ไข

เมื่อคุณเปิดอีเมล, เครื่องมือแก้ไขที่มีในตัวจะมีพื้นที่เหล่านี้:

แถบด้านบน (Top bar)

เปลี่ยนชื่ออีเมล, เลิกทำหรือทำซ้ำการเปลี่ยนแปลง, บันทึกงานของคุณ, หรือส่งอีเมลทดสอบ

แถบภาษา / หัวเรื่อง / พรีเฮดเดอร์ (Language / Subject / Preheader bar)

เหนือพื้นที่ทำงาน (canvas), สลับภาษาที่ใช้แก้ไขและตั้งค่าหัวเรื่องและพรีเฮดเดอร์สำหรับอีเมล เรียนรู้วิธีตั้งค่าเหล่านี้

พื้นที่ทำงาน (Canvas)

ดูอีเมลเหมือนที่ผู้รับจะเห็น และแก้ไขข้อความ, รูปภาพ, และปุ่มโดยตรงบนเลย์เอาต์ อีเมลที่ว่างเปล่าจะแสดง Start with a block

แผงเลเยอร์ (Layers panel)

แสดงรายการทุกบล็อกในอีเมลของคุณเป็นโครงสร้างต้นไม้, ในลำดับเดียวกับบนพื้นที่ทำงาน เปิดจากขอบด้านซ้ายเพื่อเลือกบล็อกที่ซ้อนกันอยู่หรือลากแถวเพื่อจัดลำดับเนื้อหาใหม่

แผงด้านขวา (Right panel)

ใช้ Blocks เพื่อเพิ่มเนื้อหาลงในอีเมล และ Settings สำหรับการจัดสไตล์ที่ใช้กับทั้งอีเมลพร้อมกัน ดู กำหนดค่าสไตล์ทั้งอีเมล

เริ่มสร้างอีเมลของคุณ

1. ลากบลอกจากแผง Blocks ไปยังพื้นที่ทำงาน, หรือคลิกบล็อกในแผงเพื่อเพิ่ม
2. เพิ่มบล็อกต่อไปในลักษณะเดียวกันจนกว่าเลย์เอาต์จะพร้อม
3. เปิดแท็บ Settings เมื่อคุณต้องการสไตล์สำหรับทั้งอีเมล

เพิ่มบล็อกเนื้อหา

เปิดแท็บ Blocks และลากบล็อกไปยังพื้นที่ทำงาน, หรือคลิกบล็อกเพื่อเพิ่ม บล็อกที่มีให้ใช้:

• Heading: หัวข้อและหัวเรื่องสั้นๆ ในอีเมล
• Text: เนื้อหาหลักและคำอธิบายที่ยาวขึ้น
• Button: ปุ่มเรียกร้องให้ดำเนินการที่สามารถคลิกได้
• Image: รูปภาพจาก Media store, อัปโหลด, หรือ URL
• Divider: เส้นที่แบ่งส่วนต่างๆ ออกจากกันทางสายตา
• 2 columns: สองคอลัมน์เท่ากันวางข้างกัน
• 3 columns: สามคอลัมน์เท่ากันวางข้างกัน
• 4 columns: สี่คอลัมน์เท่ากันวางข้างกัน
• 33 / 67: สองคอลัมน์โดยที่ด้านซ้ายใช้ความกว้างประมาณ 33% และด้านขวาประมาณ 67%
• 67 / 33: สองคอลัมน์โดยที่ด้านซ้ายใช้ความกว้างประมาณ 67% และด้านขวาประมาณ 33%
• Timer: ตัวนับถอยหลังสำหรับข้อเสนอและกำหนดเวลา
• Menu: แถวหรือคอลัมน์ของลิงก์, เช่น การนำทางหรือข้อมูลติดต่อ
• Social: ไอคอนที่เชื่อมโยงไปยังโปรไฟล์โซเชียลของคุณ
• HTML: HTML ที่กำหนดเอง, เช่น แบบฟอร์ม, แบบสำรวจ, หรือวิดีโอที่ฝังไว้

หัวเรื่องและข้อความ (Heading and text)

บล็อก Heading และ Text ใช้สำหรับเนื้อหาที่ผู้รับจะอ่านในอีเมล แก้ไขข้อความบนพื้นที่ทำงานและจัดรูปแบบด้วยแถบเครื่องมือ

คลิกบล็อก Heading หรือ Text เพื่อแก้ไขเนื้อหาบนพื้นที่ทำงาน เลือกข้อความบางส่วนเพื่อเปิดแถบเครื่องมือจัดรูปแบบ: ตัวหนา, ตัวเอียง, ขีดเส้นใต้, การจัดตำแหน่ง, ปุ่มลิงก์, และเมนูแบบเลื่อนลง text style

Merge Tags คือตัวยึดตำแหน่งที่แทรกค่า Tag จากโปรไฟล์ของผู้รับลงในอีเมล, เพื่อให้ผู้สมัครรับข้อมูลแต่ละคนเห็นเนื้อหาที่เป็นส่วนตัว หากต้องการเพิ่ม, ให้เลือกข้อความ, คลิก Merge Tags ในแถบเครื่องมือ, และเลือก Tag จากบัญชีของคุณ

รูปภาพ (Image)

บล็อก Image แสดงรูปภาพในอีเมล เลือกบนพื้นที่ทำงานเพื่อเปิดการตั้งค่า Image ในแผงด้านขวา

• Add image / Replace image: คลิก Add image เมื่อบล็อกว่างเปล่า, หรือ Replace image เมื่อมีรูปภาพตั้งค่าอยู่แล้ว คุณสามารถอัปโหลดไฟล์หรือเลือกจาก Media store ของคุณ
• Image URL: วางลิงก์ที่โฮสต์ของรูปภาพ
• Alt text: อธิบายรูปภาพเพื่อการเข้าถึง
• Link URL: เปิดลิงก์เมื่อคลิกที่รูปภาพ ดู เพิ่มลิงก์ สำหรับประเภทลิงก์ที่มีให้ใช้
• Link target: เปิดลิงก์ในแท็บเดียวกันหรือแท็บใหม่
• File: หลังจากที่คุณเพิ่มรูปภาพ, จะแสดงเส้นทางของไฟล์ที่ใช้งานอยู่

ใน Spacing, เปิด Padding เพื่อเพิ่มช่องว่างรอบๆ รูปภาพ ใช้ All sides สำหรับ padding ที่เท่ากันทุกด้าน, หรือเปิด More options เพื่อตั้งค่าแต่ละด้านแยกกัน

ปุ่ม (Button)

Button คือปุ่มเรียกร้องให้ดำเนินการที่สามารถคลิกได้ในอีเมล

คลิกบล็อก Button เพื่อแก้ไขป้ายกำกับบนพื้นที่ทำงาน ใช้แถบเครื่องมือเพื่อเปลี่ยนขนาดตัวอักษร, สีข้อความ, ตัวหนา, ตัวเอียง, ขีดเส้นใต้, และการจัดตำแหน่ง

เพื่อตั้งค่าว่าจะเกิดอะไรขึ้นเมื่อผู้รับคลิกปุ่ม:

• คลิกไอคอนลิงก์ในแถบเครื่องมือเพื่อเปิด Insert/Edit Link
• หรือใช้ Action type และ URL ในส่วน Link ของแผงด้านขวา

ดู เพิ่มลิงก์ สำหรับประเภทการกระทำที่มีให้ใช้

ในแผงด้านขวา, ใต้ Styles:

• Alignment: ซ้าย, กลาง, หรือขวา
• Background, Text color, Font size, และ Font family: เปิดแต่ละตัวเลือกเพื่อแทนที่ลักษณะเริ่มต้น
• Border radius, Border color, และ Border width: รูปร่างและเส้นขอบของปุ่ม
• Width: ตั้งค่าความกว้างของปุ่มแบบคงที่หรือปล่อยให้เป็นอัตโนมัติ
• Padding: เพิ่มช่องว่างภายในปุ่ม ใช้ All sides สำหรับ padding ที่สม่ำเสมอ, หรือเปิด More options เพื่อตั้งค่าแต่ละด้านแยกกัน

เส้นแบ่ง (Divider)

Divider คือเส้นแนวนอนระหว่างบล็อกเนื้อหา ใช้เพื่อแบ่งส่วนต่างๆ ในอีเมลทางสายตา

กำหนดค่า line style (Solid, Dashed, Dotted), color, thickness, และ width ในแผงการตั้งค่า

HTML

บล็อก HTML ให้คุณวางโค้ด HTML ที่กำหนดเองลงในอีเมลของคุณ ใช้สำหรับแบบฟอร์มที่กำหนดเอง, แบบสำรวจ, หรือวิดีโอที่ฝังไว้

ตัวอย่าง

แบบฟอร์มสำหรับลูกค้าเป้าหมาย

แบบฟอร์มนี้รวบรวมที่อยู่อีเมลเพื่อส่งรหัสโปรโมชั่นสำหรับ New Year Sale

โค้ด HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

แบบสำรวจ

แบบสำรวจนี้ถามว่าผู้รับกำลังซื้อสินค้าในหมวดหมู่ใดและเชื่อมโยงแต่ละตัวเลือกไปยังหน้าลดราคาที่เกี่ยวข้อง

โค้ด HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

วิดีโอ

ตัวอย่างนี้ฝังวิดีโอโปรโมต New Year Sale ในอีเมล

โค้ด HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

หมายเหตุ

คุณยังสามารถเพิ่มลิงก์ยกเลิกการสมัครรับข้อมูลได้โดยตรงในบล็อก HTML:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

ตัวยึดตำแหน่ง %%PW_EMAIL_UNSUBSCRIBE%% จะถูกแทนที่ด้วย URL ยกเลิกการสมัครรับข้อมูลของ Pushwoosh เมื่ออีเมลถูกส่ง

เมนู (Menu)

บล็อก Menu วางรายการที่สามารถคลิกได้หลายรายการในแถวหรือคอลัมน์ ใช้สำหรับแถบนำทางหรือรายการข้อมูลติดต่อของบริษัท

สำหรับแต่ละรายการในเมนู, ตั้งค่า:

• Label: ข้อความที่ผู้รับเห็น
• URL: ที่ที่รายการจะเปิด
• Target: แท็บเดียวกันหรือแท็บใหม่

ในการตั้งค่าบล็อก, คุณยังสามารถตั้งค่า:

• Direction: แนวนอน (Horizontal) หรือแนวตั้ง (Vertical)
• Alignment: ซ้าย (Left), กลาง (Center), หรือขวา (Right)
• Separator: ตัวคั่นทางเลือกระหว่างรายการ
• แบบอักษร, ขนาด, น้ำหนัก, ระยะห่างตัวอักษร, และสีของลิงก์/ข้อความ

โซเชียล (Social)

บล็อก Social แสดงแถวของไอคอนโซเชียลมีเดียที่เชื่อมโยงไปยังโปรไฟล์ของคุณ ใช้เพื่อส่งผู้รับไปยัง Facebook, Instagram, X, และแพลตฟอร์มอื่นๆ จากอีเมล

เพิ่มรายการแพลตฟอร์ม, จากนั้นตั้งค่าการจัดตำแหน่ง, ขนาดไอคอน, และช่องว่างระหว่างไอคอน

ตัวนับถอยหลัง (Countdown timer)

บล็อก Timer คือตัวนับถอยหลังในอีเมล ใช้สำหรับข้อเสนอที่มีเวลาจำกัด, การลดราคากระทันหัน, และการแจ้งเตือนกิจกรรม

เพื่อตั้งค่า:

1. ใน Countdown, ตั้งค่า End date และ End time, จากนั้นเลือก Timezone และ Language สำหรับป้ายกำกับของตัวนับเวลา
2. เปิด Labels เพื่อแสดงคำบรรยาย “days / hours / minutes / seconds” ใต้ตัวเลข, หรือปิดเพื่อแสดงเฉพาะตัวเลข
3. ใน Appearance, ตั้งค่า Background, Digits color, Labels color, และขนาดตัวอักษรสำหรับตัวเลข (ค่าเริ่มต้น 40px) และป้ายกำกับ (ค่าเริ่มต้น 16px)
4. ปรับ Spacing (padding) ตามต้องการ

คอลัมน์ (Columns)

Columns แบ่งพื้นที่ทำงานออกเป็นส่วนๆ ข้างกันเพื่อให้คุณสามารถวางเนื้อหาติดกันในแถวเดียวได้

ลากหนึ่งในบล็อกเหล่านี้ไปยังพื้นที่ทำงาน:

• 2 columns: สองคอลัมน์เท่ากัน
• 3 columns: สามคอลัมน์เท่ากัน
• 4 columns: สี่คอลัมน์เท่ากัน
• 33 / 67: คอลัมน์ซ้ายกว้างประมาณ 33%, คอลัมน์ขวากว้างประมาณ 67%
• 67 / 33: คอลัมน์ซ้ายกว้างประมาณ 67%, คอลัมน์ขวากว้างประมาณ 33%

จากนั้นเพิ่มเนื้อหาลงในแต่ละคอลัมน์ หากต้องการเปลี่ยนระยะห่างสำหรับทุกคอลัมน์ในอีเมล, ให้เปิด Settings → Columns defaults และปรับ padding ด้านนอก, padding ของคอลัมน์, และช่องว่างระหว่างคอลัมน์

เพิ่มลิงก์

ใช้กล่องโต้ตอบ Insert/Edit Link เพื่อตั้งค่าว่าจะเกิดอะไรขึ้นเมื่อผู้รับคลิกปุ่มหรือข้อความที่เลือก เลือก Action type, จากนั้นกรอกข้อมูลในช่องสำหรับการกระทำนั้น

เปิดเว็บไซต์ (Open Website)

เปิดลิงก์เมื่อผู้รับคลิก ป้อนที่อยู่ใน URL

ลิงก์จัดการการตั้งค่า (Manage preferences link)

เพิ่มลิงก์ไปยัง ศูนย์การตั้งค่าการสมัครรับข้อมูล ที่ผู้รับสามารถเลือกหมวดหมู่อีเมลที่ต้องการรับได้ ลิงก์จะถูกแทรกโดยอัตโนมัติ

ลิงก์ยกเลิกการสมัครรับข้อมูล (Unsubscribe link)

ให้ผู้รับสามารถเลือกไม่รับข้อมูลได้ตามกฎระเบียบและความต้องการของพวกเขา

เคล็ดลับ

คุณยังสามารถเพิ่มลิงก์ยกเลิกการสมัครรับข้อมูลในบล็อก HTML ได้:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

ตัวยึดตำแหน่ง %%PW_EMAIL_UNSUBSCRIBE%% จะถูกแทนที่ด้วย URL ยกเลิกการสมัครรับข้อมูลของ Pushwoosh เมื่ออีเมลถูกส่ง

จะเกิดอะไรขึ้นเมื่อผู้รับคลิกลิงก์ยกเลิกการสมัครรับข้อมูล

หากเปิดใช้งานศูนย์การตั้งค่าการสมัครรับข้อมูล

ผู้รับจะถูกยกเลิกการสมัครรับข้อมูลเฉพาะจากหมวดหมู่ที่กำหนดให้กับอีเมลนั้น (เช่น Newsletter) ชื่อหมวดหมู่จะถูกเพิ่มเข้าไปในแท็ก Unsubscribed Email Categories ของพวกเขา

หน้าจอยืนยันจะปรากฏขึ้นพร้อมตัวเลือก Resubscribe และ Manage preferences เรียนรู้เพิ่มเติม

หากไม่ได้เปิดใช้งานศูนย์การตั้งค่าการสมัครรับข้อมูล

ผู้รับจะเลือกไม่รับอีเมลการตลาดทั้งหมดและแท็ก Unsubscribed Emails จะถูกตั้งค่าเป็น true อีเมลธุรกรรมจะไม่ได้รับผลกระทบและจะยังคงถูกส่งต่อไป เรียนรู้เพิ่มเติมเกี่ยวกับประเภทข้อความ

สำคัญ

เพื่อให้คุณสามารถส่งอีเมลที่สำคัญไปยังลูกค้าของคุณได้, เราจะไม่ลบผู้ใช้ที่ยกเลิกการสมัครรับข้อมูลออกจากฐานผู้ใช้ของคุณ

เพื่อส่งข้อความถึงผู้รับที่มีส่วนร่วมต่อไป, ให้สร้าง segment ที่กรองโดย Unsubscribed Emails = false เพื่อหลีกเลี่ยงการร้องเรียน, อย่าส่งอีเมลถึงผู้รับที่ได้ยกเลิกการสมัครรับข้อมูลแล้ว

การคลิกจะถูกนับในอัตราการยกเลิกการสมัครรับข้อมูลใน Message History

ลิงก์เวอร์ชันเว็บ (Web version link)

ให้ผู้รับเข้าถึงอีเมลเวอร์ชันเว็บ, ซึ่งมีประโยชน์หากพวกเขามีปัญหาในการดูในกล่องจดหมายของตน

ลิงก์ยืนยันแบบฟอร์มการสมัครรับข้อมูล (Subscription form confirmation link)

แทรกลิงก์ยืนยันสำหรับการส่งแบบฟอร์มการสมัครรับข้อมูล (ตัวอย่างเช่น, เพื่อยืนยัน double opt-in) เรียนรู้เพิ่มเติมเกี่ยวกับ double opt-in

กำหนดค่าสไตล์ทั้งอีเมล

การตั้งค่าอีเมลควบคุมสไตล์สำหรับทั้งอีเมล: ขนาดและพื้นหลังของเอกสาร, ตัวเลือกที่ผู้ส่งเห็น, และสไตล์เริ่มต้นสำหรับบล็อก

เปิดแท็บ Settings ในแผงด้านขวา

ส่วนที่มีให้ใช้:

• Document: ขนาดและลักษณะของพื้นที่อีเมลทั้งหมด: ความกว้าง, padding, สีพื้นหลัง, รูปภาพพื้นหลังหรือการไล่ระดับสี, สีข้อความ, ตระกูลแบบอักษร, และช่องว่างระหว่างบล็อก
• Email options: เปิดหรือปิด View in browser และ Unsubscribe link สำหรับอีเมล
• Block defaults: สไตล์เริ่มต้นร่วมกันสำหรับบล็อกที่คุณเพิ่มในภายหลัง, เพื่อให้เนื้อหาใหม่ตรงกับอีเมลจนกว่าคุณจะแทนที่บล็อกบนพื้นที่ทำงาน
• Columns defaults: ระยะห่างสำหรับทุกเลย์เอาต์ของ Columns: padding ด้านนอก, padding ภายในแต่ละคอลัมน์, และช่องว่างระหว่างคอลัมน์
• Card defaults: ลักษณะเริ่มต้นสำหรับคอนเทนเนอร์ Card ที่จัดกลุ่มเนื้อหาในเลย์เอาต์, จะถูกนำไปใช้จนกว่าคุณจะจัดสไตล์การ์ดทีละใบ
• Button group defaults: ระยะห่างและการจัดตำแหน่งเมื่อมีปุ่มหลายปุ่มอยู่ด้วยกันเป็นกลุ่ม
• Button defaults: ลักษณะเริ่มต้นสำหรับบล็อก Button ใหม่เพื่อให้ CTA มีความสอดคล้องกันทั่วทั้งอีเมลจนกว่าคุณจะจัดสไตล์ปุ่มใดปุ่มหนึ่งแยกต่างหาก
• Divider defaults: สไตล์เส้น, สี, ความหนา, และความกว้างเริ่มต้นสำหรับบล็อก Divider ใหม่

ค่าเริ่มต้นจะถูกนำไปใช้ในทุกที่ที่บล็อกแต่ละบล็อกไม่ได้แทนที่ค่าเหล่านั้น

กำหนดค่าส่วนท้ายของอีเมล

ทุกอีเมลจะมีบล็อก Footer สำหรับข้อมูลผู้ส่งและลิงก์ยกเลิกการสมัครรับข้อมูลที่กฎหมายกำหนด เลือก Footer ใน Layers panel เพื่อเปิดการตั้งค่า

ใช้ Load from account เพื่อดึงข้อมูลส่วนท้ายระดับบัญชีที่คุณบันทึกไว้, หรือ Save as account default เพื่อนำส่วนท้ายปัจจุบันกลับมาใช้ใหม่เป็นจุดเริ่มต้นสำหรับอีเมลในอนาคต

• Email type: Marketing หรือ Transactional การมองเห็นการยกเลิกการสมัครรับข้อมูลจะขึ้นอยู่กับการตั้งค่านี้
• Logo: ตั้งค่า URL ของโลโก้หรือเลือกจากแกลเลอรี, จากนั้นตั้งค่าความกว้างเป็น px และลิงก์คลิกผ่านที่เป็นทางเลือก
• Company name, Postal address, และ Copyright: ข้อมูลประจำตัวผู้ส่งของคุณในส่วนท้าย

ข้อควรระวัง

อีเมลการตลาดต้องมีที่อยู่ไปรษณีย์จริง (CAN-SPAM)

ใน Links & badges:

• Footer links: เพิ่มลิงก์ที่มีป้ายกำกับ, เช่น นโยบายความเป็นส่วนตัว หรือ ข้อกำหนด
• App store badges: เพิ่มป้าย App Store หรือ Google Play พร้อม URL ปลายทาง
• Social links: เพิ่มไอคอนที่เชื่อมโยงไปยังโปรไฟล์โซเชียลของคุณ

ใน Style:

• Text color: ตั้งค่าสีข้อความส่วนท้าย
• Font size (px): ตั้งค่าขนาดตัวอักษรส่วนท้าย
• Alignment: ซ้าย, กลาง, หรือขวา
• Underline links: เปิดเพื่อขีดเส้นใต้ลิงก์ในส่วนท้าย

ใน Options:

• Unsubscribe link text: ป้ายกำกับสำหรับลิงก์ยกเลิกการสมัครรับข้อมูลที่มีการจัดการในอีเมลการตลาด อีเมลธุรกรรมจะไม่มีส่วนนี้

แปลเนื้อหาอีเมลของคุณเป็นภาษาท้องถิ่น

ใช้ตัวสลับภาษาเหนือพื้นที่ทำงานเพื่อเพิ่มภาษาและแก้ไขเนื้อหาตามภาษา เรียนรู้วิธีเพิ่มภาษา

เนื้อหาที่คุณยังไม่ได้แปลสำหรับภาษาปัจจุบันจะแสดงเป็นสีจาง เริ่มพิมพ์เพื่อสร้างคำแปล ภาษาเริ่มต้นจะยังคงแสดงอยู่จนกว่าคุณจะทำ

หมายเหตุ

บล็อกใดๆ ที่คุณเพิ่มจะปรากฏพร้อมเนื้อหาเดียวกันสำหรับทุกภาษา อย่าลืมแปลข้อความใหม่และป้ายกำกับปุ่มสำหรับทุกภาษาที่คุณใช้ในอีเมลของคุณ

บันทึกอีเมลของคุณ

คลิก Save ในแถบด้านบนเพื่อบันทึกการเปลี่ยนแปลงของคุณ ใช้ Undo/Redo ในแถบด้านบนเพื่อย้อนกลับและไปข้างหน้าในการแก้ไขของคุณ

หมายเหตุ

การบันทึกจะเก็บอีเมลของคุณไว้ใน Content → Email content จากที่นั่นคุณสามารถแก้ไขและจัดการ, และใช้ในแคมเปญของคุณได้ เรียนรู้เพิ่มเติม

ส่งอีเมลทดสอบ

ก่อนที่จะส่งแคมเปญอีเมลของคุณ, คุณสามารถส่งอีเมลทดสอบเพื่อดูตัวอย่างว่าเนื้อหาจะปรากฏอย่างไรในกล่องจดหมายของผู้รับ

1. คลิก Test email ในแถบด้านบน

2. ในหน้าต่างที่เปิดขึ้น, เลือก test device ที่บันทึกไว้หรือพิมพ์ที่อยู่อีเมลใดก็ได้

3. คลิก Send เพื่อส่งข้อความทดสอบไปยังที่อยู่ที่คุณเลือก

ใช้เนื้อหาอีเมลที่คุณบันทึกไว้

ตอนนี้เนื้อหาอีเมลของคุณพร้อมแล้ว, สามารถนำไปใช้ในแคมเปญอีเมลได้ เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการใช้งาน