Cómo crear y enviar boletines por correo electrónico gratis

Hay muchas opciones de pago proporcionadas por muchos proveedores de boletines por correo electrónico, pero si puede enviar una desde su cuenta de Gmail, Yahoo, Hotmail y cualquier otra cuenta de correo electrónico gratuita, puede reservar más de su presupuesto en otros artículos..

Si está buscando un servicio de boletines informativo mejor administrado con herramientas para monitorear su campaña de correo electrónico, utilice el servicio de pago, pero si desea enviar un boletín a algunos amigos, le encantará este tutorial..

Le guiaremos sobre cómo guardar su propia plantilla de boletín como una plantilla HTML y comenzar a enviarlos, con la ayuda de CampaignMonitor.

Comience con la plantilla de correo electrónico en Photoshop

Si tiene una idea de cómo quiere que se vea su plantilla de boletín, puede comenzar a trabajar con Photoshop. De lo contrario, puede descargar una plantilla de muchos proveedores de plantillas de correo electrónico gratis. No hay un ancho y alto específico de una plantilla de correo electrónico, pero para asegurarse de que sea compatible y legible en cualquier correo electrónico sin interrupciones, le sugerimos que establezca el tamaño del ancho en no más de 650 px. Sin embargo, no hay limitaciones en las alturas, por lo que ese parámetro depende de usted.

Plantilla de correo electrónico

Puede ser tan creativo como quiera con su plantilla de correo electrónico, pero tenga en cuenta que con más elementos creativos incluidos, habrá más trabajo en el corte de cada elemento. La plantilla que usaremos tiene solo unos pocos elementos simples: un encabezado, foto, líneas y texto, para el beneficio de esta guía..

Selección de fuentes

Definitivamente puedes usar cualquier tipo de fuente disponible en tu Photoshop. Pero si está creando un boletín informativo, es recomendable utilizar fuentes web como Times New Roman, Arial y Georgia. De lo contrario, use sus fuentes especiales, pero guárdelas como imágenes, en lugar de como texto.

Trate de limitar tener que guardar demasiadas imágenes en su plantilla, ya que esto solo lo hará más grande y por lo tanto tardará más en cargarse.

1. Cortar su plantilla de correo electrónico

En esta guía, utilizaremos una versión editada de la plantilla de correo electrónico gratuita de CampaignMonitor. Descárgalo aquí para seguir este tutorial..

Ahora que está listo con su plantilla de correo electrónico, ábralo con Photoshop, seleccione Herramienta de corte y comienza a cortar cada elemento de la plantilla.

En este proceso, debe dividir cada espacio, texto, línea e imagen..

Cuando corte un texto, asegúrese de seleccionar el tamaño exacto, no deje ningún espacio adicional en el área de texto. Para espacios vacíos, córtelos en una gran rebanada, pero sepárelos en cuadrados.

La siguiente herramienta que necesitas usar con Photoshop es la Herramienta de selección de rebanada. Use esta herramienta para arreglar cada elemento de la plantilla. Asegúrese de que todas las líneas estén conectadas, no deje ningún área vacía sin cortarlas.

Con la herramienta de selección de rebanadas, amplíe su plantilla y verifique cada rebanada que haya realizado. Asegúrese de que cada línea esté conectada y fija.

El resultado se verá así..

2. Guardar como plantilla HTML

Cuando esté listo con su plantilla segmentada, vaya a Archivo y seleccione Guardar para web y dispositivos.

Aparecerá una ventana con opciones de guardado. En primer lugar, haga doble clic en su elemento de imagen y asígnele un nombre para que pueda reconocer fácilmente el archivo de imagen cuando se guarda. Hacer clic DE ACUERDO después de que los hayas nombrado.

A continuación, en la esquina superior derecha de la ventana emergente, configure el tipo de imagen como JPEG desde el menú desplegable. La calidad se puede configurar para 60 o 80. Si establece la calidad en 100, la calidad de la imagen será máxima, pero hará que su plantilla sea pesada..

Ahora haga clic en el Salvar botón en la parte inferior de la ventana.

Aparecerá una nueva ventana emergente. Aquí, seleccione el destino donde desea guardar el archivo y luego cambie el formato a HTML e imágenes y establecer el Rebanadas a Todas las rebanadas.

A continuación, bajo la Ajustes menú desplegable, seleccione Otro.

Aparecerá otra ventana emergente, debajo de HTML sección, asegúrese de que las opciones en 'Formato' sean las siguientes; haga lo mismo para la sección 'Codificación'.

Ahora desde el HTML menú desplegable, seleccione Rebanadas, y seleccione Salida de rebanada a Generar tabla y establecer las columnas como la siguiente.

Ahora desde Rebanadas, ir Guardando archivos en el menú desplegable, vaya a la sección "Archivos optimizados" y compruebe Poner las imágenes en la carpeta y establecer el nombre de la carpeta de imágenes. La carpeta de imágenes por defecto será 'imágenes'. Entonces haga clic 'DE ACUERDO'.

Al hacer clic en Aceptar, volverá a la ventana emergente anterior, ahora haga clic en Salvar.

Después de presionar el botón Guardar, abra la carpeta de ubicación donde guardó el archivo y verá la carpeta html e imágenes que contiene imágenes en rodajas ya guardadas para su plantilla de correo electrónico..

Abra el archivo '.html' en su navegador y verá que su boletín se ha convertido ahora en una plantilla HTML..

3. corregir HTML, cambiar la imagen de texto a fuentes web

Al final de los siguientes pasos, obtendrá la plantilla de correo electrónico finalizada en formato HTML.

Todos los elementos del boletín HTML se guardan en imágenes, que incluyen todo el texto. Ahora necesitas convertir las imágenes de texto a fuentes web. Para hacerlo, abra el archivo '.html' con el editor HTML. En este ejemplo, estoy usando Dreamweaver.

