มาใช้ HTML Email Template เพื่อการสร้างอีเมลที่สวยงามขึ้นอีกระดับ

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

 

HTML Email Template คืออะไร?

เบื้องหลังการแสดงผล email ที่เราใช้กันอยู่ทุกวันนี้คือภาษา HTML เหมือนกับการแสดงผลเว็บไซต์ ซึ่ง email ที่เราส่งนั้นเองก็สามารถดีไซน์ให้มีความสวยงามด้วยเช่นกัน

รวมไปถึงเทคนิคการแสดงผลต่างๆ แบบที่เว็บไซต์สามารถทำได้ อย่างเช่น Responsive Template ที่เนื้อหาจะแสดงผลสวยงามในทุก device ที่เปิดอ่าน

 

ภาพจาก https://www.campaignmonitor.com

 

ด้านบนคือตัวอย่าง email ที่บรรจงใช้ HTML และ CSS เพื่อตกแต่ง layout ให้สวยงาม หลายคนอาจจะเคยเห็นตัวอย่างเหล่านี้กับ email ขายของจาก e-commerce เจ้าต่างๆ ซึ่ง email ที่ผ่านการออกแบบมาอย่างดี แตกต่างจาก email สีขาวทั่วไปที่เราเคยใช้ส่งกันอย่างชัดเจน

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

 

ข้อดีของการใช้ HTML Email Template

 
ภาพ Midnight Template จาก themeforest.net

  • เพิ่มโอกาสในการกด Call to Action เหมาะสำหรับเว็บ e-commerce หรือ เว็บที่ให้บริการด้านต่างๆ
  • สร้างภาพจำให้กับแบรนด์ สามารถสร้างการออกแบบที่แสดงออกถึงแบรนด์ได้อย่างชัดเจน
  • ทำให้ข้อความในอีเมลดูโดดเด่น และน่าอ่านกว่าอีเมลทั่วไป
  • สามารถจัด layout ให้สวยงามเหมาะสมกับข้อความได้ คล้ายกับจัดหน้าบนเว็บไซต์
  • แสดงผลสวยงามบนทุก device (responsive template)

ที่ทำให้สวยงามเพื่อเพิ่มโอกาสในการขายของให้มากที่สุด หรือบางเจ้าก็ลงทุนทำ newsletter สวยๆ เพื่อให้ email จากแบรนด์ดูพรีเมี่ยมแตกต่างจากที่อื่นด้วย

 

แหล่งดาวน์โหลด HTML Email Template

 

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

ดาวน์โหลดฟรี HTML Email Template :

สำหรับแหล่งดาวน์โหลดฟรี อาจจะพบ template ที่เก่าเกินไปบ้าง แนะนำว่าอย่างน้อยให้เลือกใช้ตัวที่ responsive ด้วยนะครับ

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

แหล่งซื้อ-ขาย HTML Email Template : 

สำหรับแหล่งซื้อ-ขาย HTML Email Template เจ้าใหญ่ก็คงหนีไม่พ้นที่ themeforest ซึ่งเป็น marketplace เจ้าดังที่น่าเชื่อถือ และมี template ให้เลือกซื้อจำนวนมาก ราคาจะอยู่ที่ประมาณชิ้นละ 540 – 800 บาท ได้ไฟล์สอนการใช้งาน พร้อมกับไฟล์ psd  และ support เป็นเวลา 6 เดือน

สำหรับใครที่หลายใจ ชอบโหลดมาลองเยอะๆ ก็จะแนะนำที่ evanto ที่คิดราคาแบบ subscribe $16.50/m (ประมาณเดือนละ 500 บาท) สามารถดาวน์โหลดได้แบบ unlimited รวมถึงจะได้ demo สอนการใช้งาน และไฟล์ psd ที่เค้าทำไว้ด้วยเช่นกัน ซึ่งก็ค่อนข้างคุ้มเลยแหละ

 

วิธีการนำ HTML Email Template มาใช้งาน

วิธีการนำมาใช้อย่างง่าย หลังจากที่ดาวน์โหลดไฟล์มาแล้ว เราจะได้ไฟล์ที่เป็น .zip ซึ่งเมื่อแตกออกมาจะพบกับไฟล์ .html ให้เราเปิดไฟล์ .html ด้วย browser เช่น chrome

 

จากนั้นกด select all (บน macOS กด cmd+a หรือ บน Windows กด ctrl+a) แล้วกด copy จากนั้นนำมา paste ลงบนพื้นที่เขียนข้อความบน email ซึ่งข้อความและรูปแบบการแสดงผลจาก template จะติดมาด้วย เพราะเป็นการ copy แบบติด HTML มาทั้งหมด

สามารถเปลี่ยนข้อความหรืออัปโหลดภาพเพิ่มเติมได้เลย โดยให้เลือกอัปโหลดภาพแบบ inline นะ

แหล่งที่มา https://www.rainmaker.in.th/html-email-tempalte-for-better-newsletter/


Comments

Exclusive

BRAND NAME SHOP