Habilitar API OAuth 2 para usar con tu plugin Mail SMTP de WordPress

Este artículo explica cómo habilitar la autenticación OAuth2 en tu panel de Google para autenticar tu plugin WP Mail SMTP de WordPress. Esto te permite enviar DESDE tu dirección de Google utilizando este plugin. Las credenciales creadas durante este proceso se pueden utilizar en cualquier plugin que las permita.

El proceso es partirlo en dos partes:

• Configurar OAuth2 en tu cuenta de Google
• Conectar WP SMTP Mail a Google vía OAuth2

Primero, mira el siguiente artículo para obtener instrucciones sobre cómo configurar el plugin SMTP de WordPress para tu dirección de Gmail:

• Configurar el plugin 'WP Mail SMTP' con Gmail

Una vez configurado, aún no podrás enviar. Ahora debes permitir que Google envíe correos desde tu sitio de WordPress. Continúa con los pasos a continuación para habilitar la autenticación OAuth2.

Ahora que tu plugin de WordPress está configurado, debes permitir que Google envíe desde tu sitio. Puedes habilitar esto dentro de tu cuenta de Google.

1. Inicia sesión en tu cuenta de Google.
2. Visita el siguiente enlace en tu cuenta de Google.
   • https://console.developers.google.com/projectcreate

   

   Si esta es la primera vez que has habilitado la API, ingresa un nombre de proyecto y luego haz clic en el botón CREAR.

3. Visita el siguiente enlace luego de crear tu proyecto.
   • https://console.developers.google.com/flows/enableapi?apiid=gmail&credential=client_key&pli=1
4. Da clic en el botón Siguiente para confirmar el proyecto seleccionado.
5. En la siguiente página, da clic al botón HABILITAR.

   

6. Del el menú de la mano izquierda, navega a APIs & servicios > Credenciales.

   

7. Da clic en + CREAR CREDENCIALES y selecciona Ayúdame a elegir de las opciones que aparecen.

   

8. Selecciona lo siguiente:
   • Menú desplegable: Gmail API
   • Botones de opción: selecciona el botón de opción titulado Datos del usuario.
9. Da clic en el botón SIGUIENTE.

   

10. En la página página OAuth Consent Screen, aparecen las siguientes secciones:
    • Información de la aplicación
    • Información de contacto del desarrollador
11. Configura los siguientes campos en la sección Información de la aplicación:
• Nombre de la aplicación: Le da un nombre a tu aplicación. Esto puede ser cualquier cosa que quieras.
• Correo electrónico de asistencia del usuario: Escoge un correo electrónico que quieras. Esto solamente es usado para el proceso de configuración cuando configuras la pantalla de consentimiento.
• Logitipo de la app: No necesitas agregar el logi pues la aplicación no requerirá a los usuarios ver la pantalla de consentimiento.
12. Configura el siguiente campo en la sección Información de contacto del desarrollador:
• Direcciones de correo electrónico: Enter your email address.
13. Da clic en el botón GUARDAR Y CONTINUAR.
14. En la página de Permisos, da clic en el botón GUARDAR Y CONTINUAR.

    WP Mail SMTP configura esto por ti, entonces puedes dejar esta sección como está.

    

15. En la página OAuth Client ID, rellena los campos en la siguiente página como se muestra a continuación:
    
    • Tipo de aplicación: selecciona Aplicación web del menú desplegable.
    • Nombre: Ingresa cualquier nombre que desees. Esto solamente es usado dentro de tu cuenta de Google.
    • Orígenes autorizados de JavaScript: Ingresa la URL de tu sitio. Por ejemplo https://example.com.
    • URI de redireccionamiento autorizados: Copia la URL de tu panel de WordPress. Esto se puede encontrar cuando configuras el plugin de SMTP.

      

16. Da clic en el botón CREAR.

    

17. En la sección Tus Credenciales, tu ID de cliente se muestra, da clic en el botón LISTO.
18. Del menú de la izquierda, selecciona Pantalla de conscentimiento de OAuth.

    

19. En la página OAuth consent screen, da clic al botón EDITAR APP al lado del nombre de tu aplicación.
20. Las siguientes secciones aparecen:
    • Información de la aplicación
    • Dominio de la app
    • Dominios autorizados
    • Información de contacto del desarrollador

    

21. Debajo de la sección Dominio de la app, configura lo siguiente:
    • Página principal de la aplicación: Agrega la URL completa de tu sitio de WordPress en el campo de la página de inicio de la aplicación. Por ejemplo, https://example.com.
    • Vínculo de la Política de Privacidad de la aplicación: No necesitas un enlace de política específico, ya que solo tú verás la pantalla de consentimiento. Solo ingresa a tu sitio. Por ejemplo, https://example.com.
    • Vínculo de Condiciones de Servicio de la aplicación: No necesitas un enlace de política específico, ya que solo tú verás la pantalla de consentimiento. Solo ingresa a tu sitio.  Por ejemplo, https://example.com.
22. Las secciones restantes ya estarán configuradas. Desplázae hasta la parte inferior de la página y ha clic en el botón guardar y continuar para proceder.
23. Del menú de la izquierda, selecciona Pantalla de consentimiento de OAuth.
24. Debajo de Publishing status, da clic en el botón PUBLISH APP y confirma.

Conectar WP SMTP Mail a Google vía OAuth2

1. Del menú de la izquierda, selecciona Credenciales.

   

2. En la página Credentials, da clic en el icono de lápiz a la derecha de tu aplicación para ver tu ID de cliente y Secreto del cliente.

   

3. En la siguiente página, tus nuevos ID de cliente y Secreto del cliente se muestran, copia ambos valores en tu plugin WP Mail SMTP.

   

4. En la página de configuraciones de WP Mail SMTP, pega el ID de cliente y Secreto del cliente.

   

5. Haz clic en Permite al plugin enviar correos usando tu cuenta de Google.

   

6. Cuando la siguiente ventana aparezca, elige la dirección de correo desde la que deseas enviar tu formulario de WordPress.

   IMPORTANTE: La dirección de correo que utilices en este momento para iniciar sesión será la dirección de correo de REMITENTE tu formulario de WordPress envía. Esto anulará cualquier dirección de correo que hayas configurado en tu formulario SMTP de WordPress.

   Sin embargo, ya deberías haber iniciado sesión en la cuenta correcta, por lo que no deberías tener que ajustar esto.

   

7. Si estás usando una cuenta de Gmail gratuita, es posible que veas la pantalla que se muestra arriba. Para omitir ese mensaje, haz clic en Advanced en la esquina inferior izquierda.
8. En la esquina inferior izquierda, da clic en el enlace que se verá Go to wpmailsmtp.com (unsafe).

   

9. En la siguiente página, da clic en Continuar.

   

10. Cuando regreses a la página de configuración SMTP de WP Mail, haz cualquier selección de configuración adicional y da clic en Guardar ajustes.

    

11. Da clic en la pestaña Correo de prueba y luego en Enviar correo.
12. Un mensaje de éxito se muestra. Revisa tu bandeja de entrada para confirmar que llegó el correo.

Ver también