Cómo integrar el inicio de sesión de Facebook en su sitio web de WordPress

Hay varias razones por las que podrías considerar agregar un inicio de sesión social de Facebook a tu sitio web de WordPress. Para empezar, es excelente para la experiencia del usuario. Piense en lo molesto que es tener que crear otro nombre de usuario y contraseña para un nuevo sitio web o aplicación en la que desea registrarse. Los inicios de sesión de Facebook simplifican ese proceso al permitir a los usuarios conectar sus credenciales de Facebook a su sitio. ¡Voilá! Acceso instantáneo sin sudar.

Además, existen algunos complementos de WordPress para iniciar sesión en Facebook de calidad que hacen que sea realmente fácil de implementar.

Relacionado: 9 widgets de Facebook de WordPress para cuadros de Me gusta, feeds de páginas y eventos

Luego están los beneficios para usted. Al habilitar el inicio de sesión de Facebook para WordPress, estará disponible una gran cantidad de información sobre sus usuarios. Por supuesto, no querrás volverte codicioso con lo que pides. Sólo debe solicitar acceso a determinada información. Y debe estar seguro de que no afectará la velocidad del sitio. Dicho esto, puedes obtener información sobre lo siguiente de tus usuarios conectados a Facebook:

• Su nombre completo (ideal para personalizar correos electrónicos).
• Su dirección de correo electrónico real y no solo una falsa que utilizan para registrarse en sitios web.
• Otras características personales, como género, edad, ubicación e idioma nativo, cada una de las cuales puede ayudarlo a personalizar su alcance de marketing.
• Con acceso a sus “Me gusta” de Facebook, puede crear una oferta más personalizada en su sitio en función de sus preferencias conocidas.
• Con acceso a su lista de amigos de Facebook, puede mejorar su experiencia de compra haciendo recomendaciones basadas en lo que compraron sus amigos.

Hay otra información que puede obtener de los perfiles públicos de sus usuarios de Facebook. Pero, nuevamente, incluso los detalles anteriores abrirán su sitio (y su negocio) a nuevas oportunidades con su base de consumidores.

Por lo tanto, si necesita otorgar acceso a los usuarios a su sitio web, el botón de inicio de sesión de Facebook puede ser el camino a seguir. El siguiente es un tutorial rápido de WordPress para iniciar sesión en Facebook sobre cómo integrar el inicio de sesión social de Facebook en su sitio web de WordPress usando Facebook para desarrolladores y su elección de un complemento, JavaScript o PHP, todo mientras se mantiene un entorno seguro para sus visitantes.

Cómo integrar el inicio de sesión de Facebook para WordPress

Facebook ha hecho que la integración del inicio de sesión con Facebook sea muy sencilla para los desarrolladores de WordPress. ¡Agregar el inicio de sesión de Facebook en WordPress nunca ha sido tan fácil! Aquí está lo que tú necesitas hacer:

Paso 1: cree una cuenta de desarrollador

Si nunca antes ha creado una aplicación de Facebook, deberá configurar una cuenta de desarrollador en Facebook. Puedes hacer esto aquí.

Paso 2: crea una nueva aplicación

Desde el subdominio de Facebook para desarrolladores, ahora puede crear una nueva aplicación en su cuenta. El botón para hacerlo está en la esquina superior derecha de la pantalla. Pinchalo.

Paso 3: cree una nueva ID de aplicación

Para distinguir esta aplicación de otras que haya creado, deberá crear una nueva ID de aplicación. No utilices la palabra "Facebook" (ni nada que contenga "cara") dentro del nombre. Algo como "Nuevo inicio de sesión" debería funcionar. Asegúrate de utilizar aquí también el mismo correo electrónico que utilizas para iniciar sesión en Facebook.

Luego haga clic en Crear ID de aplicación .

Paso 4: crear el producto

En la página de la aplicación de Facebook, deberá agregar el nuevo producto a su lista de aplicaciones.

Busque el inicio de sesión de Facebook en los módulos de la derecha y haga clic en Configurar al pasar el cursor sobre él.

Paso 5: seleccione su tecnología

Dado que está agregando este inicio de sesión a su sitio de WordPress, querrá seleccionar el botón Web. Si decide agregar esto a una aplicación móvil, deberá repetir este proceso y seleccionar la opción correspondiente.

Paso 6: Ingrese a su sitio web

Proporcione a Facebook la información solicitada sobre dónde utilizará este botón de inicio de sesión.

Paso 7: copie el SDK

Copie el SDK (kit de desarrollo de software) de Facebook para JavaScript. Esta es básicamente la API de Facebook que abre las líneas de comunicación entre su sitio y Facebook.

Si desea establecer los "Permisos" que puede recopilar de los usuarios (básicamente, todos los datos granulares que Facebook recopila sobre ellos), puede agregar parámetros específicos para obtener esa información de ellos también. Solo ten en cuenta que si te excedes en lo que pides, Facebook necesitará que justifiques el motivo y luego los revisarán antes de aprobar el uso de esta aplicación. Así que elige sabiamente.

Paso 8: configurar el botón de inicio de sesión

Antes de copiar el código del botón Iniciar sesión, asegúrese de haberlo configurado para que se vea como desea. Puede encontrar más información sobre cómo actualizar esas configuraciones aquí.

Facebook también ofrece consejos útiles sobre cómo redactar el botón Iniciar sesión para obtener tasas de conversión más altas, así como información que le ayudará a cumplir con su guía de estilo aquí. Facebook ofrece otras formas de actualizar el inicio de sesión a su gusto en esta página, así que asegúrese de leer las notas detenidamente para poder modificar el código exactamente a su gusto antes de copiarlo y guardarlo en su sitio.

Luego puede copiar el código que necesitará para insertar el botón en su página.

