Hasta
-70%
en el 1er aƱo
DĆ­as
Horas
Actas
Segundos

Configurar el SMTP de Gmail en WordPress con WPMasterToolKit

Introducción

Gmail es uno de los servicios de correo electrónico mÔs fiables del mercado. Sin embargo, conectar WordPress a Gmail puede convertirse rÔpidamente en algo complejo: creación de un proyecto de Google Cloud, OAuth, claves de API, autorizaciones, etc.
Para simplificar esta configuración WPMasterToolKit incorpora un proveedor nativo de Gmail en su Correo SMTPcon un enfoque claro, seguro y totalmente integrado en WordPress.

En este artículo analizaremos paso a paso cómo configurar Gmail con WPMasterToolKitLo hemos hecho basÔndonos en la lógica oficial de Google y en las mejores prÔcticas utilizadas por los plugins SMTP profesionales.

Para una configuración SMTP manual, el servidor de envío SMTP de Google es smtp.gmail.com. Si en la pantalla aparece un mensaje que solicita el Servidor SMTP de Gmail o el servidor SMTP de Gmail, indica esa misma dirección.

Le puerto SMTP de Gmail depende del cifrado elegido: utiliza el puerto 465 con SSL o el puerto 587 con TLS. Estos ajustes se corresponden con las búsquedas «parÔmetros SMTP de Gmail», «puerto SMTP de Gmail» y «puerto SMTP de Gmail».

Para una configuración SMTP manual, el servidor SMTP de Google es smtp.gmail.com. Si el campo se denomina «SMTP host» o «server», introduce esta dirección. Utiliza el puerto 465 con SSL o el puerto 587 con TLS.
Este tutorial configura el proveedor nativo de Gmail de WPMasterToolKit con OAuth; por lo tanto, no es necesario introducir estos parÔmetros manuales en esta configuración.

Descubra el módulo :
Gratis

¿Por qué utilizar el SMTP de Gmail con WPMasterToolKit?

Configurar Gmail como servicio de envĆ­o SMTP te permite :

  • Garantizar una excelente capacidad de entrega del correo electrónico
  • Evite los correos electrónicos bloqueados o clasificados como spam
  • Utilizar una autenticación moderna y segura (OAuth)
  • Ya no depende de la función PHP mail() su alojamiento

Con WPMasterToolKitEsta configuración estÔ integrada de forma nativa, sin dependencias externas.

Antes de empezar

Antes de configurar Gmail en WPMasterToolKit, asegĆŗrate de que tienes :

  • A Cuenta Google / Gmail
  • Acceso a Consola de Google Cloud
  • Un sitio WordPress con WPMasterToolKit activado
  • Desde el Versión PRO WPMasterToolKit (el proveedor de Gmail es una función PRO)
Configuración de Gmail seleccionada en una interfaz de correo electrónico

Crear una aplicación web en tu cuenta de Google

TendrÔs que volver a la pÔgina de configuración SMTP de WPMTK un poco mÔs tarde. Para evitar interrupciones, abra un nueva pestaña o un nueva ventana en tu navegador.

En esta pestaña, conéctese a tu cuenta de Googlea continuación, acceda al Consola de Google Cloud.

āš ļø Importante antes de continuar:

  • Cerrar sesión en todas las demĆ”s cuentas de Google y mantenga sólo la que utilizarĆ” para la configuración SMTP (para evitar cambiar entre cuentas).
  • Si utiliza Espacio de trabajo de GoogleCompruebe que la cuenta seleccionada estĆ” autorizada a enviar correo electrónico (en particular, debe tener una bandeja de entrada activa).

Si este es su primera conexión a Google Cloud ConsoleEs posible que aparezca una ventana pidiéndole que elija su país y acepte las condiciones de uso. Complete este paso y, a continuación, haga clic en " ACEPTAR Y CONTINUAR " para continuar con la configuración.

Ventana de aceptación de las condiciones de Google Cloud

Si ya has accedido a Google Cloud Console, puedes saltarte la etapa de las condiciones de uso.

Crear o seleccionar un proyecto

A continuación, debe elegir un proyecto para su aplicación. Puede seleccionar un proyecto existenteo crear uno nuevo .

Para empezar, haga clic en el botón Menú desplegable de selección de proyectos en la barra de herramientas superior del panel de control de Google Cloud Console.

Consola de Google Cloud con botón de selección de proyectos

En la ventana emergente que aparece, seleccione un proyecto existente de la lista o haga clic en ". Nuevo proyecto Haga clic en "Crear una nueva cuenta" en la esquina superior derecha para crear una nueva cuenta.

Ventana de selección de proyectos con el botón «Nuevo proyecto»

Si ha seleccionado un proyecto existenteir directamente al paso siguiente.
Para un nuevo proyectointroduzca un nombre del proyecto "Nombre del proyecto" y, a continuación, seleccione un organización y un ubicación utilizando los menús desplegables.

Formulario para crear un proyecto con nombre y ubicación

