Dit artikel gaat over shopleden: klanten die een klantaccount in je shop hebben aangemaakt. Klanten die hebben besteld zonder een account aan te maken, hebben geen wachtwoord. Voor hen geldt dit dus niet.

Een lidmaatschapsaccount kost je klanten niets. Het aanmaken ervan is gratis.

Heb je in ShopFactory Services > Set up Customer Membership Accounts aangezet, dan staat er al een inlogknop in het hoofdmenu van je shop. Met die knop kan een lid inloggen, maar het wachtwoord wijzigen kan er niet mee. Het script in dit artikel voegt een tweede knop toe die dat wel kan.

Wat de nieuwe knop doet

• Een lid klikt op de knop en er opent een inlogvenster.
• Leden loggen in met het e-mailadres en het wachtwoord die ze al in je shop gebruiken.
• Op die pagina kunnen ze hun gegevens wijzigen en een nieuw wachtwoord instellen.
• Op dezelfde pagina kunnen ze hun bestellingen volgen.

Voordat je begint

Klantlidmaatschap moet in je shop aanstaan. Open in ShopFactory het menu Services en vink Set up Customer Membership Accounts aan.

De volledige instelling staat in Instellingen voor klantlidmaatschap in ShopFactory.

Stap 1: maak een pagina voor de knop

Je kunt de knop op een bestaande pagina zetten. De meeste shopeigenaren maken er een nieuwe pagina voor.

1. Open je shop in ShopFactory.
2. Klik in het linkermenu op de plek waar je de pagina wilt: Navigation 1, Navigation 2 of Unlisted Pages.
3. Klik op + Page of druk op F8 en geef de pagina een titel, bijvoorbeeld "Mijn account".
4. Zorg dat de pagina op zichtbaar staat en niet verborgen is.

Een pagina onder Unlisted Pages verschijnt niet in je menu's. Je linkt er dan zelf naartoe vanaf de plek die je wilt. Zie Hoe maak ik pagina's die geen deel uitmaken van Navigation 1 en 2?

Stap 2: zet het script op die pagina

1. Dubbelklik in het linkermenu op de pagina om de Page Properties te openen.
2. Klik in het linkermenu van dat venster op Add Custom Contents (in sommige versies Custom Contents).
3. Klik op de knop + om een blok toe te voegen. Het venster Custom Contents opent.
4. Typ bij Enter an identification name een naam die je later herkent, bijvoorbeeld "Member login".
5. Plak onder Enter contents het hele script dat onderaan dit artikel staat.
6. Vink "Field contains Javascript code" aan. Zonder dat vinkje werkt de knop niet. Het vinkje vertelt ShopFactory dat het blok een script bevat, zodat het met rust wordt gelaten terwijl je je shop bewerkt. Daar dienen de SFNOTE-regels in het script voor.
7. Kies bij Set Location Area 3 of Area 4, zodat de knop in de inhoud van de pagina verschijnt.
8. Klik op OK en nog een keer op OK om de Page Properties te sluiten.

De algemene stappen voor eigen HTML staan in Eigen HTML-code toevoegen aan een pagina of aan de hele website.

Stap 3: zet je eigen domein in het script

In het script staat een regel die je moet aanpassen:

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

Vervang yourdomain.com door het domein waarop je shop is gepubliceerd, zonder https:// ervoor. Staat je shop op https://www.myshop.com, dan wordt de regel:

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

Verder hoef je niets in het script te wijzigen. Het domein vertelt de inlogpagina bij welke shop het lid hoort.

Stap 4: opslaan, publiceren en testen

De knop werkt alleen op een gepubliceerde shop. In de preview van ShopFactory krijg je de melding dat de shop eerst gepubliceerd moet worden. Dat is normaal. Sla je shop op, publiceer hem en open daarna de pagina in je browser. Probeer het met een eigen lidmaatschapsaccount.

Het script

Kopieer alles hieronder, van de eerste regel tot en met de laatste.

<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>

Gerelateerde artikelen

• Instellingen voor klantlidmaatschap in ShopFactory
• Hoe maak ik pagina's die geen deel uitmaken van Navigation 1 en 2?
• Eigen HTML-code toevoegen aan een pagina of aan de hele website