สร้างเนื้อหาอีเมลด้วย Drag & drop editor

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

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

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

ปุ่มสร้างเนื้อหาอีเมลพร้อมเมนูที่แสดง Use a template และ HTML code

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

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

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

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

Preview: ดูอีเมลตามที่จะแสดงผลสำหรับผู้รับ พร้อมสวิตช์ Desktop/Mobile ของตัวเอง ดูที่ แก้ไขมุมมองมือถือ
Test email: ส่งตัวอย่างไปยังอุปกรณ์ทดสอบหรือที่อยู่ ดูที่ ส่งอีเมลทดสอบ
Brand book: ใช้โลโก้ สี ฟอนต์ และค่าเริ่มต้นของบล็อกที่คุณบันทึกไว้กับอีเมลนี้ได้ในคลิกเดียว เรียนรู้เพิ่มเติม
ส่วน Brand styles: ใช้แบรนด์ที่คุณบันทึกไว้หรือรีเซ็ตการลบล้างสไตล์ต่อบล็อกโดยไม่ต้องเปิด Brand book เรียนรู้เพิ่มเติม
Version history: ดูและกู้คืนเวอร์ชันที่บันทึกไว้ก่อนหน้าของอีเมลนี้ ดูที่ กู้คืนเวอร์ชันก่อนหน้า

แถบด้านบนของเครื่องมือแก้ไขอีเมลพร้อมชื่อเทมเพลต, Undo, Redo, Test email และ Save

แถบภาษา / หัวเรื่อง / Preheader

เหนือ canvas ให้สลับภาษาที่ใช้แก้ไข ตั้งค่าหัวเรื่องและ preheader สำหรับอีเมล และใช้ Auto-translate เพื่อเติมคำแปลที่ขาดหายไป เรียนรู้วิธีตั้งค่าภาษาและการแปลเป็นภาษาท้องถิ่น

Canvas

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

แผง Layers

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

แผงด้านขวา

สลับระหว่างสามแท็บ:

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

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

เปิดแท็บ Blocks ในแผงด้านขวา
ลากบล็อกไปวางบน canvas หรือคลิกที่บล็อกเพื่อเพิ่มไว้ที่ท้ายอีเมล
เพิ่มบล็อกต่อไปจนกว่าเลย์เอาต์จะพร้อม

บล็อกแต่ละประเภทมีวัตถุประสงค์ที่แตกต่างกันในอีเมล:

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

ดู การอ้างอิงบล็อกเนื้อหาอีเมล สำหรับการตั้งค่าของแต่ละบล็อก วิธีบันทึกและนำบล็อกกลับมาใช้ใหม่ และ ประเภทของลิงก์ สำหรับปุ่มและข้อความ

แสดงเนื้อหาต่อผู้รับที่เฉพาะเจาะจง

หากต้องการแสดงบล็อกเฉพาะผู้รับบางราย ให้ตั้งค่า เงื่อนไขการแสดงผล

แก้ไขมุมมองมือถือ

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

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

ตั้งค่า padding และขนาดฟอนต์ที่แตกต่างกันสำหรับแต่ละอุปกรณ์

Padding: ทุกบล็อก คอลัมน์ การ์ด และองค์ประกอบแต่ละอย่าง (เช่น ข้อความ รูปภาพ หรือปุ่ม) มีตัวควบคุม padding ที่คุณสามารถลบล้างสำหรับมือถือได้ สลับ canvas ไปที่ Mobile เลือกช่องทำเครื่องหมายข้าง Padding และตั้งค่าใหม่ padding ของเดสก์ท็อปจะยังคงเหมือนเดิมจนกว่าคุณจะเลือกช่องทำเครื่องหมาย
Font size: เปิด Font size (mobile) บนองค์ประกอบข้อความเพื่อตั้งค่าขนาดสำหรับมือถือโดยเฉพาะ หากไม่มีการลบล้างนี้ หัวข้อขนาดใหญ่จะย่อขนาดลงโดยอัตโนมัติเพื่อให้พอดีกับหน้าจอโทรศัพท์

ควบคุมการเรียงซ้อนของคอลัมน์บนมือถือ

เลย์เอาต์ Columns จะเรียงซ้อนกันในแนวตั้งบนโทรศัพท์โดยค่าเริ่มต้น ในมุมมองมือถือ ให้ใช้ Stack columns เพื่อตั้งค่าการทำงานของแต่ละบล็อก Columns:

Stack: คอลัมน์จะไหลรวมเป็นคอลัมน์เดียว จากบนลงล่าง (ค่าเริ่มต้น)
Keep row: คอลัมน์จะอยู่เคียงข้างกัน โดยคงเลย์เอาต์ของเดสก์ท็อปไว้
Reverse: คอลัมน์จะเรียงซ้อนกันในลำดับย้อนกลับ มีประโยชน์สำหรับแถวที่มีรูปภาพ + ข้อความ: ให้รูปภาพอยู่ทางขวาบนเดสก์ท็อป แต่แสดงไว้ด้านบนบนมือถือ

