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

แกลเลอรีเทมเพลตของ Brew มีอีเมลแบบนี้ราว 5,100 ฉบับจาก 491 แบรนด์ เลือกฉบับที่มีโครงสร้างเหมาะกับงานของคุณ สร้างใหม่ด้วยพรอมต์ แล้วส่งออกไปยัง ESP ที่คุณใช้อยู่แล้ว

เลือกเลย์เอาต์ สร้างใหม่ในแบรนด์ของคุณ แล้วส่งออกไปยัง ESP ของคุณ

ประเด็นสำคัญ

• แกลเลอรีมีอีเมลจริงราว 5,100 ฉบับจาก 491 แบรนด์ กรองตามหมวดหมู่หรือแบรนด์ได้ หรือค้นหาตามความหมายก็ได้
• การรีมิกซ์จะคงเลย์เอาต์ ระยะห่าง ตัวอักษร และสไตล์ปุ่มไว้ แล้วเปลี่ยนเป็นโลโก้ สี ข้อความ ลิงก์ และรูปภาพของคุณ
• แท็กตัวแปรจะไม่ติดมาด้วย ให้เพิ่มการปรับเนื้อหาเฉพาะบุคคลด้วยไวยากรณ์ของ ESP หลังส่งออก
• การส่งออกจะส่งเทมเพลตไปยัง ESP ได้ 11 ราย รวมถึง Klaviyo, Mailchimp และ HubSpot โดยเปลี่ยนแท็กยกเลิกการรับข่าวสารให้เป็นของแต่ละแพลตฟอร์ม
• ตรวจคุณภาพอีเมลใน Brew ก่อนส่งออก แล้วส่งอีเมลทดสอบจาก ESP เพราะเวอร์ชันนั้นคือเวอร์ชันที่ผู้อ่านจะได้รับ

หาเลย์เอาต์ที่ควรหยิบมาใช้

แกลเลอรีมี 3 วิธีให้คุณกรองตัวเลือกให้แคบลง:

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

ลำดับจะสลับใหม่ทุกชั่วโมง เอกสารเรื่องเทมเพลตมีรายละเอียดเพิ่มเติม

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

• นับเซกชัน: หากมีฟีเจอร์ที่จะประกาศ 3 รายการ เทมเพลตที่มีบล็อกฟีเจอร์ 3 บล็อกจะเหมาะกว่าเลย์เอาต์ที่มีส่วนฮีโร่เพียงส่วนเดียว
• นับปุ่ม: คำกระตุ้นให้ลงมือทำ (CTA) เพียงจุดเดียวปรับใช้ได้ง่ายกว่าไทล์สินค้า 6 ช่อง เว้นแต่คุณจะมีสินค้า 6 รายการ
• ดูว่ามีเนื้อหาอยู่ในรูปภาพมากแค่ไหน: พาดหัวที่ฝังอยู่ในรูปทำให้อีเมลเข้าถึงได้ (accessible) ยากกว่า และแก้ไขได้ยากกว่า
• อ่านบนมือถือ: เทมเพลตแต่ละรายการมีหน้าของตัวเองที่ brew.new/templates/{brand}/{title} พร้อมตัวอย่างแบบเต็ม

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

ตัวอย่างประกอบ: อีเมลอัปเดตผลิตภัณฑ์รายเดือน

ในหมวดจดหมายข่าว คุณจะพบบันทึกการเปลี่ยนแปลงเดือนกันยายนของ Paper ซึ่งน่าศึกษา:

1. คำทักทายบรรทัดเดียวจากคนที่ระบุชื่อ ตามด้วย 2 ประโยคว่าเดือนนี้มีเรื่องอะไรบ้าง
2. ภาพตัวอย่างวิดีโอขนาดใหญ่พร้อมปุ่มเล่น ซึ่งลิงก์ไปยังวิดีโอแนะนำการใช้งานสั้น ๆ
3. เซกชันฟีเจอร์ 4 เซกชัน แต่ละเซกชันมีหัวข้อตัวหนาและย่อหน้าสั้น ๆ โดย 3 เซกชันมีภาพผลิตภัณฑ์
4. รายการหัวข้อย่อยของการปรับปรุงเล็ก ๆ น้อย ๆ ข้อละบรรทัด
5. การ์ดบทแนะนำ 2 ใบวางเคียงกัน
6. ข้อความบรรทัดเดียวที่บอกใบ้ว่า “มีอะไรต่อไป” และคำลงท้ายแบบเป็นกันเองที่ชวนให้ตอบกลับ

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

