HIKO Social Login

Tu tienda no está usando cuentas de cliente clásicas, por lo que no es compatible con esta aplicación.

Las cuentas de cliente no clásicas utilizan un sistema de autenticación completamente distinto que no permite a las aplicaciones de terceros personalizar la experiencia de inicio de sesión. Por esta limitación técnica, funciones como el inicio de sesión social, los campos de registro personalizados y la personalización de la página de inicio de sesión solo están disponibles con cuentas de cliente clásicas. Más información en la documentación oficial de Shopify.

Las nuevas cuentas de cliente inician sesión con un código de un solo uso enviado por correo electrónico y no ofrecen a ninguna aplicación de terceros la forma de completar un inicio de sesión, por lo que no es posible ofrecer inicio de sesión social en ellas. Si vuelve a cambiarlo en Administrador de Shopify > Configuración > Cuentas de cliente, se restaura el formulario de inicio de sesión clásico y la aplicación empieza a funcionar de inmediato. Sus clientes y sus pedidos no se ven afectados por el cambio.

Si necesita mantener las nuevas cuentas de cliente, la aplicación puede seguir usándose en una tienda Headless, donde su propio código controla el paso de inicio de sesión.

La aplicación no es compatible con el plan Shopify Starter, porque ese plan no incluye la función de cuentas de cliente.

La instalación automática no encaja en todos los temas. En ese caso hay que insertar las etiquetas manualmente en el lugar adecuado de las plantillas del tema:

Atributos opcionales en el contenedor:

• type: register o login, que decide si el bloque muestra los botones de registro o los de inicio de sesión.
• ignore: omite el diseño automático y mantiene sus propios estilos y marcado.
• register_tag: el valor se añade como etiqueta a todos los clientes que se registran a través de este bloque, que es la forma de distinguir los registros procedentes de páginas distintas.

Administración de la aplicación > Color del logotipo > Orden , haz clic en las flechas arriba y abajo

En algunos temas el formulario de inicio de sesión es tan ancho que los botones del bloque se estiran con él. El ancho se puede personalizar con CSS. Por ejemplo:

Cuando el cliente inicia sesión con una cuenta de redes sociales, la aplicación restablece su contraseña con una cadena aleatoria, salvo que esté activado el protocolo Multipass de Shopify. Para volver a tener contraseña, el cliente puede usar el flujo de «he olvidado mi contraseña». La aplicación nunca almacena, registra ni muestra esa cadena. El protocolo Multipass permite al cliente iniciar sesión mediante un token cifrado con el secreto de Multipass. Multipass solo está disponible en el plan Shopify Plus.

Multipass se activa en Premium > Multipass con el secreto de Administrador de Shopify > Configuración > Cuentas de cliente. Con él, la aplicación entrega a Shopify un token de inicio de sesión firmado en lugar de una contraseña, por lo que nunca se toca la contraseña del cliente. Multipass solo está disponible con Shopify Plus.

Premium > Google One Tap. One Tap muestra un selector de cuenta de Google en su tienda sin que el cliente tenga que hacer clic en nada, por lo que solo aparece a los visitantes que ya han iniciado sesión en Google.

Si utiliza su propia clave de API de Google, el dominio de su tienda debe figurar como origen de JavaScript autorizado en la consola de Google Cloud. Sin él, Google rechaza la solicitud con origin_mismatch y no se muestra nada, sin ningún error visible en la página.

Sí, puedes desactivarlo en: Tienda online > Preferencias > Protección contra spam > desmarca Habilitar hCaptcha en las páginas de inicio de sesión, creación de cuenta y recuperación de contraseña

No es necesario desactivarlo. La aplicación pasa por la propia protección captcha de Shopify antes de enviar el formulario de inicio de sesión, por lo que el inicio de sesión social funciona con hCaptcha activado. Desactivarlo es una decisión sobre la fricción en el paso de inicio de sesión, no un requisito de esta aplicación.

Esta aplicación solicita acceso al correo electrónico, el nombre, los apellidos, el número de teléfono y el consentimiento de marketing de tus clientes.

Los datos de perfil social van a los metafields de cliente de su propia tienda, no a una copia en nuestro lado. Nuestro servidor solo conserva lo necesario para que funcione el inicio de sesión: la configuración de su tienda, el vínculo entre una cuenta social y un cliente de Shopify y el registro que estamos obligados a mantener. Al desinstalar se elimina todo ello.

No se elimina nada de Shopify. Los datos de perfil social que escribe esta aplicación están en el metafield hiko.socials de cada cliente, que pertenece a su tienda, por lo que sus clientes, sus pedidos y ese metafield se mantienen tal cual.

Por nuestra parte, al desinstalar se eliminan de nuestro servidor la configuración de su tienda y los vínculos con las cuentas sociales, y Shopify revoca en ese mismo momento el acceso de la aplicación a su tienda. Solo se conserva el registro mínimo que estamos obligados a mantener.

Para mostrar el nombre y el logotipo de tu tienda en la pantalla de consentimiento del inicio de sesión social, tienes que registrar tu propia aplicación en la plataforma social y conseguir su aprobación. Una vez aprobada, introduce la clave y el secreto de API en nuestra aplicación: Professional > Claves de API propias; la aplicación se encargará del flujo de autenticación. Para más detalles, consulta el estándar del sector OAuth2.

Para activar el inicio de sesión social tienes que registrar una aplicación para tu tienda en la plataforma social. Esto implica aceptar las condiciones de uso y solicitar los permisos necesarios. Una vez aprobada, la plataforma te facilitará una clave y un secreto de API. Cuando un cliente inicie sesión con su cuenta social, se le redirigirá al servidor de autorización de la plataforma para su verificación y consentimiento. Ese servidor mostrará el nombre de tu tienda, las condiciones y los permisos solicitados para que el cliente los apruebe.



A continuación, las referencias de todas las plataformas sociales:

Los clientes que inician sesión con Apple pueden ocultar su dirección de correo. Si eligen hide, Apple crea una dirección aleatoria y única para mantener privado el correo personal. El dominio de la dirección generada es privaterelay.appleid.com. A través del servicio de retransmisión privada de Apple podrás seguir enviando y recibiendo mensajes de esos clientes.

Sí. Amazon tiene tres regiones: Norteamérica (amazon.com), Europa (amazon.co.uk) y Extremo Oriente (amazon.co.jp). Cada una gestiona las cuentas de cliente por separado. Puedes elegir una de las tres regiones para tu tienda en Professional > Claves de API propias > Amazon > .

No. Shopify retoma el ciclo de facturación de la instalación original y no cobra al comerciante hasta el final de ese ciclo.

El plan se lee de la suscripción activa de su tienda en Shopify cada vez que se abre la aplicación, por lo que sigue la facturación de Shopify y no una copia guardada por nosotros. Vuelva a cargar la página después de cualquier cambio realizado en Suscripción.

Si sigue pareciendo incorrecto, el cargo activo registrado por Shopify es la referencia. Envíenos una captura de Suscripción y la compararemos con el registro de Shopify.

Desde el 30 de septiembre de 2021, Google ya no admite webviews integradas ni navegadores desconocidos para el inicio de sesión. Las webviews integradas son navegadores dentro de aplicaciones móviles: por ejemplo, al abrir un enlace de la tienda desde Facebook se abre el navegador de Facebook y no uno estándar como Chrome o Safari. Google considera que las webviews de terceros son un riesgo de seguridad. Más información .

Aquí no hay nada que reconfigurar, porque la restricción es de Google y se aplica a todos los sitios. El cliente tiene que abrir su tienda en un navegador normal en lugar del que lleva integrado la aplicación desde la que entró, normalmente mediante el menú Abrir en el navegador de esa aplicación.

Si el usuario cierra One Tap con el botón «X», Google One-Tap dejará de mostrarse durante un tiempo en ese mismo navegador y en el último sitio visitado. Es lo que se llama exponential cool-down. En ese caso puedes borrar todos los datos de aplicación del navegador para restablecerlo. Por ejemplo, en Chrome: F12 > Chrome Developer Tools > Application tab > Clear storage in left tree > Select all data items > click Clear site data

One Tap también permanece oculto en iOS y en Safari a menos que se marque la compatibilidad con ITP en Premium > Google One Tap. Tenga en cuenta que esos navegadores no admiten el inicio de sesión automático ni siquiera con la opción activada.

Shopify rechaza un registro de cliente cuyo teléfono o correo electrónico ya pertenece a otro cliente de la misma tienda, y ese rechazo es lo que ve el cliente. Es un duplicado en su lista de clientes, no un problema de la cuenta social.

Busque en Administrador de Shopify > Clientes al otro cliente que tiene ese teléfono o correo electrónico y combine ambos o vacíe el campo duplicado. Un número de teléfono tiene que ser único en toda la tienda, que es la causa más habitual.

La aplicación escribe hiko.socials como json. Si su tienda ya define ese metafield con otro tipo, Shopify rechaza la escritura y los datos de perfil social se omiten. El inicio de sesión sigue funcionando y el vínculo de la cuenta también se registra; solo se deja intacta la copia del metafield.

Para recuperar los datos, cambie la definición en Administrador de Shopify > Configuración > Datos personalizados > Clientes al tipo JSON, o elimine por completo su definición y deje que la aplicación la cree.

Los datos de redes sociales se guardan en los metafields del cliente en formato JSON. El esquema JSON es:

Ejemplo en liquid para acceder a los datos de redes sociales en los metafields del cliente:

El metafield tiene el espacio de nombres hiko, la clave socials y el tipo json. Los campos presentes dependen de lo que haya devuelto la plataforma social, así que compruebe un campo antes de usarlo.

Configuración > Headless. Las solicitudes se firman con el token de acceso público de Hydrogen de su tienda y, para tiendas React y Hydrogen, existe un paquete de componentes ya preparado: hiko-social-login-react.

Póngase en contacto con soporte para obtener la referencia completa de los endpoints, incluido el procedimiento de firma de las solicitudes.