> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

| Tipo de activador | Usa este valor |
| ---- |
| Enlace de navegación o en línea | `#triggerPandectesA11y` |
| Botón o elemento HTML personalizado | `id="triggerPandectesA11y"` |

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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/untitled-design-4_e271a9.jpg =900x310)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/3_1s6c6gd.jpg =900x310)

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/2_1o1ppzo.jpg =900x310)

### Paso 3: Configura el enlace del menú

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

| Campo | Valor |
| ---- |
| **Name** | `Web Accessibility` |
| **Link** | `#triggerPandectesA11y` |

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/1_1x3wdat.jpg =900x310)

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/4_1umdifi.jpg =900x310)

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