วิธีใช้ลายเซ็น HTML ใน Gmail, Hotmail, Yahoo

หากคุณกำลังใช้โปรแกรมรับส่งเมล(email client) บนเว็บ เช่นGmail หรือ Yahoo(Gmail or Yahoo)คุณอาจได้เรียนรู้ว่าไม่มีบริการใดรองรับลายเซ็นHTML ในGmail และ Yahoo(Gmail and Yahoo)คุณสามารถสร้างลายเซ็น Rich Text พร้อมรูปภาพ ฯลฯ แต่คุณไม่สามารถเริ่มพิมพ์โค้ด HTML(HTML code)ลงในช่องลายเซ็น(signature box)ได้

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

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

คุณจะสังเกตด้วยว่าฉันไม่ได้พูดถึงOutlook.comและนั่นเป็นเพราะเป็นเว็บไคลเอ็นต์(web client) เดียว ที่ให้คุณสร้างลายเซ็น HTML ได้เอง สิ่ง(All)ที่คุณต้องทำคือคัดลอกโค้ด HTML ของคุณแล้ววาง(HTML code and paste)ลงในช่องลายเซ็น(signature box) ของพวกเขา ซึ่งเราจะอธิบายด้านล่าง มาเริ่มกันที่Gmail

ลายเซ็น HTML ของ Gmail

ในGmailมีสองวิธีในการเพิ่ม ลายเซ็น HTMLให้กับอีเมลของคุณ ประการแรก หากคุณต้องการให้เพิ่มลงในอีเมลทุกฉบับที่คุณส่ง ตัวเลือกที่ดีที่สุดคือการใช้กล่องลายเซ็น(signature box)ภายใต้การตั้งค่า(Settings)ทั่วไป(General)

ที่ด้านบนขวาของหน้าจอ Gmail(Gmail screen)ให้คลิกที่ไอคอนรูปเฟืองแล้วคลิก การ ตั้งค่า(Settings)

การตั้งค่า gmail

คุณจะถูกนำไปที่ แท็บ ทั่วไป(General) โดยอัตโนมัติ ซึ่งคุณจะต้องเลื่อนลงมาจนสุดก่อนที่จะเห็นกล่องลาย(signature box)เซ็น

กล่องลายเซ็น gmail

แม้ว่าคุณจะไม่สามารถพิมพ์โค้ด HTML(HTML code)ลงในช่องนี้ได้ แต่คุณสามารถคัดลอกและวางได้! วิธีแก้ปัญหาเล็กๆ น้อยๆ นี้ใช้ได้ดี เลื่อน(Scroll)ลงไปที่ ส่วน ค้นหาหรือสร้างลายเซ็น HTML(Find or Create HTML signatures)เพื่อรับลายเซ็น HTML(HTML signature) ที่ คุณชอบ หากมีรูปภาพในลายเซ็น HTML(HTML signature)คุณจะต้องตรวจสอบให้แน่ใจว่ามีการโฮสต์ออนไลน์ และคุณเปลี่ยนURL ของลิงก์ ในโค้ด HTML(HTML code)ก่อน จึงจะ คัดลอกและวาง(copying and pasting)ลงในGmailไม่เช่นนั้น คุณจะเห็นภาพที่เสียหาย

ไปข้างหน้าและเปิดลายเซ็น HTML(HTML signature)ในเว็บเบราว์เซอร์(web browser) ของคุณ เลือกสิ่งทั้งหมดแล้วคัดลอก (thing and copy)คุณไม่ต้องการเลือกโค้ด HTML(HTML code)เอง แต่เป็นผลลัพธ์จริงที่แสดงในเบราว์เซอร์ของคุณ

ลายเซ็น html

กลับไปที่หน้าต่าง Gmail ของคุณแล้ววาง(Gmail window and paste)เนื้อหาลงในช่องลาย(signature box)เซ็น โปรดสังเกต(Notice)ว่ารูปภาพของฉันแสดงขึ้นเสียและนั่นเป็นเพราะรูปภาพถูกจัดเก็บไว้ในคอมพิวเตอร์ของฉัน

ลายเซ็น gmail html

นั่นเป็นวิธีแรกในการรับHTMLลงใน ลาย เซ็นGmail (Gmail signature)หากคุณไม่ต้องการรวมลายเซ็นในอีเมลทุกฉบับ หรือถ้าคุณต้องการมากกว่าหนึ่งลายเซ็นสำหรับบัญชี Gmail บัญชี(Gmail account) เดียว ตัวเลือกอื่นคือการใช้คำตอบสำเร็จรูป (Canned Responses)นี่คือ คุณลักษณะ แล็บของ Gmail(Gmail labs)ที่คุณสามารถเปิดใช้งานและใช้เพื่อเพิ่มบล็อกของเนื้อหาลงในอีเมล

