En este artículo, veremos el proceso paso a paso para crear un Mailto HTML y un enlace de llamada. Cuando un usuario hace clic en el enlace mailto, abre un cliente de correo electrónico predeterminado en el sistema del usuario. Puede hacer este tipo de enlaces en los que se puede hacer clic fácilmente con la etiqueta de anclaje .
Enlace Mailto: los usuarios pueden ponerse en contacto fácilmente con los propietarios de sitios web o con cualquier persona con la ayuda de un enlace mailto. El enlace Mailto redirige al usuario al cliente de correo electrónico y crea el nuevo correo, dirigiendo el correo electrónico en el enlace mailto. Además, podemos especificar el asunto y el texto del cuerpo predeterminado dentro del enlace mailto, lo que ahorra tiempo a los usuarios.
Las siguientes consultas y parámetros en el enlace mailto:
- mailto: Acepta la dirección de correo electrónico del destinatario.
- cc: Es un parámetro opcional. Acepta otra dirección de correo electrónico que recibirá la copia al carbón.
- bcc : También es un parámetro opcional. Acepta una o más direcciones de correo electrónico que recibirán la copia oculta.
- asunto : en este parámetro, puede asignar un asunto predeterminado del correo.
- cuerpo : Le permite establecer el texto del cuerpo por defecto. Sin embargo, es opcional.
- ? : Es un primer delimitador de parámetro.
- & : Te permite separar más de una consulta.
Sintaxis:
<a href = "mailto:name@gmail.com"> </a>
Además, los usuarios pueden agregar asuntos predeterminados al enlace mailto. Si los usuarios desean agregar un poco más de información, como correos electrónicos CC, correos electrónicos BCC y texto del cuerpo, podemos hacerlo fácilmente. Tenemos que agregar todas las consultas después del correo electrónico del usuario seguido de un signo de interrogación. Si los usuarios desean agregar varias consultas, pueden usar el operador & para separar dos consultas.
Ejemplo:
<a href=”mailto:feedback@geeksforgeeks.org?cc=feedback@xyz.com&bcc=contact@xyz.org&subject=Correo a GeeksForGeeks&body=Correo electrónico de demostración” target=”_blank”>Contacto en GeeksForGeeks </a>
HTML
<!--html code to apply mailto link--> <!DOCTYPE html> <html> <head> <title>Mailto link</title> </head> <body> <h1 style="color: Green;"> Contact GeeksForGeeks! </h1> <!-- Only user email address added --> <label>Email: </label> <a href="mailto:feedback@geeksforgeeks.org"> Contact at GeeksForGeeks </a><br /> <!-- Subject also added user email address --> <label>Email: </label> <a href="mailto:feedback@geeksforgeeks.org?subject=Mail to GeeksForGeeks" target="_blank"> Contact at GeeksForGeeks </a> <br /> <!-- CC and BCC emails added with subject and body text field --> <label>Email: </label> <a href="mailto:feedback@geeksforgeeks.org?cc=feedback@xyz.com&bcc=contact@xyz.org&subject=Mail to GeeksForGeeks&body=Demo email" target="_blank"> Contact at GeeksForGeeks </a> </body> </html>
Producción:
Enlace de llamada: como hemos agregado el enlace mailto, también podemos agregar un enlace de llamada usando la etiqueta de anclaje HTML. Cuando un usuario hace clic en el enlace de la llamada, lo redirige a la aplicación de llamada predeterminada con el número de teléfono direccionado en el enlace de la llamada. Por lo tanto, los usuarios no necesitan marcar el número de teléfono y pueden hacer llamadas directamente presionando el botón de llamada.
Sintaxis:
<a href="tel:Number"></a>
También podemos agregar un código de país antes del número de teléfono dentro del enlace.
<a href="tel:+91123-456-7890"> call US </a>
Diferentes acciones de llamada:
- tel : para redirigir a una aplicación de llamada.
- callto : para abrir la aplicación de Skype.
- SMS : para enviar un mensaje de texto.
- fax : para enviar un fax.
Ejemplo:
<a href=”callto:+91123-456-7890″> llamar a EE. UU. </a>
<a href=”SMS:+91123-456-7890″> llamar a EE. UU. </a>
<a href=”fax:+ 91123-456-7890″> llámenos </a>
Ejemplo:
HTML
<!--html code to apply call link--> <!DOCTYPE html> <html> <head> <title>Call link</title> </head> <body> <h1 style="color: Green;"> Contact GeeksForGeeks! </h1> <a href="tel:+91123-456-7890"> Contact on call </a> <br /> <a href="callto:+91123-456-7890"> Contact on Skype </a> <br /> <a href="SMS:+91123-456-7890"> Send SMS </a><br /> <a href="fax:+91123-456-7890"> Send Fax </a><br /> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por shubhamvora05 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA