ข้ามไปยังเนื้อหา

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

วิดีโอ YouTube: สร้างเนื้อหาอีเมลที่น่าสนใจในไม่กี่นาทีด้วยเครื่องมือแก้ไขอีเมลแบบลากและวางของ Pushwoosh

เครื่องมือแก้ไขอีเมลแบบลากและวางช่วยให้คุณออกแบบอีเมลได้อย่างง่ายดายโดยไม่ต้องมีทักษะด้านการเขียนโค้ดหรือการออกแบบ มีองค์ประกอบเนื้อหาและเลย์เอาต์ที่หลากหลายซึ่งปรับให้เหมาะกับความต้องการเฉพาะของคุณ

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

หากคุณต้องการควบคุมการออกแบบของคุณอย่างเต็มที่ ให้เลือก เทมเพลตว่าง (Blank template) เพื่อสร้างอีเมลที่ปรับแต่งเองทั้งหมดตั้งแต่ต้น

แท็บหลักในเครื่องมือแก้ไขแบบลากและวาง

Anchor link to

เครื่องมือแก้ไขแบบลากและวางประกอบด้วยสี่แท็บหลัก:

เนื้อหา (Content)

Anchor link to

แท็บนี้ช่วยให้คุณสร้างเลย์เอาต์ของอีเมลโดยการแทรกองค์ประกอบเนื้อหาต่างๆ

บล็อก (Blocks)

Anchor link to

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

เนื้อหาหลัก (Body)

Anchor link to

ในแท็บนี้ คุณจะจัดการการตั้งค่าโดยรวมของอีเมลของคุณ รวมถึง preheader, ข้อความ และการจัดรูปแบบลิงก์

รูปภาพ (Images)

Anchor link to

แท็บนี้ช่วยให้คุณค้นหารูปภาพสต็อกหรือสร้างรูปภาพที่ไม่ซ้ำใครโดยใช้ AI

ปรับแต่งเลย์เอาต์อีเมล

Anchor link to

ขั้นแรก ไปที่ แท็บบล็อก (Blocks tab) เพื่อสร้างโครงสร้างพื้นฐานสำหรับอีเมลของคุณ

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

ในการสร้างเลย์เอาต์อีเมล ให้ลากและวางบลอกจากแผงแก้ไขไปยังเนื้อหาอีเมล

ในแท็บ บล็อก (Blocks) คุณมีตัวเลือกในการระบุคุณสมบัติสำหรับทั้งคอลัมน์และแถว

สำหรับ คอลัมน์ (Columns) คุณสามารถปรับแต่งสิ่งต่อไปนี้:

  • สีพื้นหลัง
  • ระยะขอบ (Padding)
  • เส้นขอบ (Border)

สำหรับ แถว (Rows) คุณสามารถระบุสิ่งต่อไปนี้:

  • สีพื้นหลัง
  • สีพื้นหลังของเนื้อหา
  • รูปภาพพื้นหลัง คุณสามารถอัปโหลดรูปภาพ เลือกจากคลังภาพสต็อก หรือระบุ URL ของรูปภาพที่กำหนดเอง

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

Anchor link to

หลังจากที่คุณสร้างโครงสร้างพื้นฐานของอีเมลแล้ว ก็ถึงเวลาเริ่มเพิ่มเนื้อหา

ภายในแท็บ เนื้อหา (Content) คุณสามารถแทรกองค์ประกอบเนื้อหาต่างๆ ลงในอีเมลของคุณได้ ได้แก่:

  • หัวเรื่อง (Heading)
  • ข้อความ (Text)
  • รูปภาพ (Image)
  • ปุ่ม (Button)
  • HTML
  • ตัวคั่น (Divider)
  • เมนู (Menu)
  • ลิงก์ยกเลิกการสมัคร (Unsubscribe link)

ในการรวมองค์ประกอบเนื้อหาเหล่านี้ไว้ในอีเมลของคุณ เพียงเลือกองค์ประกอบจากเมนูแล้วลากไปยังอีเมลทางด้านซ้าย

เพิ่มหัวเรื่อง

Anchor link to

ในการแทรกหัวเรื่อง เพียงลากองค์ประกอบ หัวเรื่อง (Heading) ไปยังเนื้อหาอีเมล

คุณสามารถเขียนหัวเรื่องของคุณเอง หรือใช้เครื่องมือ Smart Headings AI ของเราเพื่อช่วยคุณสร้างหัวเรื่องที่มีประสิทธิภาพ ในการทำเช่นนี้ คลิกที่ รับคำแนะนำ (Get Suggestions) และพิมพ์คำสองสามคำ เครื่องมือจะแสดงตัวเลือกหัวเรื่องต่างๆ

นอกจากนี้ คุณสามารถเลือกโทนเสียงที่ต้องการสำหรับหัวเรื่องของคุณได้