A continuación, haga clic en el botón CREAR" .

Activar la API de Gmail

A continuación, debe activar elAPI de Gmail para su proyecto.
En la barra lateral de Consola de Google Cloudir a APIs y Servicios > Biblioteca.

Menú de Google Cloud en el que aparece la opción «Biblioteca»

Luego, en el CategorĆ­ahaga clic en Espacio de trabajo de Googleo introduzca "API de Gmail en la barra de bĆŗsqueda.

API de bĆŗsqueda de Gmail en Google Cloud

Haga clic en el resultado API de Gmail.

Resultado de la API de Gmail en un recuadro de la consola de Google

En elAPI de Gmailpulse el botón azul "HABILITAR.

PƔgina de Google Cloud para activar la API de Gmail

Cree los identificadores para su aplicación

Una vez que hayas activado la API de Gmail, se te redirigirÔ a la pÔgina de descripción general de la API de Gmail.
A continuación, haga clic en el botón Creación de identificadores.

PÔgina de la API de Gmail con el botón «Crear credenciales»

En la pƔgina siguiente, Google te harƔ algunas preguntas para determinar tu tipo de identificador que necesitas.
En el menĆŗ desplegable Seleccione una APIelija API de Gmail.

Selección de la API de Gmail y de los datos de usuario

Luego, en el " ¿A qué datos va a acceder? "seleccione el Datos del usuario.
A continuación, haga clic en el botón SIGUIENTE para continuar.

Configuración de la pantalla de consentimiento OAuth

A continuación, Google te pedirÔ que rellenes algunos datos bÔsicos sobre tu solicitud.

Esta etapa estÔ pensada principalmente para uso personal, ya que nadie mÔs utilizarÔ su aplicación. Sin embargo, algunos campos permanecen obligatorio :

  • Nombre de la aplicación Introduzca el nombre que desee (por ejemplo : Aplicación WordPress).
  • Correo electrónico de asistencia al usuario Seleccione su dirección de correo electrónico de la lista.
  • Logotipo de la aplicación Si lo desea, puede importar un logotipo para su aplicación. Este paso es opcional.

Por último, añada su dirección de correo electrónico en el campo Direcciones de correo electrónicoa continuación, haga clic en el botón GUARDAR Y CONTINUAR para pasar a la siguiente fase.

Formulario de configuración de la pantalla de consentimiento de OAuth de Google

Configuración de las autorizaciones (opcional)

Esta etapa es opcional y vamos a ir a en este tutorial.
Simplemente desplÔcese por la pÔgina hasta el final de la sección Visoresa continuación, haga clic en el botón GUARDAR Y CONTINUAR para continuar.

Botón «Guardar y continuar», señalado con una flecha roja

Nota: Para obtener mÔs información sobre las autorizaciones (Ômbitos) de la API de Gmail, consulta la pÔgina Documentación para desarrolladores de Google.

Configuración del ID de cliente OAuth

A continuación, deberÔ introducir algunos datos sobre su ID de cliente OAuth.

En el menú desplegable Tipo de aplicaciónseleccione el Aplicación web.
Una vez que haya hecho esta elección, se mostrarÔn automÔticamente campos adicionales.

Pantalla para crear un identificador de cliente OAuth de Google

Puede abandonar el campo Nombre con su valor por defecto o cambiarlo por algo mƔs relevante.

Formulario de Google OAuth: ID de cliente para aplicaciones web

Entonces ignora el Orƭgenes autorizados de JavaScript y desplƔcese hasta URI de redireccionamiento autorizados.

Vuelve a la interfaz de configuración de WPMTK desde otra pestaña y recupera " URI de redireccionamiento autorizado " Pulse aquí :

Configuración de Gmail con la URI de redirección autorizada resaltada

Haga clic en el botón + AƑADIR UN URIluego pegue la URL recuperada del plugin WPMasterToolKit:

Campo de URI de redirección autorizada con URL de WordPress

A continuación, haga clic en el botón CREAR para completar esta etapa.

Botones «Crear» y «Cancelar» debajo de una nota pendiente

Una vez creada su aplicación, el Sus credenciales desplegarÔ y mostrarÔ su Identificación del cliente.
No es necesario copiarla en este momento, ya que podrƔ acceder a ella desde otra pantalla mƔs adelante.

En su lugar, basta con hacer clic en el botón HECHO en la parte inferior de la pÔgina.

Pantalla de descarga de las credenciales de OAuth de Google

Actualización del estado de publicación: de Pruebas à Producción

Por defecto, Google coloca tu aplicación en Interno. Es muy importante para cambiarlo a Exterior y publicarlo.
De lo contrario, su aplicación se verÔ muy limitada y no funcionarÔ correctamente.

Seleccione la opción Pantalla de consentimiento OAuth

MenĆŗ de Google Cloud que muestra la pantalla de consentimiento de OAuth

A continuación, haga clic en el botón Audiencia.

Menú de Google Auth Platform con una flecha que apunta a «Audience»

