# วิธีรีมิกซ์เทมเพลตอีเมลแล้วส่งออกไปยัง ESP ของคุณ

URL หลัก: https://brew.new/th/blog/how-to-remix-a-real-brand-email-template-and-export-it-to-your-esp
ผู้เขียน: Philip Sørensen
เผยแพร่: 2026-10-11
อัปเดต: 2026-10-11

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

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

![เส้นทางจากเทมเพลตในแกลเลอรี สู่อีเมลที่รีมิกซ์ในแบรนด์ของคุณ แล้วไปเป็นเทมเพลตใน ESP ของคุณ](/images/blog/template-remix-export-flow.png)

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

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

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

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

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

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

ลำดับจะสลับใหม่ทุกชั่วโมง [เอกสารเรื่องเทมเพลต](https://docs.brew.new/create-emails/templates)มีรายละเอียดเพิ่มเติม

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

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

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

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

ในหมวดจดหมายข่าว คุณจะพบ[บันทึกการเปลี่ยนแปลงเดือนกันยายนของ Paper](https://brew.new/templates/paper/new-in-paper-faster-performance-agent-reliability-opacity) ซึ่งน่าศึกษา:

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](/th/blog/email-design-md) อธิบายว่าในไฟล์มีอะไร และ Brew ดึงข้อมูลจากเว็บไซต์ของคุณมาสร้างไฟล์นี้อย่างไร [การนำเข้าดีไซน์อีเมลที่อนุมัติแล้ว](/th/blog/import-existing-email-designs-ai)ช่วยให้ Brew เริ่มต้นได้ดีกว่าการใช้เว็บไซต์อย่างเดียวมาก หากไม่มีระบบดีไซน์ อีเมลที่รีมิกซ์จะดูเหมือนสำเนาทั่วไปของต้นฉบับ

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

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

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

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

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

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

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

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

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

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

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

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

โดยค่าเริ่มต้น ระบบอัตโนมัติจะเริ่มทำงานเมื่อมีการสมัครใช้งานหรือสมัครรับข่าวสาร หากต้องการเปลี่ยน ให้ระบุเหตุการณ์หรือกลุ่มเป้าหมายในพรอมต์ ระบบอัตโนมัติที่เริ่มจากกลุ่มเป้าหมายจะเรียกใช้จากปุ่ม **เรียกใช้** บนแคนวาส การเผยแพร่ต้องมีโดเมนผู้ส่งที่ยืนยันแล้ว ส่วนบทความ[โฟลว์อีเมล](/th/blog/email-flows)อธิบายเรื่องการออกแบบโฟลว์

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

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

สิ่งที่พบไม่ได้ขัดขวางการส่งออก แต่จะติดไปกับเทมเพลตและสังเกตได้ยากกว่าเมื่ออยู่ใน 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](https://docs.brew.new/integrations/export/klaviyo), [Mailchimp](https://docs.brew.new/integrations/export/mailchimp) และ [HubSpot](https://docs.brew.new/integrations/export/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