วิธีเพิ่มลิงก์ Mailto ใน HTML – คู่มือโค้ดทีละขั้นตอน

ลิงก์ Mailto ช่วยให้ผู้ใช้ส่งอีเมลจากเว็บไซต์ได้โดยตรงผ่านไคลเอ็นต์อีเมลเริ่มต้นของผู้ใช้ แต่จะสร้างลิงก์ Mailto ใน HTML อย่างไร?

ในบทความนี้ ผมจะพาคุณผ่านวิธีสร้างลิงก์ Mailto ใน HTML พร้อมโค้ดตัวอย่าง

ไวยากรณ์พื้นฐานของลิงก์ mailto

นี่คือไวยากรณ์พื้นฐานสำหรับลิงก์ mailto:

<a href="mailto:johndoe@fakeemail.com">Example mailto link</a> 

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

ในตัวอย่างนี้ เมื่อผมคลิกที่ลิงก์ มันจะเปิดแอป Mail ของผม และที่อยู่อีเมลถูกกรอกไว้ในฟิลด์ to แล้ว

ด้วยวิธีนี้ ผมจะสามารถส่งอีเมลด่วนและกลับไปที่เว็บไซต์

วิธีเพิ่มที่อยู่อีเมลหลายที่ในลิงก์ mailto

คุณสามารถเพิ่มที่อยู่อีเมลหลายที่ในลิงก์ mailto โดยใช้ไวยากรณ์นี้:

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com"> Multiple email addresses </a> 

สำคัญคือต้องแยกที่อยู่อีเมลหลายที่ด้วยคอมมา (comma)

เมื่อผมคลิกที่ลิงก์ในเบราว์เซอร์ มันจะเปิดแอป Mail และกรอกที่อยู่อีเมลในฟิลด์ to

วิธีเพิ่มบรรทัดหัวข้อในลิงก์ mailto

นี่คือโค้ดตัวอย่างที่แสดงวิธีเพิ่มบรรทัดหัวข้อในลิงก์ mailto

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link"> Using the subject parameter </a>

หลังจากที่อยู่อีเมล คุณต้องเพิ่ม ? เพื่อแยกอีเมลและพารามิเตอร์ subject หากคุณละ ? ไป ลิงก์หัวข้อจะไม่ทำงาน

วิธีเพิ่ม CC และ BCC ในลิงก์ mailto

นี่คือตัวอย่างที่แสดงวิธีเพิ่มผู้รับ CC (carbon copy) และ BCC (blind carbon copy) ในลิงก์ mailto

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link"> Using the CC and BCC parameters </a>

หลังจากที่อยู่อีเมล คุณต้องเพิ่ม ? เพื่อแยกอีเมลและพารามิเตอร์ CC คุณยังต้องเพิ่ม & ก่อนพารามิเตอร์ BCC และ subject

วิธีเพิ่มพารามิเตอร์ body ในลิงก์ mailto

นี่คือตัวอย่างที่แสดงวิธีใช้พารามิเตอร์ body กับลิงก์ mailto นี่ช่วยให้คุณเพิ่มข้อความในเนื้อหาอีเมลของคุณ

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link &body=this is an article on how to use the mailto link"> Using the body parameter </a>

คุณต้องเพิ่ม & ก่อนพารามิเตอร์ body

มีข้อเสียในการใช้ลิงก์ mailto หรือไม่?

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

ข้อดีของการใช้ลิงก์ mailto

เหตุผลที่ดีในการใช้ลิงก์ mailto คือ หากคุณส่งอีเมลให้กลุ่มคนที่คุณรู้จัก หากกลุ่มนั้นทั้งหมดใช้ไคลเอ็นต์อีเมลเริ่มต้น การใช้ลิงก์ mailto จะเป็นตัวเลือกที่ดีกว่าฟอร์มติดต่อ