ออกแบบเนื้อหาดิจิทัลของคุณ

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

• ข้อความและเทมเพลตอีเมลทางการตลาด
  ข้อมูลเพิ่มเติม: ภาพรวมการตลาดทางอีเมล
• เพจและเทมเพลตทางการตลาด
  ข้อมูลเพิ่มเติม: สร้างและปรับใช้เพจทางการตลาด
• ฟอร์มและเทมเพลตทางการตลาด
  ข้อมูลเพิ่มเติม: สร้าง ดู และจัดการฟอร์มทางการตลาด

ตัวออกแบบมาพร้อมกับส่วนติดต่อแบบลากแล้ววางสำหรับการสร้างและใช้งานการออกแบบ รวมทั้งตัวแก้ไข HTML แบบเลือกได้สำหรับการใช้งานโค้ดและเครื่องมือการแสดงตัวอย่างโดยตรงที่สามารถแสดงลักษณะของการออกแบบที่จะปรากฏบนปัจจัยของฟอร์มและการวางแนวแบบต่างๆ

ตัวออกแบบสามารถปรับตามบริบทในขณะนั้นเองได้ (เช่น อีเมลและเพจเริ่มต้น) เพื่อจัดเตรียมเฉพาะองค์ประกอบการออกแบบและการตั้งค่าที่จะนำไปใช้กับองค์ประกอบเหล่านั้น แต่ฟังก์ชันการทำงานพื้นฐานจะยังคงเหมือนเดิม นอกจากนี้ตัวออกแบบยังมี "โหมดเนื้อหาภายนอก" ซึ่งจะได้รับการเริ่มใช้งานหากคุณวาง HTML จากแอปพลิเคชันของบริษัทอื่นลงในตัวแก้ไขโค้ด HTML โดยตรง ในกรณีนี้ ตัวออกแบบ 0 ทราบถึงชนิดเนื้อหาที่คุณกำลังออกแบบ จึงซ่อนคุณลักษณะเฉพาะบริบทและจัดเตรียมส่วนติดต่อการออกแบบที่มีลักษณะโดยทั่วไปมากขึ้น

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

เริ่มจากการเลือกเทมเพลต

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

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

เทมเพลตที่คุณเลือกจะเริ่มต้นการออกแบบของคุณโดยสร้างสิ่งต่อไปนี้

• เค้าโครงคอลัมน์และเนื้อหาเริ่มต้น: ตั้งค่าเค้าโครงพื้นฐาน (เช่น หนึ่งคอลัมน์ หรือสองคอลัมน์) และรวมถึงเนื้อหาเริ่มต้น (เช่น รูปภาพ การเชื่อมโยงที่จำเป็น ข้อความที่ต้องการ และอื่นๆ)
• ชนิดเพจหรือฟอร์ม: หากคุณต้องการสร้างเพจหรือฟอร์มทางการตลาด ตัวเลือกนี้จะบอกได้ว่าเพจนี้เป็นศูนย์การสมัครใช้งาน เพจการส่งต่อไปให้เพื่อน หรือเพจเริ่มต้น และสร้างความสามารถพื้นฐานของเพจหรือฟอร์มนั้น
• การออกแบบและเนื้อหาตัวอย่าง: บางเทมเพลตจะมีองค์ประกอบการออกแบบพื้นฐานอยู่แล้ว เช่น โลโก้ รูปแบบข้อความ ชุดแบบสี เนื้อหาตัวอย่าง และองค์ประกอบอื่นๆ เทมเพลตอื่นๆ จะประกอบด้วยเพจเปล่าที่มีเฉพาะชนิดเพจและเค้าโครงคอลัมน์ คุณสามารถเปลี่ยนแปลงการออกแบบและเนื้อหาตัวอย่างได้ตามต้องการในขณะที่คุณแก้ไขและออกแบบเพจ

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

สร้างเค้าโครงพื้นฐานของคุณ

ใช้องค์ประกอบของส่วนเพื่อสร้างเค้าโครงพื้นฐานของอีเมล เพจการตลาด และฟอร์มการตลาดของคุณ แต่ละองค์ประกอบของส่วน จะสร้างแถวของคอลัมน์ที่คุณสามารถลากองค์ประกอบการออกแบบอื่น ๆ ได้ เช่น กล่องข้อความ รูปภาพ ปุ่ม ตัวแบ่ง และอื่น ๆ มีองค์ประกอบของส่วนที่แตกต่างกันห้าแบบ ซึ่งแต่ละรายการ จะสร้างแถวที่มีหนึ่งในห้าตัวเลือกเค้าโครงที่แตกต่างกัน (หนึ่งคอลัมน์ สองคอลัมน์ (1:1) สองคอลัมน์ (1:2) สองคอลัมน์ (2:1) หรือสามคอลัมน์) คุณสามารถซ้อนองค์ประกอบของส่วนได้หลายรายการตามต้องการ เพื่อสร้างการออกแบบที่ซับซ้อนด้วยเค้าโครงคอลัมน์ต่างๆ ในแต่ละแถว

เพิ่มองค์ประกอบของส่วนเพื่อจัดวางการออกแบบของคุณ

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

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

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

การแก้ไขและตั้งค่าคอนฟิกองค์ประกอบของส่วน

เมื่อคุณเพิ่มองค์ประกอบของส่วนใหม่ คุณจะต้องเลือก 1 ใน 5 เค้าโครงคอลัมน์เริ่มต้นที่มีให้ แต่หลังจากที่องค์ประกอบของคุณถูกวางแล้ว คุณสามารถเปลี่ยนแปลงเค้าโครงคอลัมน์ และ/หรือ ตัวเลือกการออกแบบ

หากต้องการแก้ไขหรือตั้งค่าองค์ประกอบของส่วน:

