Drupal no tiene un campo propio para añadir código a toda la web. Para añadir Wawsome, usa el módulo Asset Injector o pide a tu desarrollador que añada el código al tema. Después vacía todas las cachés.
Antes de empezar
- Una cuenta de Wawsome con tu web añadida. Tu código está en el panel: entra en Websites, elige tu web, haz clic en Install Widget y luego en Copy code en la ventana Connect Widget.
- Permisos de administrador para instalar módulos, o un desarrollador que pueda editar tu tema.
Opción 1: el módulo Asset Injector (sin tocar código)
Asset Injector acepta JavaScript, no etiquetas HTML. Así que pegas una versión corta en JavaScript de tu código de Wawsome. Solo necesitas tu clave de API: es el valor que va después de data-api-key= en el código que copiaste.
Citamos los menús tal como aparecen en la administración en inglés. En español cambian un poco de nombre, pero están en el mismo sitio.
- Instala y activa el módulo Asset Injector.
- Ve a Configuration > Development > Asset Injector > JS Injector y añade un injector nuevo.
- Ponle un título, como «Widget de Wawsome».
- Pega este código y cambia YOUR_API_KEY por tu clave:
(function () {
var s = document.createElement('script');
s.src = 'https://loader.wawsome.com';
s.setAttribute('data-api-key', 'YOUR_API_KEY');
s.defer = true;
document.body.appendChild(s);
})();
Deja las condiciones vacías para que se cargue en todas las páginas y haz clic en Save.
Opción 2: añadir el código al tema
Tu desarrollador puede añadir el código de Wawsome al tema, por ejemplo en la plantilla html.html.twig, dentro del head, o como script externo en el archivo libraries del tema. Así el código queda en los archivos del tema, bajo control de versiones.
Comprueba que funciona
Ve a Configuration > Development > Performance y haz clic en Clear all caches. Luego abre tu web en una ventana privada y busca el botón de Wawsome.
No pegues el código en un campo de contenido. Los formatos de texto de Drupal borran las etiquetas script, y no se cargará.
Qué corrige el widget y qué no
- Tus visitantes adaptan el texto, los colores y la navegación a lo que necesitan.
- La IA añade texto alternativo a las imágenes que no lo tienen. Puedes editar cada descripción.
- Tu tema y tu contenido siguen necesitando cuidado. Un escaneo encuentra problemas como etiquetas que faltan o poco contraste en cada página.
Más información: Haz un escaneo gratis · Auditoría de accesibilidad
Preguntas frecuentes sobre accesibilidad en Drupal
¿Puedo añadir el código sin un desarrollador?
Sí, con el módulo Asset Injector y la versión en JavaScript de arriba. Necesitas permisos de administrador para instalar el módulo.
¿Por qué no aparece el widget?
Primero vacía todas las cachés. Si sigue sin aparecer, revisa que tu clave de API sea correcta y que el injector no tenga condiciones que lo oculten.
¿No es Drupal ya accesible?
El núcleo de Drupal apunta a WCAG 2.2 AA, y sus temas por defecto, Olivero y Claro, están pensados para la accesibilidad. Aun así, tu tema, tus módulos y tu contenido pueden añadir problemas. El widget ayuda a tus visitantes a adaptar la página, y un escaneo te muestra qué falta por corregir.
Empieza con Wawsome
Haz que tu web de Drupal sea más fácil de usar para todos tus visitantes. Empieza tu prueba gratis, o reserva una demo y te enseñamos cómo funciona Wawsome.
Empieza tu prueba gratis o reserva una demo (se abre en una pestaña nueva).
Otras guías: Añade Wawsome a cualquier web · Instalar con Google Tag Manager