Cómo abrir Accessibility desde un enlace con un activador personalizado

Descripción general

Esta guía explica cómo permitir que los visitantes abran el cuadro de diálogo de web accessibility de Pandectes desde un enlace, elemento de menú, botón o elemento del tema personalizado.

Esto es útil cuando quieres añadir un enlace de Web Accessibility al pie de página, a la cabecera o a otra zona visible de tu tienda.

Cuando Enable custom trigger está activado, el lanzador flotante de accesibilidad predeterminado se oculta. Los visitantes abrirán el cuadro de diálogo de accesibilidad únicamente mediante el activador personalizado que configures.

Cómo funciona el activador personalizado

Pandectes escucha el nombre de activador:

triggerPandectesA11y

Puedes usarlo de dos maneras:

Cuando los visitantes hacen clic en el enlace o elemento, se abre el cuadro de diálogo de web accessibility.

Paso 1: Activa el activador personalizado

Primero, activa la opción dentro de la app de Pandectes.

Ve a Web Accessibility > Widget, abre la sección Trigger y activa Enable custom trigger.

Una vez activada esta opción:

• El icono flotante del widget de accesibilidad se oculta.
• Los visitantes solo pueden abrir el cuadro de diálogo desde tu enlace o elemento personalizado.
• Puedes usar como activador un enlace de menú, un enlace en línea, un botón o un elemento HTML personalizado.

Paso 2: Añade el enlace a tu menú de Shopify

Ahora añade un elemento de menú a la navegación de tu tienda.

1. Inicia sesión en tu Shopify admin.
2. Ve a Content > Menus.
3. Selecciona el menú donde quieres añadir el enlace, como Footer.
4. Haz clic en Add menu item.

Paso 3: Configura el enlace del menú

Al crear el elemento de menú, usa los siguientes valores:

Si lo necesitas, puedes usar otra etiqueta en el campo Name.

Haz clic en Add y luego en Save para actualizar el menú.

Opcional: usa un botón o un elemento HTML personalizado

Si añades tu propio botón o control personalizado en el tema, usa el mismo activador como ID de elemento.

Ejemplo:

<button type="button" id="triggerPandectesA11y">Web Accessibility</button>

Usa:

• #triggerPandectesA11y para enlaces
• id="triggerPandectesA11y" para botones o elementos HTML personalizados

Ambos métodos abren el mismo cuadro de diálogo de accesibilidad.

Paso 4: Prueba el activador

Abre tu tienda y haz clic en el nuevo enlace de menú o en el botón personalizado.

El cuadro de diálogo de web accessibility debería abrirse y permitir a los visitantes:

• Activar funciones de accesibilidad
• Activar perfiles de accesibilidad
• Cambiar las opciones de idioma

Notas

• Cuando Enable custom trigger está activo, el lanzador flotante de accesibilidad predeterminado se oculta.
• Asegúrate de que el enlace o botón personalizado sea visible y fácil de encontrar.
• Añade el activador al pie de página o a la cabecera si quieres que los visitantes puedan abrir las opciones de accesibilidad desde cualquier página.
• Si el cuadro de diálogo no se abre, confirma que el valor del activador está escrito exactamente como triggerPandectesA11y.

Resumen

Para abrir el cuadro de diálogo de web accessibility desde tu propio enlace o botón, activa Enable custom trigger y luego añade un enlace con #triggerPandectesA11y o un elemento con id="triggerPandectesA11y". Los visitantes podrán entonces abrir el cuadro de diálogo de accesibilidad desde el control que hayas añadido.

Actualizado el: 19/10/2026