หากคุณไม่พอใจกับผลลัพธ์หรือต้องการตัวเลือกหัวเรื่องเพิ่มเติม เพียงกดปุ่ม รีเฟรช (Refresh)

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

ปรับแต่งหัวเรื่องให้เป็นส่วนตัว

Anchor link to

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

จากบานหน้าต่างด้านขวา คุณยังมีความยืดหยุ่นในการปรับการตั้งค่าข้อความต่างๆ เช่น:

  • ระดับหัวเรื่อง
  • ตระกูลฟอนต์, น้ำหนัก และขนาด
  • สีข้อความ
  • การจัดตำแหน่งข้อความ
  • ความสูงของบรรทัด
  • สไตล์ของลิงก์
  • ระยะขอบ (Padding)
  • การออกแบบที่ตอบสนอง (Responsive design) และอื่นๆ

เพิ่มข้อความ

Anchor link to

ในการรวมข้อความในอีเมลของคุณ ให้ลากองค์ประกอบ ข้อความ (Text) ไปยังเนื้อหาอีเมลแล้วพิมพ์หรือวางข้อความของคุณ หากคุณกำลังวางเนื้อหา คุณสามารถเลือกว่าจะคงรูปแบบของข้อความไว้หรือลบออก

เมื่อคุณคลิกที่ข้อความ แถบเครื่องมือจะปรากฏขึ้นพร้อมตัวเลือกสำหรับการจัดรูปแบบข้อความ

ปรับแต่งข้อความให้เป็นส่วนตัว

Anchor link to

ในการปรับแต่งข้อความของคุณให้เป็นส่วนตัว คลิก แท็กผสาน (Merge tags) ในแถบเครื่องมือและเลือกแท็กที่คุณต้องการรวมจากเมนูแบบเลื่อนลง

เพื่อปรับปรุงคุณภาพการเขียนของคุณด้วย AI เลือก Smart Text ในแถบเครื่องมือและเลือกวิธีเฉพาะที่คุณต้องการให้ AI ช่วยเหลือคุณเกี่ยวกับข้อความของคุณ

เพิ่มรูปภาพ

Anchor link to

ในการแทรกองค์ประกอบรูปภาพในอีเมลของคุณ ให้ลากองค์ประกอบ รูปภาพ (Image) ไปยังตำแหน่งที่คุณต้องการในอีเมล

คุณมีหลายตัวเลือกในการเพิ่มรูปภาพ:

  • ในการอัปโหลดรูปภาพ คลิก อัปโหลดรูปภาพ (Upload Image) ที่บานหน้าต่างด้านขวา
  • เพิ่มลิงก์ไปยังรูปภาพที่คุณต้องการใช้ในช่อง URL รูปภาพ
  • ในการเลือกรูปภาพจากภาพสต็อก คลิก รูปภาพเพิ่มเติม (More Images) แล้วเลือก ภาพสต็อก (Stock Photos) เพื่อค้นหารูปภาพที่ต้องการ
  • คุณยังสามารถใช้เครื่องมือ Magic Image AI เพื่อสร้างรูปภาพที่ไม่ซ้ำใครที่คุณต้องการ

ในการเพิ่มเอฟเฟกต์ให้กับรูปภาพของคุณ คลิกที่ ใช้เอฟเฟกต์ (Apply Effects) ที่บานหน้าต่างด้านขวา ในหน้าต่างป๊อปอัป เลือกเอฟเฟกต์ที่ต้องการสำหรับรูปภาพและคลิกที่ บันทึก (Save) เพื่อนำไปใช้

คุณยังสามารถตรวจสอบประวัติการเปลี่ยนแปลงที่คุณทำกับรูปภาพและย้อนกลับได้โดยคลิกที่ไอคอน ประวัติ (History) ที่ด้านบน

เพิ่มปุ่ม

Anchor link to

ในการรวมปุ่มในอีเมลของคุณ ให้ลากองค์ประกอบ ปุ่ม (Button) จากบานหน้าต่างด้านขวาของเครื่องมือแก้ไข

คุณสามารถป้อนข้อความปุ่มของคุณเองหรือใช้เครื่องมือ Smart Buttons AI เพื่อสร้างข้อความให้คุณ

ถัดไป ระบุประเภทการกระทำสำหรับปุ่มเมื่อถูกคลิก และระบุ URL และแท็บเป้าหมาย

นอกจากนี้ คุณมีตัวเลือกในการกำหนดค่าตัวเลือกปุ่ม การตั้งค่าระยะห่าง และการตั้งค่าการออกแบบที่ตอบสนอง

เพิ่ม HTML

Anchor link to

คุณยังมีตัวเลือกในการรวมโค้ด HTML เข้าไปในอีเมลของคุณ ในการทำเช่นนี้ ให้ลากองค์ประกอบ HTML ไปทางซ้ายและแทรกโค้ดลงในช่อง HTML ที่บานหน้าต่างด้านขวา

