Dieser Artikel betrifft Shop-Mitglieder: Kunden, die in Ihrem Shop ein Kundenkonto angelegt haben. Kunden, die ohne Konto bestellt haben, besitzen kein Passwort. Für sie gilt das hier also nicht.

Ein Mitgliedskonto kostet Ihre Kunden nichts. Das Anlegen ist kostenlos.

Wenn Sie in ShopFactory Services > Set up Customer Membership Accounts eingeschaltet haben, zeigt Ihr Shop im Hauptmenü bereits eine Login-Schaltfläche. Damit kann sich ein Mitglied anmelden, das Passwort ändern kann es damit aber nicht. Das Skript in diesem Artikel fügt eine zweite Schaltfläche hinzu, die genau das ermöglicht.

Was die neue Schaltfläche tut

• Ein Mitglied klickt auf die Schaltfläche, und ein Anmeldefenster öffnet sich.
• Es meldet sich mit der E-Mail-Adresse und dem Passwort an, die es in Ihrem Shop bereits verwendet.
• Auf dieser Seite kann es seine Daten ändern und ein neues Passwort festlegen.
• Auf derselben Seite kann es seine Bestellungen verfolgen.

Bevor Sie beginnen

Die Kundenmitgliedschaft muss in Ihrem Shop eingeschaltet sein. Öffnen Sie in ShopFactory das Menü Services und setzen Sie den Haken bei Set up Customer Membership Accounts.

Die vollständige Einrichtung beschreibt Einstellungen für die Kundenmitgliedschaft in ShopFactory.

Schritt 1: Legen Sie eine Seite für die Schaltfläche an

Sie können die Schaltfläche auf eine vorhandene Seite setzen. Die meisten Händler legen dafür eine neue Seite an.

1. Öffnen Sie Ihren Shop in ShopFactory.
2. Klicken Sie im linken Baummenü auf die Stelle, an der Sie die Seite haben möchten: Navigation 1, Navigation 2 oder Unlisted Pages.
3. Klicken Sie auf + Page oder drücken Sie F8 und geben Sie der Seite einen Titel, zum Beispiel "Mein Konto".
4. Achten Sie darauf, dass die Seite auf sichtbar steht und nicht ausgeblendet ist.

Eine Seite unter Unlisted Pages erscheint nicht in Ihren Menüs. Sie verlinken sie dann selbst von der Stelle aus, die Sie möchten. Siehe Wie erstelle ich Seiten, die nicht zu Navigation 1 und 2 gehören?

Schritt 2: Fügen Sie das Skript auf dieser Seite ein

1. Doppelklicken Sie im linken Baummenü auf die Seite, um die Page Properties zu öffnen.
2. Klicken Sie im linken Menü dieses Fensters auf Add Custom Contents (in manchen Versionen Custom Contents).
3. Klicken Sie auf die Schaltfläche +, um einen Block hinzuzufügen. Das Fenster Custom Contents öffnet sich.
4. Geben Sie bei Enter an identification name einen Namen ein, den Sie später wiedererkennen, zum Beispiel "Member login".
5. Fügen Sie unter Enter contents das gesamte Skript vom Ende dieses Artikels ein.
6. Setzen Sie den Haken bei "Field contains Javascript code". Ohne diesen Haken funktioniert die Schaltfläche nicht. Der Haken sagt ShopFactory, dass der Block ein Skript enthält, damit es während der Bearbeitung Ihres Shops nicht ausgeführt wird. Dafür sind die SFNOTE-Zeilen im Skript da.
7. Wählen Sie bei Set Location Area 3 oder Area 4, damit die Schaltfläche im Inhalt der Seite erscheint.
8. Klicken Sie auf OK und noch einmal auf OK, um die Page Properties zu schließen.

Die allgemeinen Schritte für eigenen HTML-Code stehen in Eigenen HTML-Code zu einer Seite oder zur gesamten Website hinzufügen.

Schritt 3: Tragen Sie Ihre eigene Domain in das Skript ein

Im Skript gibt es eine Zeile, die Sie anpassen müssen:

var isantuurl='https://i.santu.com/webshop/mylogin.cgi?from=myeditdetails&fromshop=yourdomain.com';

Ersetzen Sie yourdomain.com durch die Domain, unter der Ihr Shop veröffentlicht ist, ohne https:// davor. Liegt Ihr Shop unter https://www.myshop.com, lautet die Zeile:

var isantuurl='https://i.santu.com/webshop/mylogin.cgi?from=myeditdetails&fromshop=www.myshop.com';

Sonst muss am Skript nichts geändert werden. Die Domain sagt der Anmeldeseite, zu welchem Shop das Mitglied gehört.

Schritt 4: Speichern, veröffentlichen und testen

Die Schaltfläche funktioniert nur in einem veröffentlichten Shop. In der Vorschau von ShopFactory erscheint die Meldung, dass der Shop zuerst veröffentlicht werden muss. Das ist normal. Speichern Sie Ihren Shop, veröffentlichen Sie ihn und öffnen Sie die Seite danach im Browser. Testen Sie es mit einem eigenen Mitgliedskonto.

Das Skript

Kopieren Sie alles unten, von der ersten bis zur letzten Zeile.

<a class="GC91 btn-primary btn sf-button" style="border-radius: 50px; color: rgb(0, 0, 0);" href="#" data-role="isantu-button" data-sfcbpermalink="true"><span>Login to track your orders and/or change your details/password</span></a>
<script>
/* SFNOTE_BEGIN:prevent script execution when in editing mode */
if(typeof(tf)!='undefined'&&(typeof(tf.isInSF)=='undefined'||!tf.isInSF())){
/* SFNOTE_END:prevent script execution when in editing mode */

var isantuurl='https://i.santu.com/webshop/mylogin.cgi?from=myeditdetails&fromshop=yourdomain.com';
$('[data-role="isantu-button"][href=#]').on('click', function(e){
  e.preventDefault();
  if(!tf.wm.online){
    alert(LD.LD_SHOP_MUST_BE_PUBLISHED);return false;
  }
  tf.utils.showPopup(isantuurl,0,0,true);
  return false;
});

/* SFNOTE_BEGIN:prevent script execution when in editing mode */
}
/* SFNOTE_END:prevent script execution when in editing mode */
</script>

Verwandte Artikel

• Einstellungen für die Kundenmitgliedschaft in ShopFactory
• Wie erstelle ich Seiten, die nicht zu Navigation 1 und 2 gehören?
• Eigenen HTML-Code zu einer Seite oder zur gesamten Website hinzufügen