email

Mailhog | Envio de correos locales con Lando

webmaster — Sat, 18 Mar 2023 12:30:37 +0000

Mailhog | Envio de correos locales con Lando webmaster Sáb, 18/03/2023 - 13:30

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

Al igual que el tratamiento de las imágenes, otros de los retos con los cuales nos encontramos a la hora de crear una web, se refiere a la creación y configuración de los formularios que se utilizarán, tanto para ofrecer la opción de comunicarnos con los usuarios, como la de realización de pedidos o petición de servicios específicos.

A partir de Drupal 8, por defecto, tenemos integrado un formulario de contacto, al que podremos acceder automáticamente si añadimos "/contact" en nuestro navegador, a continuación del dominio de nuestra web; pero también existe la posiblidad de añadir y configurar varios formularios, por medio de uno de los módulos más potentes que ofrece la comunidad Drupal, llamado Webform.

Pero antes de ponernos a diseñar nuestros formularios, para enviarlos necesitaremos un servidor de correos, encargado de gestionar estos envios. Por suerte, contamos con una manera bastante sencilla y práctica, para hacerlo sin salir de nuestro entorno local, gracias al servicio mailhog, disponible en Lando.

Cómo configurar Mailhog para enviar correos con Lando

Ya que estamos trabajando con Drupal 9 y Gatsby, los siguientes cambios estarán destinados a activar el servicio de correos Mailhog, dentro de nuestro sitio Drupal 9, para poder comenzar con las pruebas de envios de formularios. Inicialmente, activaremos la configuración y probaremos con el formulario de contacto por defecto que trae Drupal.

Para ello, seguiremos los siguientes pasos:

Paso 1 : Modificar la configuración de Lando

Ya sabemos que Lando tiene una configuración por defecto, pero que podremos personalizarla según las necesidades de nuestro proyecto, como hemos hecho con el caso de la configuración para que Gastby conecte con nuestro Drupal, que explicamos en el capítulo Conectando Gatsby con Drupal 9.

En este caso, abriremos con el IDE de nuestra preferencia, el archivo de configuración de nuestro Drupal 9, que se generó automáticamente, y añadiremos las siguientes líneas, justo debajo de los valores iniciales:

name: drupal-gatsby
recipe: drupal9
config:
  webroot: web

proxy:
  mailhog:
    - mail.mailhog.lndo.site

services:
  mailhog:
    type: mailhog
    portforward: false
    hogfrom:
      - appserver
  appserver:
    type: php

Explicación

En la primera parte del código, definimos, por medio del Proxy, la url con la que accederemos a nuestro servidor de correos Mailhog, en este caso mail.mailhog.lndo.site, de esta manera, podremos comprobar los correos recibidos desde Drupal 9, cuando se ejecute cualquier formulario, previamente configurado con un correo electrónico válido.

Cuando realizamos la instalación por defecto de Drupal, justo antes de entrar a la web instalada, veremos el formulario donde definimos el correo del sitio y el del administrador. Ambos correos podrán ser modificados posteriormente accediendo a la url "/admin/config/system/site-information", para cambiar el correo del sitio. O, en el caso del correo del administrador, a la url de edición del perfil "/user/1/edit".

Paso 2 - Confirmación del correo del sitio Drupal 9

Ahora que sabemos donde cambiar, el correo electrónico para el envio del formulario de contacto por defecto que nos trae Drupal, nos moveremos a la url correspondiente y nos aseguraremos de haber configurado un correo electrónico para nuestro sitio.

En el apartado de Services, es donde definiremos el resto de configuraciones relacionadas con Mailhog, para que funcione correctamente. (Recuerda respestar los espacios o no funcionará tu configuración).

Paso 3 - Reinicio de la aplicacion

Lo próximo que haremos, una vez guardados los cambios de la configuración de Drupal y de Lando, antes de probar si se envia correctamente el formulario, será reiniciar nuestro Lando, para que se añadan los datos recién modificados en su configuración; para ello ejecutaremos el siguiente comando:

lando rebuild

Una vez terminada la ejecución del comando anterior, veremos que se han añadidos nuevos datos, relacionados con el servidor de correos.

