Cómo instalar el botón para el email en tu blog

Continuamos con los post prácticos. Hoy, uno que complementa el de hace unas semanas sobre Cómo instalar los botones de las redes sociales. Una de las lectoras de ese post nos pidió cómo podía hacer para tener también un botón que dirigiera directamente a un correo electrónico (aquellos en qué das y se abre el Outlook para enviar un mail). Como no tenía ni idea de cómo hacerlo, decidí investigar por la red. Allá vamos.

La mecánica es similar a la que utilizamos en los botones de las redes sociales. Tan solo debemos cambiar el código que utilizaremos, pero vamos por partes. Evidentemente, yo te explico cómo hacerlo en WordPress.com, que es lo que pongo en práctica.

1. Subiremos la imagen del botón del correo a nuestra galería de imágenes de WordPress. Lo haremos a través del menú de la izquierda de nuestro Escritorio en el gestor de WordPress. En concreto en Medio — Añadir Nuevo.

2. Guardaremos (por ejemplo, en documento word), la URL de este archivo. Como ya vimos en el post sobre los botones de redes sociales, accediendo en esa imagen, al lado derecho, donde hay la información.

3. Deberemos instalar un Widget de Texto en el lugar del blog dónde queramos que aparezca la opción de enviarnos un correo electrónico. Lo haremos en Apariencia — Widgets.

4. Copiaremos el código modificando las opciones que tenemos en naranja. Las escribiremos en minúscula.

<div align="LEFT/CENTER/RIGHT"><a href="mailto:TUMAIL"><img src="URL IMAGEN"></a></div>
  • La etiqueta align es para elegir si quieres que la imagen esté alineada a la izquierda (left), a la derecha (right) o centrado (center)
  • La etiqueta mailto es para decir a qué correo electrónico quieres enlazarlo. Debes poner tu dirección directamente
  • Y img src es para la URL de la imagen

boto email

5. Guardamos y ya está. Ya puedes comprobar como cuando das al sobre (en mi caso) o a la imagen que hayas instalado, se abre el Outlook o el Mail con tu dirección de correo.

 

Foto destacada: Comunidadism

Advertisements

8 responses to “Cómo instalar el botón para el email en tu blog

  1. Hola como estás? Sabes que que hice lo que comentas y cuando le doy click al icono me sale un error que dice que no hay nada para mostrar. Sabes a que se puede deber esto?

    • ¿Tienes instalado el outlook? La verdad, no sé nada de programación… Pero si me envías la dirección de tu sitio, puedo mirar qué pasa…

      • Ya lo he solucionado, había sido un fallo mío, gracias de todas formas !

  2. Hi, Neat post. There’s a problem with your site in internet explorer, would test this IE still is the market leader and a good portion of people will miss your excellent writing because of this problem. bdddgcddeggd

  3. I’ve read some excellent stuff here. Definitely price bookmarking for revisiting. I surprise how much effort you place to create this type of great informative site. dffbekefecad

  4. Enjoyed studying this, very good stuff, regards . A man may learn wisdom even from a foe. by Aristophanes. kecgdgeafaee

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s