Introducción
Gracias a las extensiones Loyoly, tus clientes disponen de un espacio personalizado directamente en su cuenta. Desde su conexión, pueden consultar sus recompensas, seguir su número de puntos y acceder a su enlace de referencia.
Todo está pensado para ofrecerles una experiencia sencilla, clara y adaptada a cada uno.
Las extensiones disponibles
Tres extensiones están disponibles para enriquecer el espacio:
Loyoly - Account Loyalty: el seguimiento de los puntos y del nivel de fidelidad.
Loyoly - Account Rewards: el acceso a las recompensas disponibles.
Loyoly - Account Referral: el compartir del enlace de referencia personal.
¿Cómo instalar las extensiones?
Antes de instalar las extensiones Loyoly en las nuevas cuentas de cliente Shopify, se recomienda crear una página dedicada en la pestaña cuenta de cliente.
Esto permite a tus usuarios tener, desde su conexión, una visión clara de su programa: sus puntos, sus recompensas y su enlace de referencia.
Paso 1: Crear una plantilla en Shopify
Ve a Online Store → Customize.
Home page → Pages
Crea una nueva plantilla.
Dale un nombre (ej.: "fidelidad")
Paso 2: Integrar tu extensión de cuenta de cliente
Después de crear tu plantilla de página, te aconsejo volver a la página de inicio.
En Customize, selecciona Home page -> Checkout & Customer Account, luego Profile.
En la pestaña Sections.
Haz clic en Add app block.
Los bloques se posicionan automáticamente.
Paso 3: Referenciar la página
Ve a Pages.
Haz clic en el nombre de la página correspondiente.
Abajo a la derecha, asóciala a la plantilla que acabas de crear, indicando el nombre de la página en Shopify.
Paso 4: Añadir la página al menú principal de la cuenta de cliente
Para hacer la página accesible en tu sitio:
Ve a Content → Menus → Customer account main menu.
Haz clic en Add menu item, luego rellena:
El nombre que aparecerá en el espacio cliente,
La página (selecciona el perfil cliente).
Guarda tus modificaciones.
Personalizar tus extensiones
Tienes la posibilidad de personalizar cada extensión. Una vez integrada la extensión, puedes hacer clic sobre ella para adaptarla al tono y a la identidad de tu marca.
Los enlaces «Redeem» o «See more» no se leen
En la extensión Loyoly - Account Rewards, los enlaces («Redeem» debajo de cada recompensa, «See more» junto al título de la sección) usan el color de acento de tu tienda Shopify. Este color no se configura en Loyoly, sino en el editor de checkout y cuentas de cliente de Shopify. Si se parece al color de fondo de las tarjetas, los enlaces dejan de leerse.
Para cambiarlo:
En el admin de Shopify, ve a Settings → Checkout.
En la sección Configurations, haz clic en Edit junto a tu configuración.
En el editor, haz clic en el icono de engranaje para abrir la barra Settings.
En la sección Accent and buttons, haz clic en la muestra de color junto a Accent (no Button). Elige un color que contraste con el fondo de las tarjetas o introduce su código hexadecimal.
Haz clic en Save.
⚠️ El color que hay que cambiar es Accent. El color Button, justo al lado, solo cambia los botones y no afecta a los enlaces «Redeem» y «See more».
⚠️ El color que hay que cambiar es Accent. El color Button, justo al lado, solo cambia los botones y no afecta a los enlaces «Redeem» y «See more».
💡 El cambio solo se aplica a la configuración que estás editando. Si tienes varias configuraciones (por ejemplo, una por mercado), repite los pasos en cada una.
Eliminar tu extensión
Si deseas eliminar tu extensión, es directamente abajo en la página de personalización.
📝 Nota:
Si las extensiones no aparecen enseguida en Shopify.
Guarda tus modificaciones y luego conéctate a tu cuenta en tu sitio.