Magento Loginizer Social – Manual del Usuario

Introducción de Magento Social Login Extension por Knowband:

Magento Social Login Extension de Knowband permite a los usuarios iniciar sesión a través de sus cuentas sociales desde $ 15. Por ejemplo, Facebook, Google Plus, Twitter, LinkedIn, Live, Yahoo, Instagram y muchos otros. El complemento de inicio de sesión social de Magento está diseñado para simplificar los inicios de sesión de los usuarios. Al integrar el complemento de inicio de sesión social en su tienda Magento, permite que sus visitantes inicien sesión en su sitio web con sus cuentas de redes sociales existentes.

Pasos para la instalación de la extensión Magento Social Loginizer:

Los materiales requeridos:

  • Todos los archivos usados por la extensión.
  • Acceso FTP a su sitio web.

El administrador de conexión es una herramienta útil para instalar extensiones de Magento , pero prefiere el método práctico cuando se trata de instalaciones. Se siente más cómodo cuando usted controla personalmente el proceso.

¿Ves un directorio de código de aplicación allí, qué pasa con la aplicación-etc-modules? Si no ve estas rutas de directorio y archivos dentro de ellos, es probable que la descarga de la extensión haya fallado. Eche un vistazo al archivo package.xml, este es el modelo utilizado por Magento Connect para organizar los archivos en los lugares adecuados. Es posible que deba usar esto para asegurarse de que todo esté como debe ser. Una vez que haya revisado los archivos de extensión, está listo para realizar el último paso. Usando su cliente ftp, arrastre todos los archivos a la raíz de la tienda de la instancia de magento.

Foto 1

Dependiendo de la cantidad de archivos en la extensión de Magento por Knowband, esto puede demorar unos minutos. Ahora vaya a la consola de administración y haga clic en Flush Cache Storage. Este es el requisito para cualquier extensión que agregue páginas a la consola de administración. También es necesario desconectarse y volverse a conectar para garantizar que todo se carga correctamente. Si no puede borrar el caché a través de la consola de administración por algún motivo, deberá borrar el caché manualmente a través de su cliente FTP (consulte la primera pregunta de preguntas frecuentes para obtener ayuda). Ese es el último paso. Felicitaciones por una instalación exitosa.

Solución de problemas y preguntas frecuentes

Cargué todos los archivos en mi tienda Magento, y ahora obtengo una pantalla blanca para una parte o la totalidad de la consola de administración.

Este es un problema bastante común, y el 99% del tiempo está relacionado con la caché. Si puede acceder a él, vaya a Sistema-> Administración de caché y haga clic en Depurar almacenamiento en caché. Esto asegurará que todo lo guardado en caché por Magento se borre y se regenere. Cierre la sesión y vuelva a iniciarla para completar el proceso.

Si está completamente desconectado de la consola de administración, vaya al directorio var-cache de su sitio web. Debería ver una serie de directorios llamados mage *. Elimine todos estos directorios (NO ELIMINE var-cache). Esto es el equivalente a vaciar el almacenamiento del caché de la consola de administración.

Picture2

Estoy recibiendo un error de Magento al acceder a ciertas páginas. ¿Cómo puedo depurar esto?

Esta pregunta realmente merece una publicación en el blog, pero un buen comienzo sería ir al directorio de errores de su tienda. Localice el archivo local.xml.sample y renómbrelo local.xml. La próxima vez que vea el error, se proporcionará información detallada que explica dónde se produjo el error. ¡No olvide cambiar esto cuando haya terminado de solucionarlo!

Tengo un error crítico con mi tienda web y necesito desactivar una extensión. No puedo acceder a la consola de administración. ¿Qué debo hacer?

Vaya al directorio de aplicaciones-etc-modules y abra el archivo que acompaña a su extensión. La convención de nombres generalmente es DeveloperName_ExtensionName.xml. En este caso, sería Velocity_SocialLoginizer.xml.

Picture3

Busque las etiquetas activas en el archivo, cambie el valor de verdadero a falso y guarde los cambios. Esto le dice a Magento que la extensión Magneto está desactivada y que no ejecuta ningún código asociado a ella. Se recomienda (y probablemente sea necesario) eliminar el caché de Magento para que este cambio surta efecto.

Guía del usuario

Para un exceso de plugin de Magento Social Login, haga clic en el Menú de inicio de sesión social que aparece en el menú de navegación del Menú del sistema, como se muestra a continuación.

Picture4

Después de hacer clic en el menú Social Login, se abrirá el complemento de inicio de sesión social de Magento de Knowband. Contiene barra de navegación en la parte superior, menú de pestañas a la izquierda y en el contenido principal se mostrará la primera pestaña de configuración general.

Picture5

Pestaña Configuración general