เพิ่มเมนู

Anchor link to

คุณสามารถรวมเมนูแบบโต้ตอบไว้ในอีเมลของคุณเพื่อปรับปรุงการนำทางและเพิ่มอัตราการคลิกผ่าน ซึ่งนำเสนอวิธีการที่เป็นระเบียบและน่าสนใจให้ผู้รับได้สำรวจเนื้อหาของคุณ
ในการทำเช่นนี้ ให้ลากองค์ประกอบ เมนู (Menu) ไปยังเนื้อหาอีเมลและรวมรายการเมนู จากนั้นระบุข้อความสำหรับแต่ละรายการเมนู แทรก URL และเลือกแท็บเป้าหมาย

คุณยังสามารถปรับแต่งสไตล์ ปรับระยะขอบของคอนเทนเนอร์ และตัดสินใจว่าจะแสดงเมนูบนอุปกรณ์มือถือหรือเดสก์ท็อป

เพิ่มตัวคั่น

Anchor link to

เพื่อให้อีเมลของคุณมีโครงสร้างที่ดีและเน้นบล็อกที่สำคัญที่สุด ให้ใช้ ตัวคั่น (Dividers) ตัวคั่นคือเส้นที่คุณสามารถวางระหว่างบล็อกขององค์ประกอบต่างๆ

ในการเพิ่มตัวคั่น ให้ลากองค์ประกอบ ตัวคั่น (Divider) จากบานหน้าต่างด้านขวาและปรับแต่งลักษณะที่ปรากฏ

เพิ่มลิงก์

Anchor link to

ในการเพิ่มลิงก์ไปยังอีเมลของคุณ ให้เลือกข้อความที่คุณต้องการแทรกลิงก์ จากนั้นคลิกที่ไอคอนลิงก์ในแถบเครื่องมือ

เมื่อเพิ่มหรือแก้ไขลิงก์ภายในอีเมลของคุณ คุณมีหลายตัวเลือกในการกำหนดพฤติกรรมของลิงก์ การกระทำที่มีอยู่ ได้แก่:

  • เปิดเว็บไซต์ (Open website)
  • ลิงก์เวอร์ชันเว็บ (Web version link)
  • ไม่ติดตามสถิติ (No track statistics)
  • ลิงก์ยกเลิกการสมัคร (Unsubscribe link)

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

Anchor link to

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

ในช่อง URL ให้ป้อนที่อยู่เว็บแบบเต็มของเว็บไซต์ที่คุณต้องการเชื่อมโยง

ตั้งค่าตัวเลือก เป้าหมาย (Target) เพื่อกำหนดวิธีการเปิดลิงก์:

  • แท็บใหม่ (New Tab): ลิงก์จะเปิดในแท็บเบราว์เซอร์ใหม่
  • แท็บเดิม (Same Tab): ลิงก์จะแทนที่หน้าปัจจุบันในแท็บเดียวกัน
Anchor link to

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

หากต้องการเปิดใช้งานคุณสมบัตินี้ โปรด ติดต่อทีมสนับสนุนของเรา

ไม่ติดตามสถิติ (No track statistics)

Anchor link to

ใช้ตัวเลือกนี้หากคุณไม่ต้องการให้ระบบติดตามการคลิกหรือการโต้ตอบกับลิงก์ จะไม่มีการบันทึกข้อมูลการติดตามเมื่อผู้รับโต้ตอบกับลิงก์นี้

Anchor link to

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

หากคุณต้องการรวมการยกเลิกการสมัครโดยตรงผ่าน HTML ในอีเมลของคุณ ให้เพิ่ม ลิงก์ยกเลิกการสมัคร (Unsubscribe link) ไปยังอีเมลของคุณดังนี้:

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

ค่าแอตทริบิวต์ %%PW_EMAIL_UNSUBSCRIBE%% จะถูกแทนที่ด้วยลิงก์ ยกเลิกการสมัคร (Unsubscribe) ของ Pushwoosh ในขณะที่คุณส่งข้อความอีเมล เมื่อผู้รับคลิกที่ลิงก์ พวกเขาจะเลือกไม่รับอีเมลของคุณและจะถูกนับในอัตราการยกเลิกการสมัครสำหรับข้อความอีเมลนั้นๆ ใน ประวัติข้อความ (Message History)

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

นี่คือวิธีการสร้างลิงก์ยกเลิกการสมัครที่กำหนดเอง:

  1. ไฮไลต์ข้อความที่คุณต้องการใช้เป็นลิงก์ยกเลิกการสมัคร
  2. คลิกไอคอน ลิงก์ (Link) ในแถบเครื่องมือจัดรูปแบบ
  3. ในหน้าต่างป๊อปอัป เลือกตัวเลือก ลิงก์ยกเลิกการสมัคร (Unsubscribe link) จากเมนูแบบเลื่อนลง ประเภทการกระทำ (Action type)

