Questo articolo riguarda i membri del negozio: i clienti che hanno creato un account cliente nel suo negozio. I clienti che hanno ordinato senza creare un account non hanno una password, quindi per loro tutto questo non vale.

Un account di iscrizione non costa nulla ai suoi clienti. Crearlo è gratuito.

Se ha attivato Services > Set up Customer Membership Accounts in ShopFactory, il suo negozio mostra già un pulsante di accesso nel menu principale. Con quel pulsante un membro può accedere, ma non può cambiare la password. Lo script di questo articolo aggiunge un secondo pulsante che lo consente.

Che cosa fa il nuovo pulsante

• Un membro fa clic sul pulsante e si apre una finestra di accesso.
• Accede con l'indirizzo e-mail e la password che usa già nel suo negozio.
• Su quella pagina può modificare i propri dati e impostare una nuova password.
• La stessa pagina gli permette di seguire i propri ordini.

Prima di iniziare

L'iscrizione clienti deve essere attiva nel suo negozio. In ShopFactory apra il menu Services e spunti Set up Customer Membership Accounts.

La configurazione completa è descritta in Impostazioni di iscrizione clienti in ShopFactory.

Passo 1: crei una pagina per il pulsante

Può mettere il pulsante su una pagina che ha già. La maggior parte dei commercianti crea una nuova pagina.

1. Apra il suo negozio in ShopFactory.
2. Nel menu ad albero a sinistra faccia clic dove vuole la pagina: Navigation 1, Navigation 2 oppure Unlisted Pages.
3. Faccia clic su + Page oppure prema F8 e dia un titolo alla pagina, per esempio "Il mio account".
4. Si assicuri che la pagina sia impostata come visibile e non nascosta.

Una pagina sotto Unlisted Pages non compare nei menu. Il collegamento lo inserisce lei, dal punto che preferisce. Veda Come creo pagine che non fanno parte di Navigation 1 e 2?

Passo 2: aggiunga lo script a quella pagina

1. Faccia doppio clic sulla pagina nel menu ad albero a sinistra per aprire le Page Properties.
2. Nel menu a sinistra di quella finestra faccia clic su Add Custom Contents (in alcune versioni Custom Contents).
3. Faccia clic sul pulsante + per aggiungere un blocco. Si apre la finestra Custom Contents.
4. In Enter an identification name scriva un nome che riconoscerà in seguito, per esempio "Member login".
5. Sotto Enter contents incolli tutto lo script che si trova in fondo a questo articolo.
6. Spunti "Field contains Javascript code". Senza quella spunta il pulsante non funziona. La spunta dice a ShopFactory che il blocco contiene uno script, così non viene eseguito mentre lei modifica il negozio. A questo servono le righe SFNOTE nello script.
7. In Set Location scelga Area 3 oppure Area 4, così il pulsante compare nel contenuto della pagina.
8. Faccia clic su OK e di nuovo su OK per chiudere le Page Properties.

I passaggi generali per l'HTML personalizzato sono descritti in Aggiungere codice HTML personalizzato a una pagina o a tutto il sito.

Passo 3: inserisca il suo dominio nello script

Nello script c'è una riga da modificare:

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

Sostituisca yourdomain.com con il dominio su cui è pubblicato il suo negozio, senza https:// davanti. Se il negozio si trova su https://www.myshop.com, la riga diventa:

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

Nello script non serve cambiare altro. Il dominio dice alla pagina di accesso a quale negozio appartiene il membro.

Passo 4: salvi, pubblichi e provi

Il pulsante funziona solo su un negozio pubblicato. Nell'anteprima di ShopFactory comparirà un messaggio che dice che il negozio va prima pubblicato, ed è normale. Salvi il negozio, lo pubblichi, poi apra la pagina nel browser e provi con un suo account di membro.

Lo script

Copi tutto quello che segue, dalla prima all'ultima riga.

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

Articoli correlati

• Impostazioni di iscrizione clienti in ShopFactory
• Come creo pagine che non fanno parte di Navigation 1 e 2?
• Aggiungere codice HTML personalizzato a una pagina o a tutto il sito