ก่อนอื่นมาเปิดใช้งานกันก่อน ไปที่การตั้งค่า(Settings)แล้วคลิกLabs เลื่อนลงไปที่การตอบกลับสำเร็จรูป(Canned Responses)จากนั้นคลิกที่กล่องเปิดใช้งาน (Enable)ตรวจสอบว่าคุณเลื่อนลงไปด้านล่างแล้วคลิก(bottom and click)บันทึกการเปลี่ยนแปลง(Save Changes)ก่อนออกจากหน้าจอแล็บ

คำตอบกระป๋อง

ตอนนี้เขียนอีเมลใหม่แล้วคลิกลูกศรลงเล็กๆ ที่ด้านล่างขวาของหน้าต่างเขียน (compose window)คลิก(Click)ที่คำตอบสำเร็จรูป(Canned responses)จากนั้นคลิกที่คำตอบสำเร็จรูปใหม่(New canned response)ใต้หัวข้อบันทึก(Save)

gmail ตอบกลับกระป๋อง

ตั้งชื่อคำตอบสำเร็จรูปของคุณ เช่นลายเซ็นอีเมล( Email Signature)  หรืออะไรก็ได้ที่คุณต้องการ แล้วคลิกตกลง ตอนนี้คุณจะเห็นหน้าต่างเขียน(compose window)เปล่า ในส่วนเนื้อหา(body area)ให้คัดลอกและวาง(copy and paste)ลายเซ็นHTML(HTML signature)

ตอบกลับกระป๋องที่บันทึกไว้

ตอนนี้เราต้องบันทึก คลิก(Click)ที่ลูกศร จาก นั้นคลิก คำตอบสำเร็จรูป(Canned responses)จากนั้นคลิกที่ชื่อของคำตอบสำเร็จรูปใต้หัวข้อบันทึก (Save)คุณจะได้รับข้อความแจ้งว่าต้องการเขียนทับคำตอบสำเร็จรูปหรือไม่ ซึ่งคุณควรคลิกตกลง บันทึกคำตอบสำเร็จรูปของคุณแล้ว ตอนนี้เปิดหน้าต่างเขียนใหม่และคลิก(compose window and click)ที่ลูกศรลงแล้วตามด้วยคำตอบสำเร็จรูป(Canned responses )อีกครั้ง

ลายเซ็นอีเมลตอบกลับกระป๋อง

ตอนนี้คุณจะเห็นส่วนหัวใหม่สองสามรายการ ในการแทรกการตอบกลับสำเร็จรูปที่บันทึกไว้ก่อนหน้านี้ ให้คลิกที่ชื่อของการตอบกลับที่อยู่ภายใต้หัวข้อแทรก (Insert)การ ตอบสนองกระป๋อง HTMLจะถูกแทรกทุกที่ที่เคอร์เซอร์ของคุณตั้งอยู่

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

ลายเซ็น HTML ของ Yahoo

ขั้นตอนสำหรับYahoo Mailนั้นคล้ายกับวิธีแรกที่ฉันเขียนในGmailมาก ขั้นตอนแรกคือการเปิดหน้าจอการตั้งค่า เข้าสู่ระบบ(Log) Yahoo Mail และคลิก(Yahoo Mail and click)ที่ไอคอนรูปเฟืองที่ด้านบนขวา จากนั้นคลิกที่การตั้งค่า(Settings)

การตั้งค่าเมล yahoo

ตอนนี้คลิกที่บัญชี(Accounts)ทางด้านซ้าย จากนั้นคลิกที่บัญชีอีเมล(email account)ที่แสดงทางด้านขวา

บัญชีเมล yahoo

เลื่อนลงมาเล็กน้อยแล้วทำเครื่องหมายที่ช่องผนวกลายเซ็นกับอีเมลที่คุณส่ง (Append a signature to the emails you send)ตอนนี้เพียงคัดลอกและวางลายเซ็น HTML(HTML signature) ของคุณ ลงในช่อง

yahoo html ลายเซ็น

