แก้ไขเนื้อหาและการออกแบบอีเมลการตลาด

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

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

แก้ไขอีเมลในตัวแก้ไขอีเมลแบบลากและวาง

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

จัดการโมดูล

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่าง 
3. หากต้องการเพิ่มโมดูลใหม่ลงในอีเมลให้คลิกและลาก โมดูลจากตัวแก้ไขแถบด้านข้างไปยังตำแหน่งในอีเมลของคุณ 
4. วิธีจัดเรียงโมดูลใหม่ภายในอีเมล:
   • วางเมาส์เหนือโมดูลจากนั้นคลิกและลาก โมดูลไปยังตำแหน่งอื่น
   • คุณสามารถลากโมดูลไปทางขวาหรือซ้ายของโมดูลที่มีอยู่เพื่อสร้างคอลัมน์ใหม่ในส่วนนั้นของอีเมล 

5. หากต้องการแก้ไขเนื้อหาของโมดูลให้คลิก โมดูลในเค้าโครงอีเมล โมดูลบางอย่างเช่นโมดูลข้อ ความสามารถแก้ไขได้โดยตรงภายในเค้าโครงในขณะที่โมดูลอื่นๆจะได้รับการปรับแต่งทั้งหมดในตัวแก้ไขแถบด้านข้าง 
6. หากต้องการโคลนโมดูลให้วางเมาส์เหนือโมดูลจากนั้นคลิกไอคอน duplicate cloneโคลน
7. หากต้องการลบโมดูลให้วางเมาส์เหนือโมดูลจากนั้นคลิกไอคอนdeletet ลบ
8. วิธีซ่อนโมดูลเมื่อดูบนอุปกรณ์บางประเภท:
   • ที่ด้านบนให้เลือกประเภทอุปกรณ์ ที่คุณต้องการซ่อนโมดูล
   • ในตัวอย่างอีเมลให้วางเมาส์เหนือองค์ประกอบจากนั้นคลิกไอคอน hide ซ่อน  เรียนรู้เพิ่มเติมเกี่ยวกับการ ซ่อนโมดูล 

แก้ไขการออกแบบอีเมล

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

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่าง 
3. ในเครื่องมือแก้ไขอีเมลให้คลิกไอคอน การออกแบบเทมเพลตในแถบด้านซ้าย
4. เลือกรูปแบบสำหรับอีเมลของคุณ: 
   • ค่าเริ่มต้น: รูปแบบที่ปรับแต่งได้มากที่สุด ด้วยรูปแบบเริ่มต้นคุณสามารถตั้งค่าคอลัมน์และช่องว่างที่กำหนดเองได้ 
   • Boxed: รูปแบบที่คล่องตัวซึ่งเนื้อหาทั้งหมดอยู่ในขอบเขตเดียว
   • เรียบง่าย: รูปแบบที่เรียบง่ายโดยไม่มีคอลัมน์หรือช่องว่าง แนะนำให้ใช้อีเมลแบบข้อความธรรมดาเป็นหลักสำหรับการสื่อสารแบบตัวต่อตัว 

5. ในส่วน เทมเพลตให้ตั้งค่าแนวทางการแต่งตัวทั่วไปสำหรับอีเมล:
   • สีของเนื้อหา: ตั้งค่าสีพื้นหลังสำหรับเนื้อหาอีเมล ป้อนรหัสฐานสิบหกหรือคลิก ตัวเลือก สีแล้วเลือกสี 
   • ความกว้างของเส้นขอบ: หากใช้รูปแบบ Boxed ให้ตั้งค่าความกว้างของเส้นขอบเป็นพิกเซล
   • สี: หากใช้รูปแบบ Boxed ให้ตั้งค่าสีเส้นขอบ ป้อน รหัสฐานสิบหก หรือคลิก ตัว เลือก สีแล้วเลือกสี
   • ประเภทพื้นหลัง: ตั้งพื้นหลังเป็นสีทึบหรือเป็นลวดลาย
   • สีพื้นหลัง/ลวดลาย: เลือกสีพื้นหลังหรือลวดลาย เมื่อตั้งค่ารูปแบบพื้นหลังคุณยังสามารถตั้งค่าสีพื้นหลังให้แสดงผลได้หากไคลเอ็นต์อีเมลจะไม่แสดงภาพพื้นหลัง 
