Documentación: Google Login para WooCommerce

Índice

1. Introducción
2. Instalación
3. Configuración del plugin
   • Credenciales de Google
   • URI de redirección
   • Opciones de personalización
4. Configuración de Google Cloud Console
   • Crear un proyecto
   • Configurar pantalla de consentimiento
   • Crear credenciales de OAuth
5. Preguntas frecuentes
6. Solución de problemas
7. Soporte técnico

Introducción

Google Login para WooCommerce es un plugin que permite a los usuarios de tu tienda iniciar sesión y registrarse utilizando sus cuentas de Google. Esta funcionalidad mejora la experiencia del usuario al proporcionar un método de inicio de sesión rápido y seguro, eliminando la necesidad de recordar contraseñas adicionales.

Características principales:

• Integración sencilla con WooCommerce
• Botón de inicio de sesión totalmente personalizable
• Proceso automático de registro para nuevos usuarios
• Experiencia de usuario optimizada
• Seguridad mejorada con OAuth 2.0

Instalación

1. Descarga el archivo ZIP del plugin.
2. Accede al panel de administración de WordPress.
3. Ve a Plugins > Añadir nuevo > Subir plugin.
4. Selecciona el archivo ZIP descargado y haz clic en Instalar ahora.
5. Una vez instalado, haz clic en Activar plugin.

Configuración del plugin

Después de activar el plugin, encontrarás un nuevo menú Google Login en el panel lateral de administración de WordPress. Haz clic en él para acceder a la página de configuración.

Credenciales de Google

Para que el plugin funcione, necesitas proporcionar las credenciales de Google:

1. Google Client ID: Es el identificador único de tu aplicación en Google.
2. Google Client Secret: Es la clave secreta para autenticar tu aplicación.

Estos datos son necesarios para la autenticación segura entre tu sitio y Google. En la sección Configuración de Google Cloud Console te explicamos cómo obtener estas credenciales.

URI de redirección

La URI de redirección es la dirección a la que Google redirigirá a los usuarios después de autenticarse. Es extremadamente importante que esta URI coincida exactamente con la configurada en la consola de Google.

Por defecto, el plugin utiliza la URL de la página «Mi cuenta» de WooCommerce: https://tudominio.com/my-account/. Si has modificado esta URL o utilizas traducciones (como /mi-cuenta/), asegúrate de actualizar este campo.

Opciones de personalización

El plugin te permite personalizar completamente la apariencia del botón de inicio de sesión:

• Texto del botón: Define el texto que se mostrará en el botón (ej. «Iniciar sesión con Google», «Continuar con Google», etc.).
• Color del botón: Selecciona el color de fondo del botón.
• Color del texto: Elige el color del texto del botón.
• Radio del borde: Define el redondeado de las esquinas del botón (en píxeles).
• Ancho del borde: Configura el grosor del borde del botón (en píxeles).
• Color del borde: Selecciona el color del borde del botón.
• Mostrar sombra: Activa o desactiva el efecto de sombra del botón.

Todas estas opciones te permiten adaptar el botón para que coincida con el diseño de tu tienda.

Configuración de Google Cloud Console

Para utilizar el inicio de sesión con Google, necesitas configurar un proyecto en Google Cloud Console y obtener las credenciales necesarias.

Crear un proyecto

1. Accede a Google Cloud Console.
2. En la barra superior, haz clic en el selector de proyectos.
3. Haz clic en Nuevo proyecto.
4. Asigna un nombre al proyecto (por ejemplo, «Mi Tienda WooCommerce»).
5. Haz clic en Crear.

Configurar pantalla de consentimiento

1. En el menú de navegación lateral, ve a APIs y servicios > Pantalla de consentimiento de OAuth.
2. Selecciona el tipo de usuario (Externo para la mayoría de los casos).
3. Completa la información requerida:
   • Nombre de la aplicación: El nombre de tu tienda.
   • Correo electrónico de soporte: Tu correo de contacto.
   • Dominio autorizado: Tu dominio (sin http/https, ejemplo: mitienda.com).
   • Política de privacidad URL: URL a tu política de privacidad.
4. En la sección «Ámbitos», añade los ámbitos email y profile.
5. En «Usuarios de prueba», si estás en modo externo, puedes añadir correos electrónicos específicos para pruebas.
6. Haz clic en Guardar y continuar hasta finalizar el asistente.

Crear credenciales de OAuth

1. En el menú de navegación lateral, ve a APIs y servicios > Credenciales.
2. Haz clic en Crear credenciales > ID de cliente de OAuth.
3. Selecciona Aplicación web como tipo de aplicación.
4. Asigna un nombre a la aplicación (por ejemplo, «Login WooCommerce»).
5. En Orígenes de JavaScript autorizados, añade tu dominio (ejemplo: https://mitienda.com).
6. En URIs de redirección autorizados, añade la URI de redirección que configuraste en el plugin (generalmente https://mitienda.com/my-account/).
7. Haz clic en Crear.

Se mostrarán tu Cliente ID y Cliente Secret. Copia estos valores y pégalos en la configuración del plugin.

¡IMPORTANTE! Mantén tu Client Secret seguro. No lo compartas ni lo incluyas en código accesible públicamente.

Preguntas frecuentes

¿Qué hace el plugin con los datos de los usuarios?

El plugin solo utiliza la dirección de correo electrónico, nombre y apellido proporcionados por Google para crear o actualizar la cuenta del usuario en WordPress. No almacenamos información adicional ni compartimos datos con terceros.

¿Funcionará con mi tema personalizado de WooCommerce?

Sí, el plugin está diseñado para funcionar con cualquier tema de WooCommerce. La apariencia del botón es personalizable para adaptarse a tu diseño.

¿Qué sucede si un usuario ya tiene una cuenta con el mismo correo electrónico?

Si un usuario intenta iniciar sesión con Google y ya existe una cuenta con ese correo electrónico, simplemente iniciará sesión en la cuenta existente. No se creará una cuenta duplicada.

¿Es necesario pagar algo a Google para usar esta funcionalidad?

No, el uso básico de OAuth para autenticación es gratuito. Google ofrece una cantidad generosa de autenticaciones gratuitas que son más que suficientes para la mayoría de las tiendas.

Solución de problemas

El botón de Google no aparece

• Verifica que WooCommerce esté activo.
• Comprueba que hayas configurado correctamente el Client ID y Client Secret.
• Asegúrate de estar en las páginas de inicio de sesión o registro de WooCommerce.

Error de redirección de Google

• Verifica que la URI de redirección en el plugin coincida exactamente con la configurada en Google Cloud Console.
• Comprueba que el dominio esté correctamente configurado en la sección de orígenes autorizados de Google.

No se puede iniciar sesión después de autenticarse con Google

• Comprueba los registros de errores del plugin en la consola de administración.
• Verifica que el correo electrónico del usuario tenga el formato correcto.
• Comprueba que los permisos de la base de datos permitan crear/actualizar usuarios.

El icono de Google no se muestra correctamente

• Si el icono no aparece en todos los dispositivos, intenta vaciar la caché del navegador.
• Verifica que tu servidor no esté bloqueando las solicitudes a recursos externos o que no haya problemas de CORS.

Soporte técnico

Si necesitas ayuda adicional con el plugin, puedes contactarnos a través de:

• Correo electrónico: contacto@drunel.com
• Formulario de contacto: https://drunel.com/contacto/

---

Desarrollado con ❤️ por Drunel Labs
Versión 1.5