Martes, 18 Noviembre 2014 22:45

Accede a WordPress desde Facebook, Twitter, Google+ u otras redes sociales

Escrito por 
CMS:  WordPress |  Versión:  Todas |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  15 minutos


Accede a WordPress desde Facebook, Twitter, Google+ u otras redes socialesWordPress nos permite dar acceso a los usuarios registrados, compradores (en el caso de WooCommerce u otros plugins de comercio electrónico) o visitantes desde el formulario de acceso que habilitemos o también mediante redes sociales, lo que habitualmente se conoce como "acceso federado" del que ya hemos hablado anteriormente en este blog.

La ventaja de usar este tipo de accesos mediante redes sociales conocidas es que la mayoría de los usuarios ya disponen de cuenta en alguna red social, ya sea Facebook, Twitter, Google etc., y esto nos permite aprovechar este hecho y que sirva para ver contenidos restringidos o que requieren un acceso previo, sin necesidad de registrarse previamente en nuestro sitio web.

Quizás la mayor ventaja sea la comodidad, para los usuarios, al no tener que pasar por un proceso de registro para simplemente comentar un post por ejemplo y si miramos más allá, a efectos de LOPD también es interesante pues nos evitamos almacenar datos de usuarios en nuestra base de datos.

WordPress

WordPress Social Login

WordPress Social Login permite a tus visitantes iniciar sesión con redes sociales como Twitter, Facebook, Google, Yahoo y más.

WordPress Social Login va a permitir a tus lectores o clientes de tu tienda acceder haciendo uso de las cuentas de redes sociales existentes, eliminando la necesidad de rellenar formularios de registro y recordar el nombre de usuario y contraseña.

También permite importar la lista de contactos de los usuarios de Google Gmail, Facebook, Windows Live y LinkedIn. Este plugin te da un control absoluto sobre los usuarios el acceso a tu sitio web y permite aplicar restricciones desde su configuración.

Proveedores soportados actualmente:

  • Facebook
  • Google
  • Twitter
  • Windows Live
  • Yahoo!
  • LinkedIn
  • Reddit
  • Disqus
  • Tumblr
  • Stackoverflow
  • GitHub
  • Dribbble
  • Instagram
  • 500px
  • Foursquare
  • Vapor
  • Twitch.tv
  • Mixi
  • Vkontakte
  • Mail.ru
  • Yandex
  • Odnoklassniki
  • Goodreads
  • Skyrock
  • Last.fm
  • AOL
  • PixelPin

Obtener datos para autenticación con Facebook

Para habilitar la autenticación con Facebook es necesario registrar una nueva aplicación siguiendo estos pasos:

  1. Accede al apartado de Desarrolladores de Facebook
  2. Selecciona Agregar una nueva aplicación en el menú Aplicaciones en la parte superior.
  3. Rellena el Nombre a mostrar, nombre corto, selecciona una categoría (Aplicaciones para páginas) y haz clic en Crear App ID.
  4. Ve a Configuración de página y haz clic en Agregar Plataforma. Elige "Website" y coloca la url de tu sitio web en Site URL y Mobile Site URL. Deben coincidir con el nombre de host de tu web (ej: titania.webempresa.com).
  5. Ve a la página Estado y reseña y elige "Si" donde dice ¿Quieres poner esta aplicación y todas sus características a disposición del público general?.
  6. Vuelve a la página Panel y obtendrás las credenciales de aplicación creadas (APP ID y Application Secret).

El proceso ilustrado en capturas seria similar al siguiente.




Agregar Plataforma.



En "Dashboard" pordrás ver ahora el "App ID" y el "App Secret" (haz clic en show e introduce tu contraseña de Facebook para verlo).



El proceso de obtención de "App ID" y "App Secret" para otras redes sociales es muy similar y viene explicado (en inglés) debajo de cada nueva red social que añadimos en el plugin desde la pestaña "Networks".

En el siguiente vídeo te mostramos como instalar y habilitar Facebook como acceso federeado en WordPress.



El resultado de aplicar este widget en el frontal de la web seria algo similar al siguiente, que puedes personalizar bien desde las opciones del propio widget o usando CSS desde el plugin WordPress Social Login




¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+