สามารถสร้าง Template เพื่อส่ง Email Marketing ได้ 2 วิธีดังนี้
- Email designer คือ การสร้าง Template ด้วยเครื่องมือที่มีมาให้
- Raw HTML คือ การสร้าง Template ด้วย Code ของ HTML
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-09.58.02.png)
Email designer
Email designer มีรายละเอียดประกอบดังนี้
- ชื่อของ Template
- แถบเครื่องมือที่ใช้สำหรับออกแบบ Template
- ที่แสดง Template และ พื้นที่แก้ไข
- จุดฟังชั่นต่าง ๆ
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.04.28.png)
แถบเครื่องมือที่ใช้สำหรับออกแบบ Template ประกอบไปด้วย
content
- Headding – การเพิ่มหัวข้อของ Template
- Paragraph – การเพิ่มเนื้อหารายละเอียด
- List – การเพิ่มเนื้อหาแบบเป็นข้อ ๆ
- Image – การเพิ่มรูปภาพ
- Button – การเพิ่มปุ่มกด
- Spacer – การเพิ่มพื้นที่ว่าง
- Divider – การขีดเส้นแบ่ง
- Social – การเพิ่มช่องทางการติดต่อ
- Footer – การเพิ่มส่วน Template
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.26.07.png)
Row
- Empty rows เป็นการเพิ่มแถวว่าง หรือ แบ่งคอลัมตามที่ต้องการ
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.27.37.png)
2. Modules เป็นการวางรูปแบบคอลัมที่มีการออกแบบมาให้แล้ว
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.30.21-1.png)
Styles
- General คือ การ Set โดยรวม เช่น ขนาดข้อความ, สีพื้นหลัง หรือ การเพิ่มภาพพื้นหลัง
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.34.43.png)
2. Text คือ การปรับและแก้ไขข้อความต่าง ๆ ที่มีอยู่ใน Template
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.37.30.png)
3. Buttons คือ การปรับและแก้ไขปุ่มกดต่าง ๆ ที่มีอยู่ใน Template
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.40.02.png)
4. Brand Colors คือ การกำหนดสีที่เราต้องการใช้เป็นหลักใน Template
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.40.49.png)
หลังจากแก้ไขเสร็จแล้วกด Save and exit ได้เลย
Raw HTML
จะเป็นการสร้าง Template โดยใช้ Code HTML ในการสร้าง
![](https://technologyland.co.th/email/wp-content/uploads/2024/05/Screen-Shot-2567-05-31-at-10.59.10.png)