เพิ่ม preheader

Anchor link to

จากแท็บ เนื้อหาหลัก (Body) คุณมีตัวเลือกในการรวม preheader ซึ่งเป็นข้อความสรุปสั้นๆ ที่ปรากฏหลังหัวเรื่องเมื่อผู้รับดูอีเมลในกล่องจดหมายของตน

บันทึกบล็อกเนื้อหาเพื่อใช้ในอนาคต

Anchor link to

เมื่อออกแบบเนื้อหาอีเมลของคุณ คุณสามารถบันทึกบล็อกเนื้อหาที่เฉพาะเจาะจงเพื่อใช้ในอนาคตได้

  1. เมื่อคุณสรุปบล็อกเสร็จแล้ว คลิกตัวเลือก บันทึกบล็อก (Save Block)
  1. ในหน้าต่างป๊อปอัป ป้อนชื่อหมวดหมู่เพื่อจัดระเบียบบล็อกของคุณ (เช่น “โปรโมชัน”, “จดหมายข่าว”) เพิ่ม แท็ก (Tags) ที่เกี่ยวข้อง โดยคั่นด้วยเครื่องหมายจุลภาค (เช่น “ลดราคา, ส่วนลด, ฤดูร้อน”) เพื่อช่วยจัดหมวดหมู่และค้นหาบล็อกของคุณ

หลังจากป้อนหมวดหมู่และแท็กแล้ว คลิกปุ่ม บันทึก (Save) เพื่อเก็บบล็อกไว้ใช้ในอนาคต

ตอนนี้คุณสามารถเข้าถึงบล็อกที่บันทึกไว้ในส่วน บล็อก (Blocks) ของเครื่องมือแก้ไขอีเมลได้แล้ว ซึ่งช่วยให้คุณสามารถนำเนื้อหากลับมาใช้ใหม่ในแคมเปญอีเมลต่างๆ ได้อย่างง่ายดาย

กำหนดค่าการตั้งค่าเนื้อหาโดยรวม

Anchor link to

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

เข้าถึงคลังรูปภาพขนาดใหญ่

Anchor link to

ในแท็บ รูปภาพ (Images) คุณสามารถเข้าถึงคลังรูปภาพขนาดใหญ่จาก Unsplash, Pexels และ Pixabay ซึ่งทั้งหมดได้รับอนุญาตภายใต้ Creative Commons Zero คุณยังสามารถสร้างรูปภาพที่กำหนดเองโดยใช้เครื่องมือ Magic Images

ในการรวมรูปภาพเข้ากับอีเมลของคุณ เพียงลากไปยังตำแหน่งที่ต้องการทางด้านขวา

ดูตัวอย่างและบันทึกอีเมลของคุณ

Anchor link to

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

หลังจากที่คุณสร้างอีเมลเสร็จแล้ว คลิกที่ปุ่ม บันทึก (Save) ที่ด้านบนของเครื่องมือแก้ไข

ในหน้าต่างป๊อปอัป ตั้งชื่ออีเมลของคุณให้ชัดเจน ซึ่งอาจเป็นชื่อเดียวกับหัวเรื่องของคุณ และสร้างป้ายกำกับเพื่อช่วยให้คุณค้นหาอีเมลของคุณในรายการเนื้อหาอีเมลได้อย่างง่ายดาย หากคุณยังไม่ได้ ตั้งค่ารายละเอียดผู้ส่ง อย่าลืมทำด้วย จากนั้นคลิก บันทึก (Save)

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

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

Anchor link to

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

ในการส่งอีเมลทดสอบ คลิก อีเมลทดสอบ (Test email) ในเครื่องมือแก้ไขอีเมล

ในหน้าต่างที่เปิดขึ้น:

  1. ในช่อง ที่อยู่อีเมล (Email address) ป้อนที่อยู่อีเมลที่คุณต้องการรับอีเมลทดสอบ

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

  1. หากอีเมลของคุณมีเนื้อหาแบบไดนามิก (ตัวยึดตำแหน่งสำหรับข้อมูลส่วนบุคคล) ให้เพิ่มค่าตัวอย่างเพื่อวัตถุประสงค์ในการทดสอบ

ตัวอย่างเช่น:

  • Age (integer): ป้อนตัวเลขเพื่อแทนที่ตัวยึดตำแหน่งอายุ (เช่น 21)
  • FirstName (string): ป้อนชื่อตัวอย่าง (เช่น David)

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

  1. เมื่อคุณกรอกรายละเอียดที่จำเป็นแล้ว คลิก ส่งอีเมลทดสอบ (Send test email) เพื่อส่งข้อความทดสอบไปยังที่อยู่อีเมลที่ให้ไว้