หากต้องการรีมิกซ์ ให้เปิดเทมเพลตแล้วเขียนบรีฟในช่องพรอมต์:

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

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

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

ตั้งค่าแบรนด์ก่อนรีมิกซ์ครั้งแรก

การรีมิกซ์จะตรงกับแบรนด์ได้แค่ไหน ขึ้นอยู่กับว่า Brew รู้จักคุณมากแค่ไหน ให้ตรวจ 2 หน้านี้ก่อน:

• หน้า แบรนด์ เก็บรายละเอียด ลิงก์ โลโก้ และไฟล์ email-design.md กับ image-style.md ของคุณ
• หน้า ดีไซน์อีเมล เก็บระบบดีไซน์ที่อีเมลทุกฉบับที่สร้างขึ้นต้องทำตาม

บทความของเราเรื่อง email-design.md อธิบายว่าในไฟล์มีอะไร และ Brew ดึงข้อมูลจากเว็บไซต์ของคุณมาสร้างไฟล์นี้อย่างไร การนำเข้าดีไซน์อีเมลที่อนุมัติแล้วช่วยให้ Brew เริ่มต้นได้ดีกว่าการใช้เว็บไซต์อย่างเดียวมาก หากไม่มีระบบดีไซน์ อีเมลที่รีมิกซ์จะดูเหมือนสำเนาทั่วไปของต้นฉบับ

อะไรติดมาด้วยและอะไรไม่ติดมา

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

มีรายละเอียด 3 เรื่องที่ทำให้หลายคนตั้งตัวไม่ทัน

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

รูปภาพต้นฉบับจะไม่ติดมาด้วยเลย คุณจึงไม่เผลอส่งภาพสินค้าของบริษัทอื่นภายใต้โลโก้ของคุณ

หากต้นฉบับเขียนว่า “Hi {first_name}” อีเมลที่รีมิกซ์จะไม่มีส่วนนี้ ให้ปรับเนื้อหาเฉพาะบุคคลใน ESP หลังส่งออก

ช่องพรอมต์และแชท

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

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

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

รีมิกซ์ลำดับอีเมลทั้งชุด

แกลเลอรีโฟลว์มีลำดับอีเมลหลายฉบับจากการใช้งานจริงกว่า 170 ชุด เช่น ซีรีส์ต้อนรับหลังสมัครใช้งานและหลังสมัครรับจดหมายข่าว ที่มีอีเมล 3 ถึง 12 ฉบับ การรีมิกซ์ลำดับอีเมลจะสร้างเป็นระบบอัตโนมัติที่มีขั้นตอนและขั้นตอนรอเหมือนต้นฉบับ โดยสร้างอีเมลทุกฉบับใหม่ในแบรนด์ของคุณ

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

ตรวจก่อนอีเมลจะออกจาก Brew

เปิด ส่ง แล้วไปที่แท็บ ตรวจคุณภาพ ซึ่งจะจับลิงก์ตัวยึดตำแหน่ง ข้อความแสดงแทน (alt text) ที่ขาดหาย และ HTML ที่ใหญ่จน Gmail ตัดอีเมล เช็กลิสต์ตรวจคุณภาพก่อนส่งอธิบายการตรวจแต่ละข้อ

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

ส่งออกไปยัง ESP ของคุณ

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

1. คลิก ส่ง ในแถบเครื่องมือ
2. ใต้ “การดำเนินการกับอีเมล” เลือก ส่งออกเทมเพลต
3. เลือกปลายทาง แพลตฟอร์มที่ยังไม่ได้เชื่อมต่อจะเป็นสีเทา และลิงก์ไปยังหน้าการเชื่อมต่อของแพลตฟอร์มนั้น
4. กรอกชื่อ รวมถึงหัวเรื่องและข้อความแสดงตัวอย่างในกรณีที่แพลตฟอร์มต้องการ
5. คลิก ส่งออก

Brew จะส่งเทมเพลตผ่าน API ของผู้ให้บริการ แพลตฟอร์มที่รองรับ:

Klaviyo	Mailchimp	HubSpot
Braze	Iterable	Brevo
Mailjet	SendGrid	Postmark
Mailgun	OneSignal