6. ในส่วนสไตล์ข้อความให้ตั้งค่าแนวทางการจัดแต่งทรงผมสำหรับข้อความอีเมล คุณสามารถตั้งค่าแบบอักษรเฉพาะรวมถึงขนาดและสีของแบบอักษรสำหรับข้อความย่อหน้า h1 และ h2 นอกจากนี้คุณยังสามารถตั้งค่าสีและสไตล์สำหรับลิงก์ทั้งหมดได้อีกด้วย 
7. ในส่วนปุ่มให้ตั้งค่าแนวทางการแต่งตัวสำหรับปุ่มอีเมล คุณสามารถตั้งค่ารัศมีปุ่มและสีได้ สำหรับข้อความปุ่มคุณสามารถตั้งค่าแบบอักษรรวมถึงสีแบบอักษรขนาดและสไตล์ 
8. ในส่วนตัวแบ่งให้กำหนดแนวทางการจัดแต่งสำหรับตัวแบ่งอีเมล คุณสามารถตั้งค่าความสูงและสีของตัวแบ่งรวมถึงสไตล์ (ทึบประหรือประ) 
9. ในส่วน ระยะห่างให้ตั้งค่าแนวทางการจัดแต่งทรงผมสำหรับช่องว่างอีเมล
   • หากต้องการใช้แผ่นรองเดียวกันกับทุกด้านให้เลือกช่องทำเครื่องหมาย นำไปใช้กับทุกด้าน
   • หากต้องการใช้ padding แต่ละรายการที่ด้านบนและด้านล่างของอีเมลให้ป้อนค่าพิกเซลในแต่ละฟิลด์
   • หากต้องการลบ padding บนอุปกรณ์มือถือทั้งหมดให้เลือกช่องทำเครื่องหมาย ลบ padding บนอุปกรณ์มือถือ 

ใช้ส่วนที่บันทึกไว้ในเครื่องมือแก้ไขอีเมลแบบลากและวาง

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

แก้ไขส่วน

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่าง 
3. ในตัวอย่างอีเมลให้คลิก ส่วน
4. ในตัวแก้ไขแถบด้านข้างภายใต้การมองเห็นให้ตั้งค่าการมองเห็นของส่วนบนอุปกรณ์ต่างๆ: 
   • หากต้องการตั้งค่าการมองเห็นของส่วนให้คลิก แสดงหรือ ซ่อน 

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

5. ในส่วนคอลัมน์ให้คลิกการ จัดเรียงคอลัมน์ สิ่งนี้จะควบคุมจำนวนและขนาดของคอลัมน์ของส่วน 
6. ในส่วนการจัดตำแหน่งคอลัมน์ให้เลือกด้านบน ตรงกลางหรือด้านล่าง สิ่งนี้จะควบคุมการจัดตำแหน่งแนวตั้งของโมดูลในส่วน 
7. ในส่วนการเรียง ซ้อนให้เลือกพฤติกรรมการเรียงซ้อนของคอลัมน์ สิ่งนี้จะควบคุมวิธีการที่โมดูลจะปรากฏบนอุปกรณ์มือถือ 
8. ในส่วนพื้นหลังคุณสามารถตั้งค่าพื้นหลังสำหรับอีเมลได้ สลับสวิตช์ปิดอุปกรณ์ทั้งหมดเพื่อตั้งค่าพื้นหลังมือถือและเดสก์ท็อปแยกกัน 
9. ในส่วนระยะห่างคุณสามารถเพิ่มช่องว่างด้านบนและด้านล่างลงในส่วนได้ สลับสวิตช์ปิด อุปกรณ์ทั้งหมดเพื่อตั้งค่าช่องว่างบนมือถือและเดสก์ท็อปแยกกัน 

บันทึกส่วน

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่าง 
3. ในตัวอย่างอีเมลให้เลื่อนเมาส์ไปที่ส่วนแล้วคลิก ไอคอนบันทึก saveEditableView