Configuración general:

  • Activo: para habilitar el complemento de extensión de inicio de sesión de Facebook de Magento, seleccione habilitar presente bajo la etiqueta Activar.
  • Mostrar en:

Ventana emergente de inicio de sesión: para habilitar la ventana emergente de inicio de sesión.

Página de pago: para agregar el complemento de inicio de sesión de redes sociales de Magento en la página de pago.

Página de inicio de sesión: para agregar la barra de inicio de sesión social en la página de inicio de sesión.

Página de registro: para agregar la extensión de inicio de sesión social de Magento en la página de registro.

  • Prueba de enlace emergente: establezca el texto para el enlace emergente de inicio de sesión que se mostrará junto al enlace de inicio de sesión predeterminado del complemento de inicio de sesión social de Magento.
  • Prueba de encabezado: establece el texto para el encabezado del complemento de inicio de sesión en redes sociales Magento, que se mostrará en las páginas seleccionadas.
  • Incluya el archivo jQuery: jQuery, es decir, se necesita un marco de JavaScript para que funcione este complemento de Magento. A veces, los temas utilizados en Magento ya lo incluyen, pero en algún momento no lo incluyen. Si jquery ya está incluido en su tema, desactive else else para incluirlo.
  • Opción visible predeterminada: seleccione el no. de los íconos sociales para que sean visibles de forma predeterminada en la extensión de inicio de sesión en las redes sociales de Magento.

  NOTA: En el módulo de inicio de sesión social de Magento, solo se mostrarán pequeños iconos y solo se mostrarán los 6 íconos como máximo.

  • Animar iconos: active esta opción para activar el efecto de animación en los iconos del inicio de sesión social de Magento.
  • Ordenar iconos: esta opción de inicio de sesión en los medios sociales de Magento permite ordenar el orden de los íconos en los que se mostrarán en la barra de inicio de sesión y la ventana emergente de inicio de sesión.

Pestaña Configuración de inicio de sesión

En esta pestaña de la extensión de inicio de sesión de Twitter de Magento, puede guardar la clave de API y el secreto para cada sitio web social. Hay una barra lateral que enumera todos los sitios web. Al hacer clic en cualquier sitio web, se mostrarán las opciones de configuración correspondientes. Debajo de la opción hay un enlace del sitio web correspondiente donde puede crear su aplicación y obtener su identificación de cliente y su secreto. En las configuraciones de cada sitio web habrá las siguientes 4 opciones:

Configuración del sitio web:

  • Activo: para habilitar el inicio de sesión social de Magento, seleccione habilitar presente bajo la etiqueta Activar.
  • ID de aplicación (por ejemplo, para Facebook: ID de aplicación de Facebook): en este campo de inicio de sesión en redes sociales de Magento, debe ingresar su ID de aplicación / ID de cliente / ID de consumidor proporcionada por el sitio web correspondiente
  • App Secret (por ejemplo, para Facebook: Facebook App Secret): este campo de la extensión de inicio de sesión social de Magento le permite ingresar su Secreto de aplicación / Secreto de cliente / Secreto de consumidor proporcionado por el sitio web correspondiente.
  • Seleccionar iconos: para cada inicio de sesión social de Magento, hay dos tipos de iconos pequeños y grandes. Seleccione cualquiera de los íconos para mostrar en la barra de inicio de sesión social.

Picture6

Pestaña Informe:

En esta pestaña del módulo de inicio de sesión social de Magento, puede obtener datos analíticos gráficos y tabulares que lo ayudarán a analizar. Hay una opción de seleccionar sitio web. Al hacer clic en la opción, un menú desplegable que enumera todos los sitios web mostrará los sitios web seleccionados y hará clic en el botón Enviar. Eso creará un gráfico para el sitio web seleccionado que representa el número de inicio de sesión y registro para cada sitio web seleccionado.

Picture7

En el siguiente gráfico, puede ver la tabla para el análisis del sitio web y otra tabla para los datos de análisis del cliente. La tabla de análisis del sitio web muestra los sitios web y su recuento total de inicio de sesión y registro, y la tabla de análisis del cliente muestra los detalles del cliente y sus datos de inicio de sesión (recuento de inicio de sesión y nombre del sitio web).

Picture8

En la parte superior derecha, hay un botón Restablecer base de datos. Esta opción eliminará todos los datos de inicio de sesión y registro de la base de datos. Esto no afectará la tabla de su base de datos central. Solo borrará los registros de la tabla creada por esta extensión de inicio de sesión de magento en las redes sociales.

¿Cómo configurar URL redirigir?

Deje que su sitio web sea www.example.com.

Si Url Rewrite está habilitado en su sitio web, entonces la URL de redirección será

