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

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

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

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

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

จัดการโมดูล

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 คอนบันทึก saveEditableView

4. ในกล่องโต้ตอบให้ป้อนชื่อสำหรับส่วนจากนั้นคลิก บันทึก 

ใช้ส่วนที่บันทึกไว้

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

จัดการส่วนที่บันทึกไว้

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

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

แก้ไขอีเมลในเครื่องมือแก้ไขแบบคลาสสิก

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

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

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

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

แก้ไขสไตล์

คุณสามารถตั้งค่าสไตล์เริ่มต้นสำหรับอีเมลที่สร้างขึ้นในเครื่องมือแก้ไขแบบคลาสสิกได้จากการตั้งค่าอีเมลการตลาดของคุณ 

1. ในบัญชี HubSpot ของคุณ คลิก settings ไอคอนการตั้งค่า ในแถบนำทางด้านบน
2. ในเมนูแถบด้านข้างซ้ายให้ไปที่การตลาด > อีเมล 
3. คลิกแท็บการสร้างแบรนด์ (เครื่องมือแก้ไขแบบคลาสสิก)  
4. ในส่วนขนาดให้ป้อนความกว้างอีเมลการตลาดเริ่มต้นและระยะห่างของเนื้อหา เป็นพิกเซล 
5. ในส่วนแบบอักษรให้ปรับแต่งแบบอักษรหลักและแบบอักษรรองของอีเมลของคุณ:
   • คลิกเมนูแบบเลื่อนลงแบบอักษรหลักและเลือกแบบอักษร 
   • คลิกเมนูแบบเลื่อนลงขนาดฟอนต์หลักและเลือกขนาด เป็นพิกเซล
   • ในฟิลด์สีฟอนต์หลักให้ตั้งค่าสีของฟอนต์:
     • หากต้องการใช้รหัสฐานสิบหกให้ป้อนรหัสในช่อง
     • หากต้องการเลือกสีด้วยตนเองให้คลิกตัวเลือกสี ในกล่องป๊อปอัปให้คลิกและลากแถบเลื่อนเพื่อเลือกสีพื้นฐานจากนั้นคลิกสีสุดท้ายเหนือแถบเลื่อน
     • หากต้องการใช้ค่า RGB ให้คลิกตัวเลือกสีจากนั้นป้อนค่า ในฟิลด์ R, G และ B 

5. • ทำซ้ำสำหรับแบบอักษรรอง 
6. ในส่วนสีให้ตั้งค่าสีสำหรับสำเนียงหลักและรองเนื้อหาและพื้นหลัง
7. คลิกเมนูแบบเลื่อนลงตัวเลือกสีขอบและเลือกตัวเลือก:
   • ตั้งค่าสีเส้นขอบโดยอัตโนมัติ: สีเส้นขอบของอีเมลจะถูกตั้งค่าตามเทมเพลต 
   • ตั้งค่าสีเส้นขอบอีเมลด้วยตนเอง: ตั้งค่าสีเส้นขอบที่จะใช้กับอีเมลทั้งหมดโดยใช้เครื่องมือแก้ไขแบบคลาสสิก ในช่องสีเส้นขอบให้ป้อนรหัสฐานสิบหกหรือคลิกตัวเลือกสีแล้วเลือกสีหรือป้อนค่า RGB 
   • อย่าเพิ่มเส้นขอบรอบๆเนื้อหาอีเมล: อีเมลโดยใช้เครื่องมือแก้ไขแบบคลาสสิกจะไม่มีเส้นขอบ 

แปลงอีเมลเพื่อใช้เทมเพลตการลากและวาง

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

1. ในบัญชี HubSpot ของคุณ ไปที่การตลาด > อีเมล
2. คลิกชื่ออีเมลแบบร่าง 
3. ในกล่องโต้ตอบให้คลิกดูตัวอย่างอีเมลที่แปลงแล้วเพื่อดูตัวอย่างลักษณะที่ปรากฏของอีเมลที่แปลงแล้ว 
4. คลิกแปลงเพื่อลากและวาง