ควรเก็บการจัดรูปแบบ HTML(HTML formatting) ทั้งหมดไว้ และมีลักษณะเหมือนกับที่แสดงในเว็บเบราว์เซอร์(web browser)ยกเว้นปัญหาด้านรูปภาพ(image issue) ที่ ฉันได้กล่าวไว้ข้างต้น Yahoo ไม่มี (Yahoo doesn)คุณลักษณะการตอบกลับ(response feature)สำเร็จรูปดังนั้นคุณแทบไม่ต้องเพิ่มลายเซ็นในอีเมลทั้งหมดของคุณเมื่อคุณเปิดใช้งาน

ลายเซ็น HTML ของ Outlook

Outlookเป็นสิ่งที่ดีที่ให้คุณเพิ่มโค้ด HTML(HTML code)สำหรับลายเซ็นอีเมลของคุณได้โดยตรง คุณสามารถทำได้โดยคลิกที่ไอคอนรูปเฟืองที่ด้านบนขวาแล้วคลิกตัวเลือก(Options)

ตัวเลือกแนวโน้ม

ใต้หัวข้อการเขียนอีเมล(Writing email)ให้คลิกที่การจัดรูปแบบ แบบอักษรและลาย(Formatting, font and signature)เซ็น

ลายเซ็นอีเมล Outlook

ภายใต้ หัวข้อ ลายเซ็นส่วนบุคคล(Personal Signature)คุณจะเห็นกล่องลายเซ็น(signature box) ที่ ตั้งค่าเป็นRich textตามค่าเริ่มต้น

แก้ไข html outlook

เพียงคลิกที่กล่องดรอปดาวน์แล้วเลือก(box and pick) แก้ไขใน HTML(Edit in HTML)เพื่อป้อนลายเซ็น HTML ของ(HTML signature)คุณ โปรดทราบว่าที่นี่คุณต้องการคัดลอกและวางโค้ด HTML(HTML code) จริง แทนเวอร์ชันของเว็บเบราว์เซอร์(web browser version)

ลายเซ็นโค้ด html

ค้นหาหรือสร้างลายเซ็น HTML

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

สร้างลายเซ็น HTML

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

htmlsigเป็นไซต์ยอดนิยม และให้(site and lets)คุณสร้างลายเซ็นอีเมล(email signature) ฟรี ซึ่งจะหมดอายุหลังจาก 30 วัน พวกเขามีตัวเลือกการสมัครสมาชิกแบบชำระเงิน แต่ฉันแนะนำเฉพาะคนเหล่านี้ถ้าคุณต้องสร้างลายเซ็นอีเมล(email signature) จำนวน มากสำหรับธุรกิจ ฯลฯ หากคุณต้องการสร้างลายเซ็นส่วนตัวเพียงรายการเดียวก็มีราคาแพง

NewWorldStamp มีโปรแกรมสร้าง (NewWorldStamp)ลายเซ็น HTML(HTML signature)ออนไลน์ฟรีที่ให้คุณเลือกจากการออกแบบที่ดูดีสองสามแบบ

สร้างลายเซ็นอีเมล

เทมเพลตลายเซ็นอีเมล

หากคุณต้องการเพียงแค่ดาวน์โหลดเทมเพลตและป้อนข้อมูลของคุณ ก็มีเว็บไซต์มากมายที่คุณสามารถดาวน์โหลดเทมเพลตได้ นี่คือบางส่วน:

http://emailsignaturerescue.com/email-signature-templates

http://www.mail-signatures.com/articles/signature-templates/

https://www.template.net/business/email/free-email-signature-templates/

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



About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปีในการทำงานกับเบราว์เซอร์ Firefox และ Google Docs ฉันเป็นผู้เชี่ยวชาญในการสร้างแอปพลิเคชันออนไลน์ที่เรียบง่ายแต่ทรงพลัง และได้พัฒนาโซลูชันบนเว็บสำหรับทั้งธุรกิจขนาดเล็กและองค์กรขนาดใหญ่ ฐานลูกค้าของฉันประกอบด้วยชื่อที่ใหญ่ที่สุดในธุรกิจ เช่น FedEx, Coca Cola และ Macy's ทักษะของฉันในฐานะนักพัฒนาทำให้ฉันเป็นผู้สมัครในอุดมคติสำหรับโครงการใดๆ ที่จำเป็นต้องทำให้เสร็จอย่างรวดเร็วและมีประสิทธิภาพ - ตั้งแต่การพัฒนาเว็บไซต์ที่กำหนดเองไปจนถึงการสร้างแคมเปญการตลาดทางอีเมลที่มีประสิทธิภาพ



Related posts