Si alguna vez has querido que los visitantes y lectores de tu sitio con WordPress puedan acceder a través de sus cuentas de Facebok, Twitter, o Google, esta entrada será de tu interés!
El proceso es algo complejo, pero te mostraremos los pasos necesarios para permitir el inicio de sesión en WordPress a través de redes sociales:
Plugin: AddThis Social Sign In
![Activar el Inicio de sesión en WordPress a través de redes sociales](https://i0.wp.com/lh3.googleusercontent.com/-7gv9C9BLLvs/Vk9Zwp5MgEI/AAAAAAAADOc/7oqWcXI8eds/s800-Ic42/addthis-social-sign-in.png?resize=610%2C198&ssl=1)
Para conseguir nuestro objetivo, lo primero que debes hacer es instalar y activar el plugin gratuito para WordPress: «AddThis Social Sign In«.
Necesitaremos crear 3 aplicaciones web para las redes sociales que integraremos al inicio de sesión (Facebook, Google, Twitter) – no te preocupes, te explicaremos todo el procedimiento. Con la creación de cada aplicación obtendremos un «ID» que copiaremos y pegaremos en los ajustes del plugin «AddThis Social Sign In«.
Creación de Aplicaciones Web
» Aplicación web de Facebook
Para crear la aplicación web de Facebook atiende las siguientes instrucciones:
- Inicia sesión en tu cuenta «Facebook Developer» y haz clic en «Crear nueva aplicación«
- Escribe los detalles de la información básica:
- Asegúrate de utilizar minúsculas en «Espacio de nombres de la aplciación» y elige una «Categoría» de la lista
- Clic sobre el botón «Continuar«, escribe el código captcha, y tu aplicación habrá sido creada
- Una vez creada la aplicación, automáticamente serás redireccionado a la página de configuración, aquí deberás editar lo siguiente:
- En la sección «Infromación básica» selecciona «Opción desactivada«, esto nos permitirá que la aplicación sea visible para todos los usuarios
- En la lista de verificación busca el campo «Website with Facebook Login«, copia y pega en ese campo la siguiente dirección: https://www.addthis.com/secure/ssi_callback
- Guarda los cambios.
![Activar el inicio de sesión en WordPress a través de redes sociales](https://i0.wp.com/lh3.googleusercontent.com/-l5u0ZLuwdcc/Vk9ZyfJ4UbI/AAAAAAAADOM/N0zVXVOabg8/s800-Ic42/plugin-facebook.png?resize=610%2C406&ssl=1)
» Aplicación web de Google
Para crear la aplicación web de Google atiende las siguientes instrucciones:
- Inicia sesión en tu cuenta «Google Developer«
- Crea un nuevo proyecto
- Ingresa a las opciones «API Access» del menú lateral izquiero del proyecto recien creado, y haz clic sobre el botón «Create and OAuth client ID…«
- Ahora es momento de crear la aplicación web de Google, asigna un «Nombre» y escribe la «URL de tu sitio web«, clic al botón «Next» cuando estés listo:
- Elige la opción «Web application«, copia y pega las siguientes direcciones en el campo «Authorized Redirect URls«:
https://www.addthis.com/secure/ssi_callback?isNewGen=false
https://www.addthis.com/secure/ssi_callback?isNewGen=true
Clic al botón «Create client ID» cuando estés listo:
- Obtendrás un «Client ID«:
![Activar el inicio de sesión en WordPress a través de redes sociales](https://i0.wp.com/lh3.googleusercontent.com/-aG5ck5RgJUg/Vk9ZyWOxnUI/AAAAAAAADOQ/clXdINNNQ0Q/s800-Ic42/plugin-google.png?resize=610%2C406&ssl=1)
» Aplicación web de Twitter
Para crear la aplicación web de Twitter atiende las siguientes instrucciones:
- Inicia sesión en tu cuenta «Twitter Developer«
- Crea una nueva aplicación y escribe los siguientes detalles:
Nombre: escribe el nombre que tu quieras – puedes utilizar el nombre de tu sitio
Descripción: basta con un par de palabras como «social login«
Website: la dirección de tu sitio web, ejemplo: http://midominio.com
Callback URL: escribe la dirección https://www.addthis.com
- Acepta los términos de uso y clic sobre el botón «Create your Twitter Application«. Ahora visita la pestaña «Settings» (ajustes), de la aplicación recién creada. Ve a la sección «Application Type«, selecciona la opción «Read only«, escribe en el campo de URL la dirección: http://www.addthis.com, y activa la casilla de la opción «Allow this application to be used to Sign in with Twitter«, actualiza los cambios realizados:
- Ve a la pestaña «oAuth tool» y copia las claves de «Consumer key» y «Consumer secret«:
![Activar el inicio de sesión en WordPress a través de redes sociales](https://i0.wp.com/lh3.googleusercontent.com/-OBtFLTDnZCk/Vk9ZylU_wGI/AAAAAAAADOY/6gyTKpBfj2g/s800-Ic42/plugin-twitter.png?resize=610%2C406&ssl=1)
Uso de Social Sign In / Inicio de Sesión
Una vez que hayas creado con éxito todas las aplicaciones web, y pegado sus respectivas claves en los ajustes del plugin, las opciones de login de Facebook, Google, y Twitter se mostrarán en la página de inicio de sesión de WordPress (/wp-login.php):
![Activar el inicio de sesión en WordPress a través de redes sociales](https://i0.wp.com/lh3.googleusercontent.com/-5UHXR_dG16s/Vk9ZwruBRaI/AAAAAAAADOs/w59YgGGJkk4/s800-Ic42/activar-el-inicio-de-sesion-en-wordpress-a-traves-de-redes-sociales.png?resize=411%2C484&ssl=1)
Si deseas colocar los botones sociales de inicio de sesión en widgets o partes específicas de tu sitio, utiliza el siguiente código:
Para ejecutar código PHP en widgets, te recomendamos utilizar el plugin «PHP Code Widget«, este plugin te permitirá utilizar el código mencionado.
Comentarios finales
La integración de inicio de sesión en WordPress a través de redes sociales, hará de tu sitio una web más profesional, permitirá a los lectores publicar comentarios de una forma más rápida, sin necesidad de integrar plugins adicionales.
Hola que tal, he tratado de integrar AddThis en mi web pero no funciona, he realizado todos los pasos y he creado las aplicaciones y obtenido las APIs y todo eso pero al momento de cargar la web cuando inicia sesión nuevamente me lleva a la página de login, no se si me puedes ayudar, muchas gracias.
Hola, te sugiero utilizar los «Plugins oficiales para integrar AddThis a WordPress» 🙂