Paso 4 - Prueba de envio del formulario de contacto

Ya tenemos todo listo, ahora sólo faltará comprobar que al rellenar el formulario de contacto, se envia correctamente y podremos comprobarlo accediendo a la url que definimos al principio.

Para acceder al formulario de contacto, en el caso de nuestra instalación Drupal con Umami Magazine, veremos el enlace llamado contacto, en el pie de la página.

¡Felicidades!

Has aprendido a enviar y testear el envio de correos desde Drupal 9, en tu entorno local utilizando Mailhog y lando. Eso significa que estás preparad@ para pasar al siguiente nivel, la construcción de formularios en Gatsby conectados a formularios de Drupal, utilizando Webform.

Nos vemos en el siguiente reto!!!

Categoria

Newsletter Drupal 9 (Parte 2)

webmaster — Thu, 09 Mar 2023 14:56:22 +0000

Newsletter Drupal 9 (Parte 2) webmaster Jue, 09/03/2023 - 15:56

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

Ahora que ya hemos comprobado la configuración de los módulos Switfmailer y Mail System, que hemos realizado la primera comprobación, de que se pueden enviar correos desde nuestro entorno de desarrollo, y además hemos activado y configurado nuestro módulo Simplenews, es el momento de realizar nuestra primera prueba de envío de la Newsletter o Boletín.

Cómo añadir un usuario o usuarios a nuestra Newsletter

Aunque nuestros usuarios podrán suscribirse automáticamente, utilizando el bloque de suscripción que activamos en el capitulo anterior, también podremos realizar varias operaciones, como añadir o eliminar usuarios en masa suscritos a nuestra Newsletter, también podremos ver el listado actual de suscripciones o exportarlas en un formato compatible con hojas de cálculo, todo esto a través de la interfaz de usuario, como administradores del portal que somos.

Para acceder a estas opciones, iremos a la url "/admin/people/simplenews", o nos iremos a la pantalla de usuarios, url "/admin/people/" y seleccionaremos la pestaña "Subscribers".

Cómo comprobar el envío de correos a nuestro suscriptor de prueba

De esta forma, ya podremos comenzar a realizar las pruebas de envío de la Newsletter o Boletín, desde la interfaz, y confirmaremos cómo lo recibirá el usario final en su bandeja de entrada, utilizando el enlace que nos ha mostrado la consola al ejecutar ddev describe, al menos en mi caso, porque he optado por utilizar ddev en mi instalación de Drupal.

Si no haz usado ddev, también podrías optar por configurar un servidor SMTP local, para el envío de tus correos durante el período de desarrollo, lo importante es que puedas acceder a una bandeja de entrada, que será en la que comprobarás cómo se recibe tu Newsletter.

Puedes aprender Cómo instalar y configurar Postfix como servidor SMTP solo de envío en Ubuntu 20.04 y cuando lo tengas todo listo, pasar al siguiente paso, que será la configuración de tu Newsletter.

Cómo enviar Newsletter usando un tipo de contenido Newsletter Issue

La actual versión del módulo Simplenews, nos permitirá enviar Newsletter utilizando varias opciones, podremos usar el modelo o tipo de contenido Newsletter Issue, para ello, seleccionaremos como cualquier otro tipo de contenido, crear nuevo, rellenaremos los campos, que en este caso sólo son el título y el body, y una vez guardados los cambios, haremos clic en el botón Boletín o Newsletter, que nos abrirá la ventana de envió de PRUEBAS y/o del DEFINITIVO, según lo que necesitemos.

Cómo enviar Newsletter usando HTML y Plantillas gratuitas

Cómo Drupal nos permite utilizar, dentro del campo body, varios formatos, como son HTML básico, HTML restringido y HTML completo, podremos emplear el tipo de contenido Newsletter Issue, para enviar cualquier Newsletter, en formato HTML, ya sea construido por nosotros mismos, o copiando alguna de las innumerables plantillas gratuitas que podremos encontrar en internet.

Si optamos por la segunda opción, o sea, la de utilizar una plantilla gratuita y personalizarla con nuestros contenidos, los pasos a seguir son bastante simples:

