Cómo agregar autenticación social al director comercial de su sitio de WordPress

Las compañías de perspectiva siempre buscan formas de aumentar las tasas de conversión, por lo que se preocupan por la experiencia del usuario en su sitio. Por lo tanto, muchas empresas usan autenticación social, también conocida como función de conexión social, en sus sitios web. Para los visitantes del sitio, la autenticación social significa que pueden omitir los procedimientos de registro necesarios para crear una nueva cuenta y simplemente puede conectarse con un solo clic. Es una alternativa verdaderamente conveniente a los formularios de registro tradicionales que mejoran UX. Al mismo tiempo, para los propietarios de sitios web, la autenticación social es una característica útil que puede ayudar a simplificar la verificación de los usuarios, al tiempo que ofrece un acceso más confiable a los usuarios para su personalización.
En este breve tutorial, le mostraremos cómo configurar la extensión de autenticación HivePress para que pueda permitir que los visitantes de su sitio se conecten a través de Facebook y Google. Explicaremos paso a paso cómo obtener la ID de aplicación de Facebook y la ID de cliente de Google e integraremos correctamente con su sitio web. Antes de comenzar, es importante tener en cuenta que la extensión de autenticación se basa en HivePress, un complemento gratuito para WordPress Director y solo se puede usar en sitios web de HivePress. Entonces, en esta presentación, utilizaremos el complemento HivePress junto con el director predeterminado de WordPress, Listado.
¡Vamos a empezar! Instalación del suplemento de autenticación principalmente, debe instalar la extensión de autenticación accediendo a la sección HivePress> Extensiones. Luego seleccione el complemento necesario, instálelo y continúe activando la extensión. Una vez que instale el suplemento, debe seleccionar los métodos de autenticación para su sitio web. Para hacer esto, vaya a la sección HivePress> Configuración> Usuarios y seleccione uno de los métodos disponibles. Si desea permitir a los usuarios conectarse a través de Facebook o Google, debe seleccionar ambos métodos y guardar los cambios, como se muestra en la captura de pantalla a continuación. Después de seleccionar los métodos de autenticación para su sitio. Web, puede pasar al siguiente paso. Agregue el botón de inicio de sesión de Facebook para agregar el botón “Iniciar sesión con Facebook” en su sitio web, primero debe obtener una ID de aplicación de Facebook única. Esta identificación conecta su sitio con Facebook y le permite solicitar los detalles del perfil de Facebook (por ejemplo, dirección de correo electrónico) necesarias para autenticar a los usuarios. Así que pasemos al primer paso. Grabación de Facebook Antes de crear una aplicación de Facebook, debe registrar una cuenta de desarrollador de Facebook. Para hacer esto, navegue por la página de Facebook para los desarrolladores y haga clic en los registros, o comience. Luego debe iniciar sesión con su cuenta de FB para continuar. Después de verificar su cuenta, puede pasar al siguiente paso.

Creación de una aplicación Después de haber terminado de registrarse, puede acceder al tablero de aplicaciones para crear la primera aplicación. Simplemente haga clic en el botón Crear aplicación. Luego debe seleccionar el tipo de aplicación. El tipo de aplicación determina qué API de Facebook están disponibles para su aplicación. Simplemente diciendo que define las funciones que puede agregar al tablero de aplicaciones. Debido a que desea activar la función de “autenticación social” en el caso, debe usar el tipo de aplicación “consumidor”.
Luego debe establecer el nombre de la aplicación (por ejemplo, el nombre de su sitio) e ingresar la dirección de correo electrónico válida, ya que todas las notificaciones de desarrollador se enviarán allí. No tiene que mencionar la cuenta del gerente comercial si no tiene una. Finalmente, haga clic en el botón Crear aplicación.

Una vez que cree la aplicación, será redirigido al panel de aplicaciones. Aquí debe seleccionar qué características desea agregar a su aplicación. Simplemente haga clic en el botón de configuración en la sección Conexión de Facebook y en la página siguiente, seleccione la plataforma “Web”.

Luego verá el formulario de configuración, donde puede ingresar los detalles de su sitio para permitir a los usuarios conectarse a su sitio a través de Facebook, es suficiente completar el campo URL del sitio. Pero si usted es un usuario más experimentado, puede completar los otros campos.