ส่วน Mobile ในแผงด้านขวาพร้อมตัวเลือก Stack, Keep row และ Reverse สำหรับบล็อก Columns

แสดงหรือซ่อนเนื้อหาตามอุปกรณ์

เปิดการตั้งค่าของบล็อกหรือองค์ประกอบแล้วใช้ Hide on mobile หรือ Hide on desktop ใต้ Visibility เพื่อแสดงบนอุปกรณ์เพียงเครื่องเดียว คุณจึงสามารถสร้างแบนเนอร์, CTAs หรือการนำทางเฉพาะอุปกรณ์ได้โดยไม่ต้องดูแลเทมเพลตสองชุด

การตั้งค่า Visibility พร้อมช่องทำเครื่องหมาย Hide on mobile และ Hide on desktop สำหรับบล็อกที่เลือก

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

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

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

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

กู้คืนเวอร์ชันก่อนหน้า

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

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

แผง Version history พร้อมเวอร์ชันที่บันทึกไว้ทางด้านซ้ายและตัวอย่างอีเมลทางด้านขวา

การกู้คืนจะโหลดเวอร์ชันเป็นการเปลี่ยนแปลงที่ยังไม่ได้บันทึก จะไม่มีอะไรถูกเขียนทับจนกว่าคุณจะคลิก Save หากต้องการเลิกทำการกู้คืน ให้กด Cmd/Ctrl+Z Pushwoosh จะเก็บเวอร์ชันล่าสุด 20 เวอร์ชันต่ออีเมล

ตรวจสอบอีเมลของคุณก่อนส่ง

คลิก Check ที่แถบด้านบนเพื่อเปิด Smart check และสแกนอีเมลของคุณเพื่อหาปัญหาทั่วไป:

ปุ่มที่ไม่มีลิงก์
ตัวยึดตำแหน่ง AI ที่ยังไม่ได้กรอก
ช่องรูปภาพที่ว่างเปล่าและข้อความ alt ที่หายไป
ความเปรียบต่างของข้อความที่ไม่ตรงตามมาตรฐาน WCAG AA
หัวเรื่องที่ว่างเปล่าหรือยาวเกินไป
ที่อยู่ไปรษณีย์ของผู้ส่งที่หายไปในส่วนท้ายของอีเมลการตลาด
เนื้อหาที่ทำให้อีเมลเกินขีดจำกัดการตัดของ Gmail (~102 KB หลังจากนั้น Gmail จะตัดข้อความ)
เนื้อหาที่ยังไม่ได้แปล
ตัวนับถอยหลังที่วันสิ้นสุดผ่านไปแล้ว
เงื่อนไขการแสดงผล ที่มีกฎที่เสียหรือว่างเปล่า, สาขาที่สูญเสียบล็อกที่เชื่อมโยงไป, หรือเงื่อนไขที่จะไม่ถูกนำไปใช้เนื่องจากเนื้อหาไดนามิกถูกปิดใช้งานสำหรับบัญชี
ไวยากรณ์ Liquid ที่เสียในหัวเรื่อง, preheader, ส่วนท้าย หรือเนื้อหา ซึ่งจะถูกตรวจสอบในทุกภาษาที่คุณเพิ่ม

แผง Smart check ที่มีข้อผิดพลาดไวยากรณ์ Liquid, ข้อผิดพลาดลิงก์ปุ่ม, ที่อยู่ไปรษณีย์ที่หายไป และ preheader ที่ว่างเปล่า

คลิกที่ผลการค้นหาเพื่อข้ามไปยังองค์ประกอบที่ได้รับผลกระทบบน canvas โดยตรง

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

Smart check จะตรวจสอบไวยากรณ์ Liquid โดยอัตโนมัติทุกครั้งที่คุณเปิด — ไม่มีปุ่มแยกต่างหากให้คลิก ในขณะที่การตรวจสอบกำลังทำงาน แผงจะแสดง Checking Liquid syntax…; Smart check จะไม่รายงานว่าทุกอย่างผ่านจนกว่าการตรวจสอบนี้จะกลับมา ดังนั้นการตรวจสอบ Liquid ที่ช้าหรือล้มเหลวจึงไม่สามารถซ่อนอยู่เบื้องหลัง “ผ่านทั้งหมด” ที่เป็นเท็จได้

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

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

เปิดเมนู ⋮ ที่แถบด้านบนแล้วเลือก Test email

ตัวเลือก Test email ในเมนูเพิ่มเติมของแถบด้านบน

ในหน้าต่างที่เปิดขึ้น ให้เพิ่มผู้รับได้สูงสุด 50 คน: เลือก อุปกรณ์ทดสอบ ที่บันทึกไว้อย่างน้อยหนึ่งเครื่อง หรือพิมพ์ที่อยู่อีเมลที่ถูกต้องเพื่อเพิ่มลงในรายการ หากต้องการลบผู้รับ ให้คลิก × บนรายการนั้น

กล่องโต้ตอบส่งอีเมลทดสอบพร้อมผู้รับที่เพิ่มสองคนแสดงเป็นชิป โดยแต่ละคนมี × เพื่อลบออก

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

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

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