1.- Buscaremos en Google la plataforma que nos ofrezca plantillas HTML para correos electrónicos, algunas de ellas incluyen un editor que nos permitirá arrastrar los elementos y luego exportarla, algunas sugerencias son:
https://unlayer.com/templates

https://stripo.email

2.- Crearemos o abriremos nuestro contenido creado usando el tipo Newsletter Issue, cambiaremos el formato del body a HTML completo o Full HTML , y dependiendo de la web que hayamos seleccionado y la plantilla, pegaremos directamente lo copiado o cambiaremos a Fuente HTML, haciendo clic en la barra superior del editor y pegaremos el código en formato HTML antes de guardarlo.

3.- Una vez guardados los cambios, podremos seleccionar la pestaña Boletín o Newsletter de nuestro contenido para que se nos abra la pantalla de envío de la Newsletter.

Categoría

Newsletter Drupal 9 (Parte 2)

webmaster — Thu, 09 Mar 2023 14:54:06 +0000

Newsletter Drupal 9 (Parte 2)

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

Cómo añadir un usuario o usuarios a nuestra Newsletter

Para acceder a estas opciones, iremos a la url "/admin/people/simplenews", o nos iremos a la pantalla de usuarios, url "/admin/people/" y seleccionaremos la pestaña "Subscribers".

Cómo comprobar el envío de correos a nuestro suscriptor de prueba

Cómo enviar Newsletter usando un tipo de contenido Newsletter Issue

Cómo enviar Newsletter usando HTML y Plantillas gratuitas

Si optamos por la segunda opción, o sea, la de utilizar una plantilla gratuita y personalizarla con nuestros contenidos, los pasos a seguir son bastante simples:

3.- Una vez guardados los cambios, podremos seleccionar la pestaña Boletín o Newsletter de nuestro contenido para que se nos abra la pantalla de envío de la Newsletter.

webmaster Jue, 09/03/2023 - 15:54

Newsletter Drupal 9 (Parte 1)

webmaster — Thu, 09 Mar 2023 14:50:23 +0000

Newsletter Drupal 9 (Parte 1) webmaster Jue, 09/03/2023 - 15:50

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

Cómo profesionales o entusiastas del desarrollo web, debemos estar en constante aprendizaje, para poder ofrecer siempre las mejores opciones disponibles en cada nuevo proyecto.

Ya sabemos lo rápido que evoluciona todo lo relacionado con el mundo de las aplicaciones y las páginas web, pero en algunos casos, todavía existen recursos disponibles que nunca pasan de moda, ya que juegan un papel muy importante, con relación a la comunicación e interacción que buscan todas las empresas, cuando se trata de potenciales clientes, seguidores o suscriptores de algún servicio.

Me refiero al uso del Boletín o "Newsletter", que suele ser utilizado por toda clase de plataformas, ya sea para informar a los alumnos de los cursos en una academia en línea o para compartir las últimas novedades de una tienda especializada, entre todos los clientes frecuentes o interesados.

Una vez más, podemos contar con un para de módulos que nos permitirán crear una Newsletter, en Drupal 8 o 9, sin demasiadas complicaciones y cuyo impacto en el contenido que estemos dispuestos a compartir, dependerá del objetivo y empeño que pongamos en su creación y edición.

Cómo crear una Newsletter con Simplenews y Mime Mail en Drupal 9

Requisitos

Tener instalado una web de Drupal 8 o 9 funcionando, preferiblemente en un entorno local o de desarrollo para realizar todas las pruebas antes de ponerla en producción. Si quieres, puedes usar el ddev, como he hecho, Haz clic aquí
Instalar los módulos que vamos a necesitar:
Simplenews

Swift Mailer

Mail System

Recuerda que está recomendado utilizar Composer a partir de Drupal 8, para facilitar la descarga de los módulos y sus dependencias, en el caso de que no puedas descargar usando Composer alguno de los módulos, podrás hacerlo de la manera tradicional, descargando el archivo .zip, desde la página oficial y una ve descomprimido, colocarlo dentro de la carpeta "modules/contrib" .

Paso 1 - Descarga y activación de los módulos