El siguiente paso es navegar a la configuración Configuración> Básico en la barra lateral izquierda.

En la página de configuración, debe:

Ingrese el dominio de su sitio.

Indique la URL de la Política de privacidad, para que los usuarios puedan leerlos antes de conectarse. Ipecifique las instrucciones de eliminación de datos (una página con información sobre cómo los visitantes de su sitio pueden obtener datos eliminados).
Finalmente, seleccione la categoría a la que pertenece su sitio.
Después de agregar todos los detalles necesarios, guarde los cambios.
Activación de la autenticación social bien, acaba de crear una aplicación. Ahora debe cambiar el modo de aplicación a “en vivo” y copiar la ID de aplicación.
Finalmente, vaya a su sitio web, navegue en WP Dashboard> HivePress> Configuración> Sección de integración, inserte ID de aplicación de Facebook en el campo de la aplicación ID y guarde sus cambios.
¡Eso es todo! Ahora debe haber un botón de Facebook en el formulario de conexión que permita a los usuarios conectarse a su sitio a través de sus cuentas de Facebook. Sin embargo, puede ser necesario esperar unos minutos antes de que se realicen los cambios. Ahora pasemos a la siguiente parte de este tutorial para crear y agregar el inicio de sesión de Google. Agregar el botón de inicio de sesión de Google Si desea agregar el botón “Iniciar sesión con Google” en su sitio web HivePress, debe obtener una ID de cliente única de Google, que conectará su sitio con API- Google Authentication. ¡Hagamoslo!


Creación de un nuevo proyecto El primer paso es crear un nuevo proyecto de Google API (puede usar un proyecto existente si ya tiene uno). Para hacer esto, vaya a la consola API de Google y haga clic en el botón Creare Project. Luego debe ingresar el nombre del proyecto y hacer clic en el botón Ceare.

Ahora debe ir a la sección de la pantalla de consentimiento de OAUTOTH y seleccionar la opción de pantalla de consentimiento OAUTOTH (interna o externa) dependiendo de los requisitos de su sitio en aras de este tutorial, elegiremos la opción externa. Luego será redirigido al formulario de registro de la solicitud. Dentro de este formulario, debe: Establecer el nombre de la aplicación (por ejemplo, el nombre de su sitio web).

Indique el correo electrónico de asistencia de los usuarios y el correo electrónico del desarrollador para que Google pueda notificarle cualquier cambio en su proyecto.
Especifique los enlaces a su página de inicio, la página Política de privacidad y el enlace a sus términos y condiciones.

Finalmente, agregue el dominio de su sitio.
Cuando haya terminado, haga clic en el botón Guardar. Puede omitir los otros pasos en el formulario de registro y regresar al tablero.
El siguiente paso es crear acreditaciones de API, a saber, la identificación del cliente. Puede hacerlo accediendo a la sección Credenciales> Creación de credenciales> ID Cliente OAuth.
En esta sección, debe completar el campo Nombre e ingresar la URL de su sitio en el campo “Origin JavaScript”. Opcionalmente, puede completar el campo “URL redirectivas autorizadas” si desea especificar la ruta a la que los usuarios serán redirigidos después de que se hayan conectado a Google. Después de que haya terminado, haga clic en el botón Guardar.
Activando la autenticación social Finalmente, tiene una identificación de cliente única. Ahora tiene que copiarlo y pegarlo en WP Dashboard> HivePress> Configuración> Integraciones> Sección de identificación del cliente. No olvides guardar tus cambios.
¡Esta es una conclusión!Siguiendo los pasos anteriores, puede configurar fácilmente la extensión de autenticación y permitir a los usuarios conectarse a través de terceros servicios como Facebook y Google.Después de haber completado todos los pasos, tendrá los mismos botones de Facebook y Google en el formulario de conexión, como se muestra en la captura de pantalla a continuación. Si tiene problemas al agregar las redes sociales, intente deshabilitar los complementos. Tercera parte (allí puede ser un problema de almacenamiento de caché o un tercer complemento de partidos).Además, asegúrese de haber activado los métodos de autenticación en la sección HivePress> Configuración> Usuarios y guardado los cambios.Además, si desea optimizar su sitio web, le recomendamos verificar nuestro tutorial sobre cómo acelerar un sitio web creado por HivePress.