Este artículo trata de los miembros de la tienda: los clientes que han creado una cuenta de cliente en su tienda. Los clientes que han pedido sin crear una cuenta no tienen contraseña, así que nada de esto les afecta.

Una cuenta de miembro no le cuesta nada a sus clientes. Crearla es gratis.

Si ha activado Services > Set up Customer Membership Accounts en ShopFactory, su tienda ya muestra un botón de inicio de sesión en el menú principal. Con ese botón un miembro puede iniciar sesión, pero no puede cambiar su contraseña. El script de este artículo añade un segundo botón que sí lo permite.

Qué hace el nuevo botón

• Un miembro hace clic en el botón y se abre una ventana de inicio de sesión.
• Inicia sesión con la dirección de correo y la contraseña que ya usa en su tienda.
• En esa página puede cambiar sus datos y establecer una contraseña nueva.
• La misma página le permite seguir sus pedidos.

Antes de empezar

La membresía de clientes debe estar activada en su tienda. En ShopFactory, abra el menú Services y marque Set up Customer Membership Accounts.

La configuración completa se describe en Ajustes de membresía de clientes en ShopFactory.

Paso 1: cree una página para el botón

Puede poner el botón en una página que ya tenga. La mayoría de los comerciantes crean una página nueva para ello.

1. Abra su tienda en ShopFactory.
2. En el árbol de la izquierda, haga clic en el lugar donde quiere la página: Navigation 1, Navigation 2 o Unlisted Pages.
3. Haga clic en + Page o pulse F8 y dé un título a la página, por ejemplo "Mi cuenta".
4. Asegúrese de que la página esté marcada como visible y no oculta.

Una página en Unlisted Pages no aparece en sus menús. El enlace lo pone usted, desde donde prefiera. Consulte ¿Cómo creo páginas que no forman parte de Navigation 1 y 2?

Paso 2: añada el script a esa página

1. Haga doble clic en la página en el árbol de la izquierda para abrir las Page Properties.
2. En el menú izquierdo de esa ventana, haga clic en Add Custom Contents (Custom Contents en algunas versiones).
3. Haga clic en el botón + para añadir un bloque. Se abre la ventana Custom Contents.
4. En Enter an identification name, escriba un nombre que reconozca más adelante, por ejemplo "Member login".
5. Debajo de Enter contents, pegue todo el script que hay al final de este artículo.
6. Marque "Field contains Javascript code". Sin esa casilla el botón no funciona. La casilla le dice a ShopFactory que el bloque contiene un script, para que no se ejecute mientras usted edita su tienda. Para eso están las líneas SFNOTE del script.
7. En Set Location, elija Area 3 o Area 4, para que el botón aparezca en el contenido de la página.
8. Haga clic en OK y otra vez en OK para cerrar las Page Properties.

Los pasos generales para el HTML personalizado se describen en Añadir código HTML personalizado a una página o a todo el sitio web.

Paso 3: ponga su propio dominio en el script

El script contiene una línea que debe editar:

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

Sustituya yourdomain.com por el dominio en el que está publicada su tienda, sin https:// delante. Si su tienda está en https://www.myshop.com, la línea queda así:

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

No hace falta cambiar nada más en el script. El dominio le indica a la página de inicio de sesión a qué tienda pertenece el miembro.

Paso 4: guarde, publique y pruebe

El botón solo funciona en una tienda publicada. En la vista previa de ShopFactory verá un mensaje que dice que la tienda debe publicarse primero, lo cual es normal. Guarde su tienda, publíquela y luego abra la página en su navegador y pruébelo con una cuenta de miembro propia.

El script

Copie todo lo que aparece debajo, de la primera línea a la última.

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

Artículos relacionados

• Ajustes de membresía de clientes en ShopFactory
• ¿Cómo creo páginas que no forman parte de Navigation 1 y 2?
• Añadir código HTML personalizado a una página o a todo el sitio web