Lo primero que tendremos que hacer, una vez descargados los módulos mencionados anteriormente, es activarlos para, a continuación acceder a las páginas de configuración correspondientes en cada caso y realizar algunos ajustes, puedes activarlos usando la interfaz de usuario, en la url '/admin/modules' o si, si utilizas drush, con el comando drush en MODULO - y.

Ajustes Módulo Swift Mailer: El primer cambio que vamos a realizar será en la configuración del módulo Swift Mailer, url "/admin/config/swiftmailer/transport", que nos permitirá enviar correos electrónicos con formato HTML. En la pestaña Transport, nos aseguraremos de que esté seleccionado sendmail como mecanismo para enviar los correos electrónicos.

Dejaremos todo tal y como está en la pestaña MENSAJES y nos moveremos a la última pestaña PRUEBA, donde podremos realizar una prueba de envío, sin embargo, antes de poder enviar un correo de prueba tendremos que realizar otro cambio en el módulo en el módulo MailSystem:

Ajustes Módulo Mail System: Este es el módulo que ayuda al Mime Mail para poder enviar los correos y que mantenga los formatos adecuados, para que al recibirlos en nuestra bandeja de entrada conserven el diseño correspondiente. Para realizar los cambios iremos a la url " /admin/config/system/mailsystem", seleccionaremos el Mime Mail en el Formateador y Remitente, y el Tema actual para el renderizado de los mensajes.

Una vez realizado estos cambios en el Módulo Mail System, podremos volver a la pestaña de PRUEBA, del módulo Switfmailer y si damos al botón enviar mensaje de prueba, veremos que el mensaje se ha enviado correctamente a la cuenta de correo REAL, que hemos puesto.

Si haz optado por utilizar DDEV, como he hecho para este ejemplo, podrás ver la dirección de correo LOCAL, con su respectiva bandeja de entrada, escribiendo en la consola el comando:

ddev describe

Ajustes Módulo Simplenews: Este será el encargado de todo lo relacionado con nuestro boletín, los suscriptores, el bloque de suscripción, etc.

Recuerda que es posible que no te deje descargarlo usando Composer, pero podrás hacerlo de la manera tradicional, usando el archivo .ZIP

Ajustes de la Newsletter por defecto: Tendremos que cambiar la configuración de todo el módulo, pero también de la Newsletter que nos viene como modelo. Primero cambiaremos esta última, accediendo a la url "/admin/config/services/simplenews", y luego haremos clic en el botón editar para asegurarnos de dejar el formato HTML y la prioridad en ninguno, ya que la mayoría de los proveedores de correo ignoran este valor.

Una vez realizados los cambios, guardamos y cerramos para continuar con los demás cambios de configuración.

Ajustes generales de la Newsletter: Ahora vamos a realizar los cambios en la configuración general del módulo Newsletter, para ello seleccionaremos la pestaña Configuración en la misma url , y luego haremos clic en la primera pestaña de la izquierda, para realizar las modificaciones.

Páginas de confirmación de Alta y Baja: Otro de los cambios necesarios antes de poner en funcionamiento nuestro boletín "Newsletter", será la creación de las páginas de confirmación a las que se redirige al usuario cuando se inscribe o da de baja del listado de suscriptores, de no hacerlo, el módulo podría dar un error en cuanto comiences a realizar las pruebas.

Para esto, podremos crear dos páginas simples, con sus respectivas urls y una vez creadas, las añadiremos en la parte inferior de la pestaña Suscripción, tal y como muestro en la siguiente imagen:

Cantidad de envíos: Los envíos de los boletines o "Newsletters", se realizarán periódicamente, cada vez que se realice la ejecución del CRON de Drupal, deberás ser conciente de que algunos proveedores de hosting, tienen limitada la cantidad de envío de correos.

Por defecto el CRON realiza varias tareas automatizadas en Drupal, cada 3 horas, pero podremos cambiar su tiempo de ejecución en la url "/admin/config/system/cron", aunque dependiendo del tamaño de la web, no está recomendado realizar cambios de este tipo, ya que las comprobaciones provocarán relentización de la web y posibles fallos que repercutirán en los usuarios que estén conectados en ese momento.