La siguiente pantalla puede variar en función del tipo de cuenta que esté utilizando: a Gmail gratuito o una cuenta Espacio de trabajo de Google.

Usuarios de Google Workspace

En el Tipo de usuariohaga clic en el botón HACER EXTERNO.

Botón «MAKE EXTERNAL» en Google Auth Platform


En la ventana emergente que aparece, seleccione la opción En produccióna continuación, haga clic en Confirme.

Ventana de publicación de la aplicación con la opción «En producción» seleccionada

Usuarios de Gmail

Si no utiliza Espacio de trabajo de Googleno verÔ el botón HACER EXTERNO.
En su lugar, tendrÔ que publicar su aplicación Google.

En el Estado de la publicaciónel estado de la aplicación se establece en Pruebas.
Haga clic en el botón PUBLICAR APP para actualizar el estado de su solicitud.

Botón «Publish App» en Google Auth Platform

En la ventana que aparece, pulse CONFIRMAR para publicar su solicitud.

Ventana de Google en la que se confirma la puesta en marcha de una aplicación

Una vez que haya confirmado, verÔ que el Estado de la publicación de su aplicación se establece ahora en En producción.

Estado de publicación que indica «En producción»

Conceder autorizaciones de Google / Gmail a su sitio web

A continuación, vaya a API y servicios " Credenciales a través del menú lateral izquierdo.

Flecha roja que apunta a «Credentials» en Google Cloud

Una vez en esta pÔgina, busque la sección Identificadores de cliente OAuth 2.0. Aquí verÔ información sobre la aplicación web que acaba de crear. Para visualizar la Identificación del cliente y el Cliente secretoHaz clic en el icono del lÔpiz.

PƔgina de credenciales de Google Cloud con cliente OAuth web

Se abrirÔn todos los detalles de su solicitud. En la parte derecha de esta pÔgina, verÔ los campos Identificación del cliente.

Pantalla de Google OAuth en la que se muestra un ID de cliente oculto

DesplÔcese por la pÔgina hasta la sección Secretos de clientea continuación, haga clic en el botón + ADD SECRET.

PÔgina «Secretos de cliente» con el botón «Añadir un secreto»

El nuevo Cliente secreto aparecerÔ debajo del predeterminado. Haga clic en el botón copia para copiar el valor.

Flecha que apunta al icono de copiar la clave secreta del cliente

A continuación, copie estos dos valores en los campos correspondientes de sus parÔmetros en WPMasterToolKit. A continuación, guarde

Pantalla de configuración de Gmail con los campos «Client ID» y «Secret»

Una vez depurada la pÔgina, haga clic en Confirmar autorización.

Configuración de Gmail con el botón de confirmación de autorización

A continuación, sigue estos pasos:

Pantalla de Google para seleccionar una cuenta de usuario
Pantalla de autorización de Google para una aplicación no verificada

Una vez completado esto, serƔs redirigido al back office de WPMasterToolKit.

Por último, puedes comprobar si todo funciona utilizando la función de prueba de WPMTK:

Formulario de prueba de correo electrónico con el botón «Enviar ahora»

Gmail IMAP y Gmail SMTP: ¿en qué se diferencian?

SMTP sirve para enviar correos electrónicos; IMAP sirve para recibir y sincronizar los mensajes. El servidor IMAP de Gmail es imap.gmail.com, con el puerto 993 en SSL. No es necesario configurar los parÔmetros IMAP para enviar los correos electrónicos de WordPress con el proveedor Gmail OAuth.

Conclusión

Configurar Gmail con WordPress puede parecer laborioso y técnico, pero una vez que hayas dado los pasos adecuados, podrÔs enviar correos electrónicos desde fiable, segura y totalmente conforme con los requisitos de Google.

Gracias a WPMasterToolKitToda esta complejidad estÔ centralizada e integrada directamente en WordPress, sin depender de plugins de terceros o soluciones improvisadas. Te beneficiarÔs de una autenticación OAuth moderna, una capacidad de entrega excelente y una configuración preparada para el futuro, adecuada tanto para sitios de escaparate como para proyectos profesionales mÔs exigentes.

Con el proveedor nativo de Gmail de WPMasterToolKit, la autenticación se realiza mediante OAuth. Los campos «Servidor» y «Puerto» anteriores corresponden a una configuración SMTP manual; no deben introducirse en la configuración de OAuth descrita en esta guía.

Una vez validada la autorización y superada la prueba de envío, su sitio web estarÔ listo para enviar mensajes de correo electrónico transaccionales limpios y legítimos reconocidos por Gmail.
Lo Ćŗnico que te queda por hacer es gestionar tu WordPress con tranquilidad, sabiendo que tus correos electrónicos llegan a donde tienen que llegar šŸ“¬.

Iconos de aplicaciones junto a una papelera digital.
Starter
3.50$
/Mes
Business
6.70$
/Mes
Freelance
11.00$
/Mes
Agency
28.00$
/Mes