{"id":16677,"date":"2016-04-29T09:23:27","date_gmt":"2016-04-29T07:23:27","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=16677"},"modified":"2016-12-20T12:17:12","modified_gmt":"2016-12-20T10:17:12","slug":"como-loguearse-en-woocommerce-con-cuenta-de-facebook","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/woocommerce\/como-loguearse-en-woocommerce-con-cuenta-de-facebook\/","title":{"rendered":"C\u00f3mo Loguearse en WooCommerce con Cuenta de Facebook"},"content":{"rendered":"
<\/div>

\n\t\"social\n<\/p>\n

\n\tSi tienes una tienda online gestionada con WooCommerce sabrás que muchos usuarios son reacios a entregar sus datos a una tienda.\n<\/p>\n

\n\tUna solución muy popular es usar el login de una red social y si hablamos de redes sociales Facebook<\/strong> es la más popular con más del 90% de usuarios de internet poseedores de una cuenta.\n<\/p>\n

\n\tLas ventajas de usar una cuenta de Facebook<\/strong> para loguearse en nuestro WooCommerce<\/strong> son varias. La primera es que el usuario no tiene la necesidad de darnos su email, no tiene que confirmar la recepción del mismo y no tiene que crearse una nueva cuenta.\n<\/p>\n

\n\tEstá tan popularizado que es raro no encontrarse con un icono de Facebook o Twitter<\/strong> al lado de la casilla de login en la mayoría de sitios web populares.\n<\/p>\n

\n\tAsí que es muy posible que queramos añadir esa opción en nuestra tienda y porque no, en nuestro WordPress. El problema es que cuando nos ponemos a ello no es tan fácil como instalar un plugin y ya está. Se necesitan ciertas configuraciones que pueden echar para atrás a usuarios menos experimentados.\n<\/p>\n

\n\tEn este artículo vamos a contar cómo añadir un botón de Facebook de login en nuestro WooCommerce usando la solución que nos propone OneAll Social Login<\/strong>.\n<\/p>\n

\n\tPara ello necesitamos tres cosas:\n<\/p>\n

    \n
  1. \n\t\tEl plugin Social Login\n\t<\/li>\n
  2. \n\t\tCuenta de Desarrollador de Facebook\n\t<\/li>\n
  3. \n\t\tCrear una cuenta en OneAll Social Login\n\t<\/li>\n<\/ol>\n

    \n\t
    \n\tPlugin Social Login
    \n<\/h2>\n

    \n\t\"social\n<\/p>\n

    \n\tEl plugin Social Login<\/strong> podéis descargarlo del repositorio de plugins de WordPress como cualquier otro plugin, pero como hay varias opciones, hay que fijarse en descargar el de Claude Schlesser<\/em>.\n<\/p>\n

    \n\tTambién podéis optar por descargarlo desde aquí<\/a><\/strong> y subirlo vía FTP.\n<\/p>\n

    \n\tCuenta de Desarrollador de Facebook
    \n<\/h2>\n

    \n\tCrear una cuenta de desarrollador de Facebook es tan sencillo como tener una cuenta de Facebook.\n<\/p>\n

    \n\tLo primero que debemos hacer es ir a https:\/\/developers.facebook.com\/<\/a> y entrar. Nos pedirá nuestra cuenta de Facebook. Después nos pedirá que nos registremos. Es decir, nos pide nuestra cuenta de Facebook para que podamos registrarnos\n<\/p>\n

    \n\t\"desarrollador\n<\/p>\n

    \n\tUna vez confirmemos ya tendremos una cuenta de desarrollador de Facebook.\n<\/p>\n

    \n\tCrear una cuenta en OneAll Social Login
    \n<\/h2>\n

    \n\tTenemos que crear una cuenta en OneAll Social Login para hacer funcionar el plugin. De hecho es lo primero que nos va a pedir el plugin a la hora de configurarlo.\n<\/p>\n

    \n\tY por supuesto, podemos crear nuestra cuenta usando una red social… ¡Faltaría más!\n<\/p>\n

    \n\t\"oneall\n<\/p>\n

    \n\tEste paso nos lo pide el propio plugin para configurarlo así que no es necesario crear la cuenta antes.\n<\/p>\n

    \n\tConfigurando Social Login para WordPress \/ WooCommerce
    \n<\/h2>\n

    \n\tUna vez tengamos el plugin instalado veremos un nuevo menú en la barra lateral llamado Social Login<\/strong>. Si vamos a Setup<\/strong> veremos que nos pide que creemos la cuenta en Oneall.com\n<\/p>\n

    \n\t\"crear\n<\/p>\n

    \n\tCuando la creemos y entremos tenemos que crear un sitio para configurarlo. Lo que nos pide es que creemos un subdominio, le demos un nombre y que añadamos el dominio donde vamos a usar el plugin.\n<\/p>\n

    \n\t\"a\u00f1adir\n<\/p>\n

    \n\tUna vez la hemos añadido el sitio debemos ir a la sección de Social Networks<\/strong> en menú de la izquierda y seleccionar Facebook<\/strong>.\n<\/p>\n

    \n\t\"crear\n<\/p>\n

    \n\tNos pide una serie de pasos que debemos realizar en la sección de desarrolladores de Facebook que debemos seguir. Es muy sencillo ya que nos describe los pasos.\n<\/p>\n

      \n
    1. \n\t\tIr a la Web de desarrollo de Facebook. Puedes hacerlo haciendo click aquí<\/strong>.\n\t<\/li>\n
    2. \n\t\tHacemos click en Crear una nueva aplicación<\/strong>\"crear\n\t<\/li>\n
    3. \n\t\tEn el popup rellenamos las casillas con el nombre a mostrar que no da la guía, un correo electrónico de contacto y elegimos la categoría de Comunicación<\/strong>.\"datos\n\t<\/li>\n
    4. \n\t\tHacemos click en Configuración<\/strong>, añadimos plataforma.\"a\u00f1adir\n\t<\/li>\n
    5. \n\t\tSeleccionamos Sitio Web<\/strong>
      \n\t\t\"delecciona\n\t<\/li>\n
    6. \n\t\tAñadimos la URL que no da oneall.com en su guía que será algo así como http:\/\/xxxx.api.oneall.com\/\n\t<\/li>\n
    7. \n\t\tEn Revisión de la aplicación<\/strong> seleccionamos que queremos que nuestra aplicación sea pública. Nos pedirá confirmación.\"selecciona\n\t<\/li>\n
    8. \n\t\tSeleccionamos Panel<\/strong> en el menú de la izquierda donde veremos el identificador de la aplicación y la clave secreta de la aplicación. Esta información es la que tenemos que incluir en la página de oneall.com\"panel\" \"datos\n\t<\/li>\n
    9. \n\t\tHacer click en Register Application <\/strong>para terminar la configuración.
      \n\t\t \n\t<\/li>\n<\/ol>\n

      \n\tAhora volvemos a nuestro WordPress Social Login \/ Setup<\/strong> y hacemos click en Autodetect API Connection<\/strong>.\n<\/p>\n

      \n\t\"detectar\n<\/p>\n

      \n\tEn el siguiente recuadro debemos añadir la información de la API que encontraremos en el panel de oneall.com y verificamos.\n<\/p>\n

      \n\t\"app\n<\/p>\n

      \n\tLuego sólo nos quedará elegir las networks<\/em> con las que queremos que los usuarios se puedan loguear en nuestro WooCommerce o WordPress y acordarnos de guardar los cambios.\n<\/p>\n

      \n\t\"networks\"\n<\/p>\n

      \n\tAlgunas networks<\/em> fallan y requieren configuración adicional pero oneall.com se encarga de enviarnos un email cada vez que detecta un fallo con algunas de las opciones de logueo.\n<\/p>\n

      \n\t\"logueate\n<\/p>\n

      \n\tEl plugin también nos ofrece un widget con lo que podemos poner un login en cualquier sitio de nuestra tienda, como por ejemplo la página de pago.\n<\/p>\n

      \n\tY con esto tendremos el acceso con Facebook y otras networks a nuestro WooCommerce y WordPress.\n<\/p>\n

      \n\t \n<\/p>\n

      \n\t[ninja-popup ID=13602] * CLICK AQUÍ<\/span><\/span> Para saber más cosas interesantes sobre WooCommerce y WordPress.  CLICK AQUÍ <\/span><\/span><\/strong> [\/ninja-popup]\n<\/p>\n

      \n

      \n\tHostinet SSD Ultrarápidos para tu WooCommerce<\/strong>
      \n<\/h2>\n

      \n\tEn Hostinet trabajamos desde hace más de 15 años con servidores ubicados en España (Madrid).\n<\/p>\n