Activación del bloque para suscriptores: Ahora que ya tenemos nuestro newsletter casi listo para comenzar a enviar mensajes a nuestros usuarios, tendremos que darles la oportunidad de suscribirse. Para ello, activaremos el bloque de suscripción que podremos encontrar dentro del listado de bloques, en la url "/admin/structure/block".

Una vez guardados los cambios, podremos ir a nuestra página principal, o dónde hayas decidido que aparezca tu bloque para suscribirse, y verás un formulario con botón listo para que tus usuarios puedan mantenerse al día con tus publicaciones.

Gestión de suscriptores: Ahora ya podremos comenzar a publicar y compartir con nuestros usuarios suscriptores los contenidos que vayamos publicando periódicamente y para los que se han suscrito.

Para gestionarlos, iremos a la url "/admin/people/simplenews", y desde aquí podrás realizar toda clase de operaciones con los usuarios que quieras añadir a tu lista como suscriptores o que se hayas suscrito por su propia voluntad.

Aunque todavía no hemos creado nuestra primera Newsletter, necesitaremos al menos un usuario suscrito para realizar nuestras pruebas, así que añadiremos uno dándole al botón add suscriber, pondremos una dirección de correo válida (Puedes usar la misma con la que testeaste Swiftmailer al principio), y luego marcar el o las newsletter que le interesa recibir.

Categoría

Newsletter Drupal 9 (Parte 1)

webmaster — Thu, 09 Mar 2023 14:47:56 +0000

Newsletter Drupal 9 (Parte 1)

Si no ves el video, puedes refrescar el navegador, presionando (Ctrl+Shift+R | Ctrl+F5 o Shift+F5), o abrirlo directamente desde el Canal de Youtube... HAZ CLIC AQUI

Cómo profesionales o entusiastas del desarrollo web, debemos estar en constante aprendizaje, para poder ofrecer siempre las mejores opciones disponibles en cada nuevo proyecto.

Cómo crear una Newsletter con Simplenews y Mime Mail en Drupal 9

Requisitos

Tener instalado una web de Drupal 8 o 9 funcionando, preferiblemente en un entorno local o de desarrollo para realizar todas las pruebas antes de ponerla en producción. Si quieres, puedes usar el ddev, como he hecho, Haz clic aquí
Instalar los módulos que vamos a necesitar:
Simplenews

Swift Mailer

Mail System

Recuerda que está recomendado utilizar Composer a partir de Drupal 8, para facilitar la descarga de los módulos y sus dependencias, en el caso de que no puedas descargar usando Composer alguno de los módulos, podrás hacerlo de la manera tradicional, descargando el archivo .zip, desde la página oficial y una ve descomprimido, colocarlo dentro de la carpeta "modules/contrib" .

Paso 1 - Descarga y activación de los módulos

Si haz optado por utilizar DDEV, como he hecho para este ejemplo, podrás ver la dirección de correo LOCAL, con su respectiva bandeja de entrada, escribiendo en la consola el comando:

ddev describe

Ajustes Módulo Simplenews: Este será el encargado de todo lo relacionado con nuestro boletín, los suscriptores, el bloque de suscripción, etc.

Recuerda que es posible que no te deje descargarlo usando Composer, pero podrás hacerlo de la manera tradicional, usando el archivo .ZIP

Una vez realizados los cambios, guardamos y cerramos para continuar con los demás cambios de configuración.

Gestión de suscriptores: Ahora ya podremos comenzar a publicar y compartir con nuestros usuarios suscriptores los contenidos que vayamos publicando periódicamente y para los que se han suscrito.

webmaster Jue, 09/03/2023 - 15:47

Newsletter con Simplenews y Swiftmailer en Drupal 9

webmaster — Thu, 09 Mar 2023 14:34:28 +0000

Newsletter con Simplenews y Swiftmailer en Drupal 9

webmaster Jue, 09/03/2023 - 15:34

La Newsletter o boletín, es una estupenda y efectiva forma de mantener el contacto con tus usuarios y clientes. En este curso aprenderás a crear una Newsletter, combinando los módulos Simplenews, Swiftmailer y Mail System en Drupal 9

Curso Gratuito

/newsletter-drupal