URL no segura: https://www.example.com/socialloginizer/index/vssSoloApi/

URL segura: https://www.example.com/socialloginizer/index/vssSoloApi/

Si Url Rewrite está deshabilitado en su sitio web, entonces la URL de redireccionamiento será

URL no segura: https://www.example.com/index.php/socialloginizer/index/vssSoloApi/

URL segura: https://www.example.com/index.php/socialloginizer/index/vssSoloApi/

¿Cómo obtener detalles de la aplicación de Facebook?

Pasos:

1. Vaya al sitio web para desarrolladores de Facebook ( https://developers.facebook.com ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

2. Haz clic en Aplicaciones -> Crear una nueva aplicación.

3. Sigue las instrucciones en la pantalla.

4. Obtendrá la ID de la aplicación y el secreto de la aplicación (haga clic en el botón Mostrar).

Picture9

5. Ahora, vaya a Configuración desde el menú de la izquierda.

Imagen10

6. Haga clic en el botón Agregar plataforma.

7. Seleccione el sitio web.

8. Ingrese su dominio de la aplicación y la URL del sitio.

Picture11

Tipo de aplicación: aplicación web.

Orígenes de JavaScript autorizados: el nombre de dominio de su tienda. (https://www.example.com)

9. Haga clic en el botón Guardar cambios.

10. Ahora, vaya a la pestaña Estado y revisión desde el menú de la izquierda y cree la aplicación en vivo.

¿Cómo obtener detalles de la aplicación Google?

Pasos:

1. Vaya a Google Developers Console ( https://code.google.com/apis/console ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

2. Ahora haz clic en Aplicaciones y Auth-> Credenciales en el menú de la izquierda.

Picture12

3. Haga clic en el botón Crear nueva ID de cliente en el panel derecho de la pantalla.

4. Complete el formulario emergente con los detalles a continuación:

Tipo de aplicación: aplicación web.

Orígenes de JavaScript autorizados: el nombre de dominio de su tienda. (https://www.example.com)

Picture13

5. Ahora haga clic en el botón Crear ID de cliente para obtener su ID de cliente y clave secreta de cliente.

Picture14

¿Cómo obtener los detalles de la aplicación de LinkedIn?

Pasos:

1. Vaya a Desarrolladores de LinkedIn ( https://www.linkedin.com/secure/developer ) o haga clic en el enlace dado arriba a la derecha de la pestaña respectiva en la página de configuración del módulo.

Picture15

2. Haga clic en Agregar nueva aplicación.

3. Rellene el formulario para registrar una nueva aplicación. La URL del sitio web debe ser la URL de su tienda, como https://www.example.com.

4. Haga clic en Agregar aplicación para enviar el formulario y mantener su Clave de API y Clave secreta a salvo.

Picture16

¿Cómo se obtienen los detalles de la aplicación en vivo?

Pasos:

1. Vaya al Centro de desarrollo de Microsoft ( https://account.live.com/developers/applications ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture17

2. Haz clic en Crear aplicación.

3. Ingrese el nombre de la aplicación y haga clic en el botón Acepto.

Picture18

4. Desde el menú de la izquierda, selecciona Configuración de API.

5. En el panel derecho, habilite la seguridad de la redirección mejorada, ingrese la URL de la página de redireccionamiento del iniciador (en URLs de redireccionamiento y haga clic en Guardar.

Picture19

6. Ahora, desde el menú de la izquierda, haga clic en Configuración de la aplicación y copie su ID de cliente y Client Secret.

Picture20

¿Cómo obtener los detalles de la aplicación de Twitter?

Pasos:

1. Vaya a Administración de aplicaciones de Twitter ( https://apps.twitter.com/ ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture21

2. Haga clic en el botón Crear nueva aplicación.

3. Ingrese los detalles de la aplicación de la siguiente manera:

Nombre de la aplicación: nombre de su aplicación.

Descripción: descripción de 10 a 200 caracteres de su aplicación.

Sitio web: la URL de tu tienda.

URL de devolución de llamada: el iniciador redirige la URL de la página de su tienda.

4. Ahora, haga clic en Sí, acepto y luego haga clic en Crear su aplicación de Twitter.

5. Ahora, seleccione las Claves de API en el menú debajo de su Nombre de aplicación y copie su Clave de API y API Secreta.

Picture22

¿Cómo obtener los detalles de la aplicación Yahoo?

Pasos:

1. Vaya a Yahoo Developer Network ( https://developer.apps.yahoo.com/projects ) o haga clic en el enlace dado arriba a la derecha de la pestaña respectiva en la página de configuración del módulo.

Picture23

2. Haz clic en Crear un proyecto.

3. Complete los detalles requeridos según las instrucciones. La URL de inicio será la URL de tu tienda.

4. Haga clic en el botón Crear proyecto.

5. Copie su clave de consumidor y secreto del consumidor.

Picture24

¿Cómo obtener los detalles de la aplicación de Amazon?

Pasos:

1. Vaya a Amazon Developer Network ( https://login.amazon.com/manageApps ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture25

2. Haga clic en Iniciar sesión en el botón de la consola de la aplicación.

3. Después de iniciar sesión con éxito en la Consola de aplicaciones, haga clic en el botón Registrar nueva aplicación en la parte superior derecha de la página y se le redirigirá a la página siguiente.

Picture26

4. Ingrese los detalles de la aplicación de la siguiente manera:

Nombre: nombre de su aplicación.

Descripción: Descripción de su aplicación.

URL de aviso de privacidad: URL de la página de política de privacidad de su tienda.

5. Logotipo de la imagen: Seleccione la imagen del logotipo opcional de su tienda.

6. Haz clic en el botón Guardar.

Picture27

7. Ahora haga clic en Configuración web para obtener su identificación de cliente y su secreto.

8. URL de devolución permitida: el iniciador redirige la URL de la página de su tienda.

Nota: Para habilitar el inicio de sesión de Amazon en su sitio web, su sitio web debe estar seguro con HTTPS, de lo contrario, el inicio de sesión de Amazon no funcionará.

¿Cómo obtener los detalles de la aplicación de Instagram?

Pasos:

1. Vaya a la Red de desarrolladores de Instagram ( https://instagram.com/developer/clients/manage/ ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña correspondiente en la página de configuración del módulo.

2. Haga clic en el botón Registrar un nuevo cliente en la parte superior derecha de la página.

Picture28

3. Rellene el siguiente formulario.

Picture29

4. Establezca OAuth redirect_uri como el inicio de sesión redirigir la URL de la página de su tienda. (https://www.example.com/module/socialoginizer/instagram).

5. Haga clic en el botón Crear y luego copie y pegue Identificación del cliente y Secreto en el panel de administrador del complemento.

¿Cómo obtener detalles de la aplicación Paypal?

Pasos:

1. Vaya a Paypal Developer Network ( https://developer.paypal.com/webapps/developer/applications/myapps ) o haga clic en el enlace que se encuentra en la parte superior derecha de la pestaña respectiva en la página de configuración del módulo.

2. Haz clic en el botón Crear aplicación.

Picture30

3. Ahora ingrese el nombre de su Aplicación y haga clic en Crear Botón de Aplicación.

Picture31

4. Configure la URL de retorno de la aplicación.

Picture32

5. Copie y pegue las credenciales activas en el panel de administración del complemento.

Picture33

¿Cómo obtener los detalles de la aplicación Dropbox?

Pasos:

Nota: Para habilitar el inicio de sesión de Dropbox en su sitio web, su sitio web debe estar seguro con HTTPS; de lo contrario, el inicio de sesión de Dropbox no funcionará.

1. Vaya al sitio web de desarrolladores de Dropbox ( https://www.dropbox.com/developers/apps ) o haga clic en el enlace que se encuentra en la parte inferior de la pestaña correspondiente en la página de configuración del módulo.

2. Haga clic en el botón Crear aplicación y proporcione un nombre para la Aplicación.

Picture34

Picture35

3. Rellene los detalles, configure la URL de redirección y guarde la configuración.

Picture36

4. Copie y pegue la clave y el secreto en el panel de administración del complemento.

¿Cómo obtener detalles de la aplicación WordPress?

Pasos:

1. Vaya al sitio web para desarrolladores de WordPress ( https://developer.wordpress.com/apps/ ) o haga clic en el enlace que se encuentra en la parte inferior de la pestaña correspondiente en la página de configuración del módulo.

2. Haga clic en el botón Crear aplicación y proporcione un nombre para la Aplicación.

Picture37

3. Complete los detalles y guarde la aplicación.

Picture38

4. Copie y pegue las credenciales en la consola de administración de la extensión Magento.

Picture39

¿Cómo obtener los detalles de la aplicación FourSquare?

Pasos:

1. Vaya al sitio web de desarrolladores de foursquare ( https://foursquare.com/developers/apps ) o haga clic en el enlace inferior en la consola de administración del complemento de Magento.

2. Haga clic en el botón CREAR NUEVA APLICACIÓN.

Picture40

3. Rellene los detalles, configure la URL de redireccionamiento y guarde la aplicación.

Picture41

4. Copie las credenciales en la consola de administración del complemento.

Picture42

Enlace de módulo: https://www.knowband.com/magento-social-loginizer

Manual del usuario: https://www.knowband.com/blog/user-manual/magento-social-loginizer

Historias relacionadas:

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *