HIKO Social Login

Ihr Shop verwendet derzeit keine klassischen Kundenkonten und ist damit nicht mit dieser App kompatibel.

Nicht-klassische Kundenkonten verwenden ein völlig anderes Authentifizierungssystem, das Drittanbieter-Apps keine Anpassung des Login-Erlebnisses erlaubt. Aufgrund dieser technischen Einschränkung stehen Funktionen wie Social Login, eigene Registrierungsfelder und die Anpassung der Login-Seite nur mit klassischen Kundenkonten zur Verfügung. Mehr dazu in der offiziellen Shopify-Dokumentation.

Neue Kundenkonten melden sich mit einem per E-Mail versandten Einmalcode an und bieten Drittanbieter-Apps keine Möglichkeit, eine Anmeldung abzuschließen; Social Login lässt sich darauf daher nicht anbieten. Über Shopify-Verwaltung > Einstellungen > Kundenkonten stellen Sie das klassische Anmeldeformular wieder her, und die App funktioniert sofort. Ihre Kunden und deren Bestellungen sind von der Umstellung nicht betroffen.

Wenn Sie bei neuen Kundenkonten bleiben müssen, lässt sich die App weiterhin in einem Headless-Shop nutzen, in dem Ihr eigener Code den Anmeldeschritt steuert.

Die App unterstützt den Shopify-Starter-Tarif nicht, da dieser Tarif keine Kundenkonten-Funktion bietet.

Die automatische Installation passt nicht zu jedem Theme. In diesem Fall müssen die Tags manuell an der richtigen Stelle in den Theme-Templates eingefügt werden:

Optionale Attribute am Container:

• type: register oder login, legt fest, ob der Block die Registrierungs- oder die Anmeldeschaltflächen darstellt.
• ignore: überspringt das automatische Layout und behält Ihre eigenen Styles und Markup.
• register_tag: der Wert wird als Tag an jedem Kunden gesetzt, der sich über diesen Block registriert, so lassen sich Anmeldungen von verschiedenen Seiten unterscheiden.

App-Verwaltung > Logo-Farbe > Reihenfolge , klicken Sie auf die Pfeile nach oben und unten

In manchen Themes ist das Login-Formular so breit, dass die Login-Buttons im Block mitgedehnt werden. Die Breite lässt sich per CSS anpassen, zum Beispiel:

Meldet sich ein Kunde über ein Social-Media-Konto an, setzt die App sein Passwort auf eine zufällig erzeugte Zeichenfolge zurück – es sei denn, das Multipass-Protokoll von Shopify ist aktiviert. Um wieder ein Passwort zu erhalten, kann der Kunde die Funktion „Passwort vergessen“ nutzen. Die App speichert, protokolliert oder zeigt diese Zeichenfolge zu keinem Zeitpunkt an. Mit dem Multipass-Protokoll meldet sich der Kunde über ein mit dem Multipass-Secret verschlüsseltes Login-Token an. Multipass steht nur im Shopify-Plus-Tarif zur Verfügung.

Multipass wird unter Premium > Multipass mit dem Secret aus Shopify-Verwaltung > Einstellungen > Kundenkonten aktiviert. Damit übergibt die App Shopify ein signiertes Anmelde-Token statt eines Passworts, das eigene Passwort des Kunden wird also nie angetastet. Multipass ist nur mit Shopify Plus verfügbar.

Premium > Google One Tap. One Tap zeigt in Ihrem Shop eine Google-Kontoauswahl, ohne dass der Kunde etwas anklicken muss, und erscheint daher nur bei Besuchern, die bereits bei Google angemeldet sind.

Wenn Sie einen eigenen Google-API-Schlüssel verwenden, muss die Domain Ihres Shops in der Google Cloud Console als autorisierter JavaScript-Origin eingetragen sein. Fehlt sie, lehnt Google die Anfrage mit origin_mismatch ab und es wird gar nichts angezeigt, ohne sichtbare Fehlermeldung auf der Seite.

Ja, Sie können es hier deaktivieren: Onlineshop > Einstellungen > Spam-Schutz > Häkchen bei hCaptcha auf den Seiten für Anmeldung, Kontoerstellung und Passwort-Wiederherstellung aktivieren entfernen

Sie müssen es nicht abschalten. Die App durchläuft vor dem Absenden des Anmeldeformulars Shopifys eigenen Captcha-Schutz, Social Login funktioniert also auch mit aktiviertem hCaptcha. Das Abschalten ist eine Entscheidung über die Reibung beim Anmelden, keine Voraussetzung dieser App.

Diese App fordert Zugriff auf E-Mail-Adresse, Vorname, Nachname, Telefonnummer und Marketing-Einwilligung Ihrer Kunden an.

Die Social-Profildaten landen in den Kunden-metafields Ihres eigenen Shops, nicht in einer Kopie auf unserer Seite. Unser Server behält nur, was für den Betrieb der Anmeldung nötig ist: die Einstellungen Ihres Shops, die Verknüpfung zwischen einem Social-Media-Konto und einem Shopify-Kunden sowie die Protokollierung, zu der wir verpflichtet sind. Mit der Deinstallation wird all das entfernt.

Aus Shopify wird nichts entfernt. Die Social-Profildaten, die diese App schreibt, liegen im metafield hiko.socials des jeweiligen Kunden und gehören Ihrem Shop. Ihre Kunden, deren Bestellungen und dieses metafield bleiben also unverändert.

Auf unserer Seite entfernt die Deinstallation die Einstellungen Ihres Shops und die Verknüpfungen zu Social-Media-Konten von unserem Server; gleichzeitig entzieht Shopify der App den Zugriff auf Ihren Shop. Erhalten bleibt nur die Protokollierung, zu der wir verpflichtet sind.

Damit Name und Logo Ihres Shops auf dem Zustimmungsbildschirm des Social Logins erscheinen, müssen Sie eine eigene App bei der Social-Media-Plattform registrieren und freigeben lassen. Nach der Freigabe tragen Sie API-Key und Secret in unserer App ein: Professional > Eigene API-Schlüssel. Den Authentifizierungsablauf übernimmt diese App für Sie. Weitere Details finden Sie im Industriestandard OAuth2.

Um den Social Login zu aktivieren, müssen Sie für Ihren Shop eine Anwendung auf der Social-Media-Plattform registrieren. Dazu gehört, den Nutzungsbedingungen zuzustimmen und die erforderlichen Berechtigungen zu beantragen. Nach der Freigabe stellt die Plattform einen API-Key und ein Secret bereit. Meldet sich ein Kunde mit seinem Social-Media-Konto an, wird er zur Prüfung und Zustimmung an den Autorisierungsserver der Plattform weitergeleitet. Dieser zeigt Namen und Bedingungen Ihres Shops sowie die angeforderten Berechtigungen zur Bestätigung an.



Nachfolgend die Referenzen aller Social-Media-Plattformen:

Kunden, die sich mit Apple anmelden, können ihre E-Mail-Adresse verbergen. Wählen sie hide, erzeugt Apple eine eindeutige Zufallsadresse, damit die persönliche E-Mail-Adresse privat bleibt. Die Domain der erzeugten Adresse lautet privaterelay.appleid.com. Über den privaten E-Mail-Relay-Dienst von Apple können Sie weiterhin Nachrichten an diese Kunden senden und von ihnen empfangen.

Ja. Amazon betreibt drei Regionen: Nordamerika (amazon.com), Europa (amazon.co.uk) und Fernost (amazon.co.jp). Jede Region führt die Kundenkonten getrennt. Für Ihren Shop wählen Sie eine der drei Regionen unter Professional > Eigene API-Schlüssel > Amazon > .

Nein. Shopify setzt den Abrechnungszyklus der ursprünglichen Installation fort und stellt dem Händler bis zum Ende dieses Zyklus nichts in Rechnung.

Der Tarif wird bei jedem Öffnen der App aus dem aktiven Abonnement Ihres Shops bei Shopify gelesen und folgt damit der Shopify-Abrechnung, nicht einer Kopie auf unserer Seite. Laden Sie die Seite nach jeder Änderung unter Abonnement neu.

Sieht es weiterhin falsch aus, ist die von Shopify erfasste aktive Abbuchung maßgeblich. Senden Sie uns einen Screenshot von Abonnement, und wir vergleichen ihn mit dem Eintrag bei Shopify.

Google unterstützt seit dem 30. September 2021 keine eingebetteten WebViews und unbekannten Browser mehr für Logins. Eingebettete WebViews sind Browser innerhalb von Mobil-Apps: Öffnet ein Kunde einen Shop-Link zum Beispiel aus Facebook heraus, startet der Browser von Facebook und nicht Chrome oder Safari. Google stuft WebViews von Drittanbietern als Sicherheitsrisiko ein. Mehr Details .

Hier lässt sich nichts umkonfigurieren, denn die Einschränkung kommt von Google und gilt für jede Website. Der Kunde muss Ihren Shop in einem normalen Browser öffnen statt in dem, der in der App eingebaut ist, aus der er kam, in der Regel über das Menü Im Browser öffnen dieser App.

Schließt der Nutzer One Tap über das „X“, wird Google One-Tap für eine Weile im selben Browser bzw. auf der zuletzt besuchten Website nicht mehr angezeigt. Das nennt sich Exponential Cool-down. In diesem Fall können Sie alle Anwendungsdaten des Browsers löschen, um es zurückzusetzen. Beispiel für Chrome: F12 > Chrome Developer Tools > Application tab > Clear storage in left tree > Select all data items > click Clear site data

One Tap wird außerdem unter iOS und in Safari nicht angezeigt, solange die ITP-Unterstützung unter Premium > Google One Tap nicht angehakt ist. Beachten Sie, dass diese Browser auch dann keine automatische Anmeldung unterstützen.

Shopify weist einen Kundendatensatz ab, dessen Telefonnummer oder E-Mail-Adresse bereits einem anderen Kunden im selben Shop gehört; genau diese Ablehnung sieht der Kunde. Es handelt sich um eine Dublette in Ihrer Kundenliste, nicht um ein Problem mit dem Social-Media-Konto.

Suchen Sie unter Shopify-Verwaltung > Kunden den anderen Kunden mit dieser Telefonnummer oder E-Mail-Adresse und führen Sie die beiden zusammen oder leeren Sie das doppelte Feld. Eine Telefonnummer muss im gesamten Shop eindeutig sein, was die häufigste Ursache ist.

Die App schreibt hiko.socials als json. Ist dieses metafield in Ihrem Shop bereits mit einem anderen Typ definiert, lehnt Shopify den Schreibvorgang ab und die Social-Profildaten werden übersprungen. Die Anmeldung funktioniert weiterhin und die Kontoverknüpfung wird ebenfalls gespeichert, nur die Kopie im metafield bleibt unberührt.

Damit die Daten wieder geschrieben werden, ändern Sie die Definition unter Shopify-Verwaltung > Einstellungen > Eigene Daten > Kunden auf den Typ JSON oder entfernen Sie Ihre Definition ganz und lassen die App sie anlegen.

Die Daten aus den sozialen Medien liegen im JSON-Format in den Kunden-Metafields. Das JSON-Schema lautet:

Ein liquid-Beispiel für den Zugriff auf die Social-Media-Daten in den Kunden-Metafields:

Das metafield hat den Namespace hiko, den Key socials und den Typ json. Welche Felder vorhanden sind, hängt davon ab, was die Social-Media-Plattform zurückgegeben hat, prüfen Sie ein Feld also, bevor Sie es verwenden.

Einstellungen > Headless. Anfragen werden mit dem öffentlichen Hydrogen-Zugriffstoken Ihres Shops signiert; für React- und Hydrogen-Shops gibt es das fertige Komponentenpaket hiko-social-login-react.

Die vollständige Endpunkt-Referenz samt Signaturverfahren erhalten Sie über den Support.