Paso 9: revise el panel

Una vez creada su aplicación, puede encontrar detalles sobre ella, incluido el número de identificación de la aplicación y el código secreto de la aplicación (que necesitará más adelante), en el Panel. También podrá acceder a Analytics de su aplicación allí una vez que esté disponible en su sitio.

Paso 10: integre el inicio de sesión de Facebook en WordPress

Aquí viene el paso final: colocar el botón Iniciar sesión en su sitio web. La forma más sencilla, por supuesto, es utilizar un complemento de WordPress, aunque también hay otras opciones disponibles.

¿Existe el mejor complemento de inicio de sesión de Facebook para WordPress? Creemos que las siguientes son todas buenas opciones.

Mejorar la experiencia del usuario en su sitio no siempre pertenece al front-end de cara al visitante. Es posible que también necesite optimizar el acceso al área de administración de WordPress para sus usuarios.

Con el complemento Nextend Facebook Connect, puede habilitar el inicio de sesión de Facebook en la pantalla de inicio de sesión de WordPress. El complemento es simple en términos de lo que hace, pero hace bien el trabajo y se ve bien sin importar cuánto haya personalizado la pantalla de inicio de sesión del administrador. Lo que también es realmente interesante de este complemento es que Nextend ofrece a los usuarios la posibilidad de crear su propio botón de inicio de sesión "Conectarse a Facebook".

Tras la activación del complemento, encontrará un conjunto recomendado de pasos a seguir para sincronizar Facebook con WordPress. Por suerte, ya te has encargado de crear la aplicación de Facebook y generar todos los códigos especiales que necesitas. Todo lo que tienes que hacer ahora es enviar la información en los campos a continuación:

Utilice un complemento en el sitio de WordPress

Ahora, cuando hablamos de agregar un inicio de sesión de Facebook a un sitio de WordPress, generalmente es para esta ocasión en la que desea agilizar el proceso para los usuarios del sitio. Esto significa permitirles enviar un comentario, completar un formulario, realizar una compra o completar alguna otra acción simplemente iniciando sesión en Facebook con un solo clic.

Para habilitar el inicio de sesión en Facebook para el registro general de usuarios e iniciar sesión en su sitio web real, puede utilizar uno de estos complementos:

El inicio de sesión con Facebook funciona específicamente para Facebook y solo para Facebook. Dado que no está cargado con otras funciones de inicio de sesión social, eso significa que será mucho más liviano y sencillo de configurar que algunas de las otras opciones. Por ejemplo, así es como se ven las configuraciones de este complemento:

El único inconveniente de este complemento es que restringe las opciones disponibles para que los usuarios inicien sesión. Por lo tanto, si sabe que sus visitantes están activos en otros canales además de Facebook, es posible que desee utilizar uno de los complementos de inicio de sesión social más completos.

Super Socializer es uno de esos complementos que le brinda la posibilidad de agregar una variedad de opciones de inicio de sesión en redes sociales (actualmente hay más de 100 plataformas para sincronizar). No solo eso, este complemento está repleto de funciones de personalización, por lo que tienes más espacio para jugar con el diseño, la disposición y el uso de tus botones de inicio de sesión social.

Como es de esperar, hay muchas más configuraciones que deberá definir al activar este complemento para su sitio. Asegúrese de leer cada una de las páginas, ya que hay varias formas diferentes de utilizar este complemento: para comentar, dar me gusta, compartir e iniciar sesión.

Luego tendrás que revisar cada pestaña, una por una, para evaluar qué plataformas sociales deseas activar, cómo quieres que se vean, qué quieres que digan, etc.

Además, no olvide considerar que algunos usuarios pueden encontrar este complemento intrusivo. El desarrollador de este complemento ya ha considerado esa posibilidad y le ofrece una opción desde el principio para decidir si desea mostrar una ventana emergente de notificación o estas opciones a sus visitantes si han desactivado la funcionalidad por su parte.

Y, por supuesto, debido a que todos estos son complementos, no es necesario hacer nada con la codificación para agregar los botones a su sitio. Una vez que haya ingresado la información de ID de su aplicación de Facebook en el complemento de su elección, puede simplemente pegar el código corto donde desea que aparezca. ¡Entonces tendrás un botón de inicio de sesión de Facebook completamente funcional y listo para usar!

Actualiza tu HTML

Usando el SDK guardado para códigos JavaScript de Facebook, puede agregar fácilmente el inicio de sesión de Facebook a su sitio web de WordPress simplemente actualizando su HTML. Utilice la Guía de inicio rápido de Facebook para seguir los pasos.

Usar PHP

Si prefiere usar PHP para agregar el botón de inicio de sesión de Facebook a su sitio de WordPress, también tiene la opción de hacerlo. Esto requerirá algo de trabajo adicional ya que necesitarás instalar el SDK de Facebook para PHP en tu proyecto. Facebook proporciona una guía sobre cómo empezar con esto a la que puedes consultar.

Resumen

Hoy en día, existe una variedad de formas de mejorar la experiencia del usuario en su sitio web de WordPress. ¿Sin embargo, simplificar sus medios para ingresar a su sitio con un botón de inicio de sesión de Facebook? Esto podría ser extremadamente valioso para sus usuarios (y para usted) a largo plazo, ya que la integración social es una excelente estrategia de marketing.

Y solo una pequeña advertencia: si no se usa correctamente, agregar la funcionalidad de inicio de sesión social a su sitio web puede traer algunos problemas de usabilidad. He aquí cómo evitarlos.

Y como beneficio adicional, estos son algunos de los mejores complementos de redes sociales que existen.

¿Quieres dar tu opinión o unirte a la conversación?Añade tus comentarios en Twitter.

Guardar Guardar