Brew แปลง HTML ให้เข้ากับแต่ละแพลตฟอร์ม และเปลี่ยนแท็กยกเลิกการรับข่าวสารให้เป็นของแพลตฟอร์มนั้น เช่น *|UNSUB|* สำหรับ Mailchimp และ {% unsubscribe_link %} สำหรับ Klaviyo ลิงก์ยกเลิกการรับข่าวสารในส่วนท้ายอีเมลจึงใช้งานได้ตั้งแต่การส่งครั้งแรกโดยไม่ต้องแก้ HTML

เมื่อส่งออกเสร็จ ปุ่ม ดูเทมเพลต จะเปิด ESP ของคุณในแท็บใหม่ โดยจะเปิดตัวเทมเพลตโดยตรงสำหรับ Brevo, Braze, Mailchimp, Iterable, Postmark และ SendGrid ส่วน Klaviyo, Mailjet, OneSignal, Mailgun และ HubSpot จะเปิดรายการเทมเพลตหรือคลังเทมเพลต ใน HubSpot ให้ดูในโฟลเดอร์ brew-exports หากการเชื่อมต่อไม่มีข้อมูลที่ต้องใช้สร้างลิงก์นั้น เช่น ดาต้าเซ็นเตอร์ของ Mailchimp หรือพอร์ทัลของ HubSpot ปุ่มนี้จะถูกซ่อนไว้ แต่การส่งออกก็ยังเกิดขึ้นแล้ว

ความแตกต่างของแต่ละแพลตฟอร์มที่ควรรู้:

• Klaviyo และ Mailchimp รับเฉพาะชื่อและ HTML ให้ตั้งหัวเรื่องในแคมเปญใน ESP
• Brevo และ Mailjet ต้องมีผู้ส่งที่ใช้งานอยู่ หากมีรายเดียว Brew จะเลือกให้ หากมีหลายราย คุณเลือกเองในฟอร์มส่งออก
• Braze มีตัวเลือกให้ทำ CSS แบบอินไลน์ก่อนส่งออก

เอกสารการตั้งค่า: Klaviyo, Mailchimp และ HubSpot

ใน ESP ก่อนส่ง

1. ตั้งหัวเรื่องและข้อความแสดงตัวอย่าง หากแพลตฟอร์มไม่ได้รับไปตอนส่งออก
2. เพิ่มการปรับเนื้อหาเฉพาะบุคคลด้วยไวยากรณ์แท็กตัวแปรของ ESP
3. ส่งอีเมลทดสอบจาก ESP เอง เพราะ ESP จะเพิ่มการติดตามและการจัดการส่วนท้ายของตัวเอง และเวอร์ชันนั้นคือเวอร์ชันที่ผู้อ่านจะได้รับ
4. ตรวจว่าลิงก์ยกเลิกการรับข่าวสารในอีเมลทดสอบชี้ไปยังหน้ายกเลิกการรับข่าวสารของ ESP

วิธีอื่นในการนำ HTML ออกมา

สำหรับแพลตฟอร์มที่ไม่อยู่ในรายการ แพ็กเกจแบบชำระเงินมี คัดลอก HTML, ส่งออก HTML สำหรับดาวน์โหลด และ ส่งออก PDF สำหรับใช้ตรวจทาน ทั้งหมดอยู่ในเมนู การดำเนินการเพิ่มเติม ของอีเมล

นักพัฒนาส่งออกผ่าน API ได้ด้วย POST /v1/emails/{emailId}/export ซึ่งรองรับการทดลองรัน (dry run) ไม่ใช้เครดิต และสร้างเทมเพลตโดยไม่ส่งอะไรออกไป

คำถามที่พบบ่อย

หยิบเลย์เอาต์ของแบรนด์อื่นมาใช้ได้ไหม?

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

นำอีเมลของตัวเองไปไว้ในแกลเลอรีได้ไหม?

ได้ เมื่ออีเมลแสดงผลเสร็จและมีตัวอย่างแล้ว ให้เลือก ตั้งเป็นสาธารณะ จากเมนู การดำเนินการเพิ่มเติม ของอีเมลนั้น และตั้งกลับเป็นส่วนตัวได้ภายหลัง

ทำไม Customer.io จึงไม่อยู่ในรายการส่งออก?

Brew ยังไม่มีการเชื่อมต่อกับ Customer.io (ระบุสถานะไว้ว่า “เร็ว ๆ นี้”) ในแพ็กเกจแบบชำระเงิน ให้ดาวน์โหลดอีเมลด้วย ส่งออก HTML แล้ววางลงใน Customer.io