1. ให้เลือกองค์ประกอบของส่วนในพื้นที่ทำงาน ขณะนี้จะแสดงเส้นขอบสีน้ำเงิน และแท็บที่แสดงชนิดขององค์ประกอบและปุ่ม สำหรับการลบหรือการย้ายองค์ประกอบนั้น

2. แผงเมนู คุณสมบัติ จะเปิดขึ้นเพื่อแสดงการตั้งค่าสำหรับส่วนที่คุณเลือก

   

3. ทำการตั้งค่าในส่วนต่อไปนี้ตามต้องการ:

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

เพิ่ม กำหนดค่า และแก้ไของค์ประกอบการออกแบบเพื่อสร้างเนื้อหาสำหรับโครงร่างของคุณ

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

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

ใช้งานตัวออกแบบ

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

ตัวออกแบบประกอบไปด้วยแถบเครื่องมือและพื้นที่เนื้อหา แถบเครื่องมือจะประกอบด้วยคำสั่งพื้นฐานบางส่วนและแท็บการนำทาง 3 แท็บ (การออกแบบ, HTML และ การแสดงตัวอย่าง) ซึ่งจะควบคุมสิ่งที่คุณสามารถมองเห็นและดำเนินการได้ในพื้นที่เนื้อหา

ใช้ตัวออกแบบกราฟิก

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

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

• กล่องเครื่องมือ: เพื่อเพิ่มองค์ประกอบของการออกแบบใหม่ในการออกแบบของคุณ ให้ลากองค์ประกอบจากที่นี่ไปยังสถานที่ที่เหมาะสมในพื้นที่ทำงาน; หรือเลือกองค์ประกอบที่นี่ (โดยไม่ต้องลาก) เพื่อเน้นแต่ละตำแหน่งบนพื้นที่ทำงานที่คุณสามารถวางองค์ประกอบนั้น แล้วเลือกตำแหน่งที่เน้นที่คุณต้องการวางไว้ แต่ละองค์ประกอบการออกแบบจะแสดงถึงชนิดเนื้อหาที่เฉพาะเจาะจง เช่น องค์ประกอบข้อความ รูปภาพ หรือฟอร์มการป้อนข้อมูล การตั้งค่าและคุณลักษณะของแต่ละองค์ประกอบการออกแบบจะแตกต่างกันไปตามชนิด
• คุณสมบัติ: องค์ประกอบการออกแบบโดยส่วนใหญ่ต้องได้รับการกำหนดค่าเพื่อให้ใช้งานได้ ตัวอย่างเช่น รูปภาพจะต้องชี้ไปยังไฟล์รูปภาพ ฟอร์มจะต้องชี้ไปยังเรกคอร์ดฟอร์มการตลาด และปุ่มจะต้องมีข้อความบางส่วนและปลายทาง เมื่อคุณเพิ่มองค์ประกอบการออกแบบใหม่ องค์ประกอบดังกล่าวจะถูกเลือกโดยอัตโนมัติ และแท็บ คุณสมบัติ จะเปิดขึ้นเพื่อให้คุณสามารถตั้งค่าคุณสมบัติได้ เมื่อต้องการกำหนดค่า (หรือกำหนดค่าใหม่) ให้กับองค์ประกอบการออกแบบที่มีในการออกแบบของคุณอยู่แล้ว ให้เลือกองค์ประกอบนั้นๆ ก่อน แล้วจึงเปิดแท็บ คุณสมบัติ
• ลักษณะ: ใช้การตั้งค่าเหล่านี้เพื่อใช้สี การเว้นระยะห่าง และตัวเลือกกราฟิกอื่นๆ กับการออกแบบโดยรวม

ข้อมูลเพิ่มเติม: ข้อมูลอ้างอิงองค์ประกอบการออกแบบ

ทำงานใน HTML โดยตรง

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

• เปลี่ยนแปลงคุณสมบัติของฟิลด์ใดฟิลด์หนึ่ง (หรือฟอร์ม) โดยอิงตามค่าของอีกฟิลด์หนึ่ง ตัวอย่างเช่น
  • กำหนดให้ฟิลด์ หมายเลขลูกค้า แสดงต่อเมื่อ ลูกค้าที่มีอยู่ มีค่าเป็น true
  • กำหนดให้ฟิลด์ หมายเลขลูกค้า จำเป็นต้องระบุ หาก ลูกค้าที่มีอยู่ มีค่าเป็น true
  • ล้างฟิลด์ที่อยู่ รัฐ หากมีการเปลี่ยนแปลงฟิลด์ ประเทศ
  • เปลี่ยนรายการของค่า รัฐ โดยอิงตามประเทศที่เลือก
  • เปลี่ยนลักษณะของฟิลด์เพื่อให้แสดงฟิลด์นั้น หรือกำหนดให้เป็นฟิลด์ที่ต้องระบุ เป็นต้น
• เพิ่มการตรวจสอบความถูกต้องของค่าฟิลด์แบบกำหนดเอง (เมื่อมีการส่งฟอร์มหรือมีการเปลี่ยนแปลงค่าฟิลด์) เช่น กำหนดให้ หมายเลขลูกค้า มีหกหลักเท่านั้น
• ทำการดำเนินเมื่อโหลดหรือส่งฟอร์ม เช่น
  • ซ่อนฟิลด์ที่กำหนดตามค่าเริ่มต้น
  • ปิดใช้งานปุ่มส่งจนกว่าจะกรอกข้อมูลในฟิลด์บังคับทั้งหมดเรียบร้อยแล้ว
  • ตั้งค่าฟิลด์โดยอิงตามค่าที่ส่งไปยัง URL ที่เรียก

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

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

แสดงตัวอย่างการออกแบบของคุณ

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

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

ดูเพิ่มเติม

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