Cómo añadir los iconos sociales en tu Newsletter

Cómo añadir los iconos sociales en tu Newsletter

Es estupendo que hayas creado tu propia lista de suscriptores, gracias a ello tienes contacto directo con tus potenciales clientes, esas personas que confían en ti tanto como para abrirte las puertas de su correo electrónico. Además, serán mucho más receptivos a tus campañas y promociones. Si vendes algún producto o servicio, notarás que son los primeros en interesarse por él.

Pero hay vida más allá de tu newsletter y tu blog. Si tu objetivo es crear una comunidad fuerte y activa para reforzar tu imagen de marca y llegar a más público, necesitas enlazar tus redes sociales no solo a tu blog o web, sino a tu boletín. Así tus suscriptores podrán seguirte en su red social favorita, además de recibir tus correos, y seguirás estrechando lazos con ellos.
 

¿Cómo conseguir iconos sociales?


Puedes descargar packs de iconos sociales de Google, hay infinidad de webs con recursos gráficos gratuitos. Algunas de ellas:


DESCARGAR



DESCARGAR



DESCARGAR
 

¿Cómo instalar los iconos en mi plantilla?

Si ya estás utilizando una plantilla con iconos sociales, solo tienes que hacer doble click encima e la imagen de cada uno de ellos, fijarte en las medidas, adaptar las tuyos y sustituir la imagen que viene por defecto en tu plantilla por la nueva.

Pero si estás diseñando tu plantilla desde cero y no tienes iconos que sustituir, necesitarás añadir el siguiente código:

                        <table border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td style="text-align: center; padding: 0 10px 0 10px;" width="37"><a href="ENLACE A TU RED SOCIAL" target="_blank"><img alt="NOMBRE DE TU RED SOCIAL" src="ENLACE DEL ICONO DE TU RED SOCIAL" style="border-width: 0px; border-style: solid; width: 37px; height: 37px;" /> </a></td>
                                </tr>
                            </tbody>
                        </table>

Lo que te he marcado en negrita haría aparecer un solo icono. Puedes añadir ese fragmento las veces que necesites según el número de redes sociales en las que tengas presencia. Por ejemplo, si necesitas tres, el resultado final sería así:

 <table border="0" cellpadding="0" cellspacing="0">
                            <tbody>
                                <tr>
                                    <td style="text-align: center; padding: 0 10px 0 10px;" width="37"><a href="ENLACE A TU RED SOCIAL" target="_blank"><img alt="NOMBRE DE TU RED SOCIAL" src="ENLACE DEL ICONO DE TU RED SOCIAL" style="border-width: 0px; border-style: solid; width: 37px; height: 37px;" /> </a></td>
                                    <td style="text-align: center; padding: 0 10px 0 10px;" width="37"><a href="ENLACE A TU RED SOCIAL" target="_blank"><img alt="NOMBRE DE TU RED SOCIAL" src="ENLACE DEL ICONO DE TU RED SOCIAL" style="border-width: 0px; border-style: solid; width: 37px; height: 37px;" /> </a></td>
                                    <td style="text-align: center; padding: 0 10px 0 10px;" width="37"><a href="ENLACE A TU RED SOCIAL" target="_blank"><img alt="NOMBRE DE TU RED SOCIAL" src="ENLACE DEL ICONO DE TU RED SOCIAL" style="border-width: 0px; border-style: solid; width: 37px; height: 37px;" /> </a></td>
                                </tr>
                            </tbody>
                        </table>

Recuerda añadir este código al final de tu plantilla, activando la opción FUENTE HTML, que te permitirá ver el código que ya estás usando para ubicar correctamente tu tabla de redes sociales.

No olvides enviarte una prueba del boletín antes de programar el envío a tus suscriptores para comprobar que se ve correctamente.