Introducción.

A veces, tienes sitios web estáticos de muestra creados con HTML, CSS y javascript, y es posible que tengas una página de contacto en ese sitio web.

Como sabes, una página de contacto aceptará algunos campos de los usuarios como su correo electrónico, nombre, mensaje y luego los guardará en la base de datos. En tu backend, tendrás una página que puedes ver esos mensajes de contacto y responder a los usuarios desde.

O tal vez necesites enviar un correo electrónico desde tu sitio web, pero no desea utilizar ningún lenguaje del lado del servidor como php, asp, node.js o cualquier otro idioma. deseas enviar un correo electrónico sin siquiera utilizar ningún servidor SMTP.

En este artículo o pequeña conferencia, te mostraré cómo enviar un correo electrónico a tu página estática utilizando solo javascript y el servicio de hojas de Google.

Guía paso por paso.

  1. Lo primero que debe hacer es abrir el enlace a continuación:

Enlace de copia de hoja de Google

  1. Haz clic en hacer una copia. Verás una hoja de cálculo frente a ti.
  2. Cambia el nombre del archivo si lo deseas.
  3. Haz clic en herramientas> editor de secuencias de comandos.
  4. Ve a la línea número 8, elimina el comentario y envía el correo electrónico de destino al que deseas enviar.
  5. Ahora guarda el script, luego haz clic en archivo> administrar versiones> escribe cualquier descripción y haz clic en guardar versión.
  6. Haz clic en publicar> Implementar como aplicación web.

Asegúrate de seleccionar la versión del proyecto (en tu caso debe ser una) pero cuando guardes una versión diferente del script, selecciona la correcta.

Y deja el acceso a cualquiera, incluso anónimo.

Haz clic en actualizar y si solicita la autenticación, simplemente haz clic en permitir.

8. Copia el script generado (lo usaremos en nuestra página)

  1. Ahora descarga la página de contacto HTML de prueba: (tenemos dos ejemplos, uno es básico y el otro es una llamada asíncrona para ocultar el mensaje de éxito)

Descargar ejemplo básico

Descargar ejemplo de Async

Abre el archivo y ve a esta parte:

Pega el enlace del script que obtuviste de las hojas de Google en el paso 8 en el valor de la acción.

  1. Ahora abre el archivo en el navegador y pruébelo, simplemente completa el formulario y haz clic en enviar.

¡Revisa tu bandeja de entrada para ver la magia!

Además, cada correo electrónico que envías se registrará en la hoja de Google en línea.

Este artículo se basa en un tutorial de GitHub, compruébalo aquí.