Haga clic en el encabezado y verifique el HTML resaltado..

El HTML será algo como esto;

Ahora borre todas las líneas que están resaltadas, alternativamente, haga clic en la imagen del encabezado y presione eliminar. Una vez eliminado, verá el área llena con el color de fondo predeterminado.

Ahora vuelva a Photoshop, verifique los detalles de la fuente del encabezado. Necesitas obtener el tipo de letra, color y tamaño..

Una vez que obtenga los detalles de la fuente, ingrese el texto del encabezado en el área del encabezado de la plantilla e incluya también los detalles de la fuente. En mi ejemplo, mi texto de encabezado HTML es el siguiente:

ABC Newsletter

La línea HTML anterior tiene "estilo" incluido. Ahí es donde se define el color de fondo, la familia de fuentes, el tamaño de la fuente y el espaciado de las letras. Intente llenar el espacio de texto con el espacio entre letras y el tamaño de fuente adecuados; Asegúrate de que no rompa tu plantilla.

Ahora necesita repetir el mismo proceso para cada texto en su plantilla. Asegúrese de que todas las imágenes de texto se transformen en fuentes web y evite imágenes innecesarias en HTML.

La siguiente es opcional, pero puede configurar el boletín para centrar, agregar la alineación en el

sección.

Para revisar su plantilla final, abra el archivo '.html' en su navegador;

También puede descargar la plantilla final aquí para su referencia..

4. Enviar HTML como boletín de noticias a través de Gmail

Ahora, aquí hay un pequeño truco para que envíes tu correo electrónico HTML directamente desde Gmail. Para hacer esto, realmente necesita cargar la carpeta del boletín de noticias a su servidor web, pero en caso de que no tenga una, hagámoslo con Dropbox..

Uso de la carpeta pública de Dropbox

Si registró su cuenta de Dropbox antes del 1 de agosto de 2012, puede seguir los pasos a continuación.

1. Registre una cuenta gratuita con Dropbox y luego instale la aplicación en su PC o Mac para que pueda saltarse el proceso de carga en la Web. Deja que la aplicación haga la carga por ti..

   

2. La plantilla de correo electrónico que creó se guardó en una carpeta. Copie la carpeta, y péguela en el Público carpeta encontrada en tu Dropbox (Dropbox> Público).

   

3. Ahora, ubique su archivo '.html' en la carpeta, haga clic derecho y seleccione Copiar enlace público.

   

4. Una vez que seleccione 'Copiar enlace público', el enlace se guardará en la memoria de su computadora. Pegue este enlace en su navegador web, luego ábralo como una página web.

   

5. Debe copiar el contenido de este boletín, así que use su teclado y presione Ctrl + A para seleccionar todo y luego Crtl + C para copiar todo el contenido (para Mac, use Cmd + A para seleccionar todo y Cmd + C para copiar)

6. Abra su Gmail, haga clic en Componer para obtener un correo electrónico en blanco, haga clic con el mouse en el campo de texto y luego presione Ctrl + V para pegar su boletín en el campo de contenido del correo electrónico. Los usuarios de Mac pueden presionar Cmd + V

   

7. Su boletín ahora aparece como su contenido de correo electrónico. Ingrese el asunto y la dirección de correo electrónico y envíe su primer boletín por correo electrónico!

Usando la aplicación Site44

Como Dropbox ya no ofrece la función de carpeta pública para usuarios de Dropbox que se registraron después del 1 de agosto de 2012, puede probar Site44, una aplicación que convierte las carpetas de Dropbox en sitios web..

1. Visita Site44 e inicia sesión con Dropbox para comenzar.

   

2. Permitir Site44 se conecta con su cuenta de Dropbox. En la mayoría de los casos, debe verificar su dirección de correo electrónico.

   

3. Haga clic en "Haga clic en un nuevo sitio web" para comenzar.

   

4. En la sección "Usar un dominio de site44.com", ingrese el nombre de la carpeta preferible para este sitio web en su Dropbox y haga clic en "Crear". En este caso, estoy usando "mynewsletter"como el nombre de mi carpeta. Después de eso, acepte los términos de uso para continuar.

   

5. Ahora, Site44 ha creado nuevas carpetas para el sitio web en tu Dropbox.

   

6. Copie newsletter.html y la carpeta de imágenes que creó anteriormente en mynewsletter.site44.com Carpeta Dropbox.

   

7. Abra el navegador web y vaya a http://mynewsletter.site44.com/newsletter.html.

   

8. Debe copiar el contenido de este boletín, así que use su teclado y presione Ctrl + A para seleccionar todo y luego Crtl + C para copiar todo el contenido (para Mac, use Cmd + A para seleccionar todo y Cmd + C para copiar)

9. Abra su Gmail, haga clic en Componer para obtener un correo electrónico en blanco, haga clic con el mouse en el campo de texto y luego presione Ctrl + V para pegar su boletín en el campo de contenido del correo electrónico. Los usuarios de Mac pueden presionar Cmd + V

   

10. Su boletín ahora aparece como su contenido de correo electrónico. Ingrese el asunto y la dirección de correo electrónico y envíe su primer boletín por correo electrónico!

Conclusión

Mientras la carpeta HTML del boletín todavía se guarde en su carpeta pública de Dopbox, su destinatario podrá ver su boletín correctamente, pero una vez que elimine la carpeta, se romperá el enlace y el destinatario solo podrá ver la carpeta. texto. Espero que pueda seguir este tutorial sobre cómo crear un boletín HTML básico con Photoshop y enviarlo en forma HTML a través de Gmail. Si tienes otras formas, comparte con el resto de nuestros lectores..