วิธีแทรก HTML ลงใน Gmail

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

ข้อจำกัด HTML ใน Gmail

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

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

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

ใช้ HTML ใน Gmail

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

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

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

แสดงรหัส

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

หากต้องการฝัง HTML ในอีเมลใน Gmail ให้คัดลอกโค้ดในรูปแบบข้อความธรรมดาและแสดงโค้ดในเว็บเบราว์เซอร์ก่อน การเปิดไฟล์ HTML ใน Chrome หรือเบราว์เซอร์อื่นก็ทำได้ดี ซึ่งจะแสดงอีเมลตามที่ปรากฏใน Gmail คัดลอกทุกอย่างจากการแสดงผลของเว็บเบราว์เซอร์และวางลงใน Gmail โดยตรง

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