Lo que necesitas
Un plan de Squarespace con JavaScript e inyección de código global. La disponibilidad depende de tu plan. En Accessonaut, crea primero un proyecto con el dominio real de tu web y abre en el proyecto la página de instalación.
Paso a paso
- En los ajustes de tu web, abre la sección de inyección de código (Code Injection).
- Pega el código de inserción de Accessonaut en el campo global del pie de página (Footer).
- Guarda el cambio y abre la web pública fuera del editor.
- Revisa varias subpáginas, las vistas móviles y los cambios de página. Elimina, si existe, una inserción anterior duplicada.
Así es la inserción
Usa el código listo de tu proyecto. El ejemplo necesita tu ID de proyecto real y la dirección del servicio accesible públicamente.
<script src="https://accessonaut.com/widget.js"
data-project-id="TU_ID_DE_PROYECTO"
data-language="es" defer></script>Adapta el diseño a tu web
En tu proyecto de Accessonaut, abre «Widget de ayudas de lectura». Cinco plantillas y una vista previa en directo te ayudan con el diseño: colores, tipografías, ancho del menú, esquinas, sombras, icono o botón de apertura con texto y textos propios. La posición y los márgenes se ajustan por separado para escritorio y smartphone. Al guardar, tu código de inserción actual adopta automáticamente el diseño del proyecto; la configuración pública se guarda en caché hasta un minuto.
En el plugin de WordPress puedes elegir ajustes locales en su lugar. Estos tienen prioridad sobre el diseño del proyecto. El diseño está disponible en todos los planes. En el plan Free, el aviso de Accessonaut sigue visible. Los ajustes de lectura personales de tus visitantes tienen prioridad sobre las indicaciones de diseño.
Ten en cuenta
Un bloque de código individual no cubre automáticamente toda la web. Las áreas protegidas y las páginas de pago pueden restringir la inyección de código. Comprueba el alcance real.
Preguntas frecuentes sobre Squarespace
¿Qué planes incluyen la inyección de código?
Según Squarespace, la inyección de código forma parte de los planes Core, Plus y Advanced y de algunos planes antiguos como Business. Si no encuentras la sección, revisa tu plan.
¿Dónde encuentro la inyección de código en las versiones 7.0 y 7.1?
En la versión 7.1, abre el panel de páginas y, abajo, Custom Code → Code Injection. En la versión 7.0, está en Website Tools. El campo Footer se genera en cada página antes de la etiqueta de cierre body.
¿Aparece el widget en el checkout?
No. Squarespace no permite código propio en las páginas de checkout. Solo la confirmación y el estado del pedido tienen campos propios. Por eso, revisa el checkout por separado con el teclado.
¿Qué tiene que ver la carga Ajax con el widget?
Algunas plantillas de la versión 7.0, como Brine, Farro, Tremont o York, cargan las páginas mediante Ajax. Squarespace advierte de que esto puede chocar con el código propio. La versión 7.1 no tiene carga Ajax. Si el widget se comporta de forma extraña al cambiar de página, desactiva «Enable Ajax loading» en Site Styles.
Si algo no funciona
En el editor falta el widget, pero en la web publicada aparece.
Causa: Los scripts de la vista previa del editor están desactivados, por ejemplo con «Disable Scripts in Preview» o con /safe en la dirección del editor.
Solución: Elige «Enable Scripts in Preview». Los visitantes no se ven afectados.
El widget muestra el diseño estándar con el aviso de Accessonaut.
Causa: Estás probando en la dirección de squarespace.com en lugar de en tu propio dominio. Allí el widget no carga la configuración de tu proyecto.
Solución: Revisa la web en el dominio registrado en tu proyecto de Accessonaut.
Quieres quitar el widget.
Causa: El código sigue activo en el campo Footer.
Solución: Bórralo en Code Injection y guarda. Elimina también los bloques de código con el código de inserción en páginas concretas.
Comprueba la instalación
- Abre la web pública en una ventana privada. El widget se muestra exactamente una vez.
- Llega al botón con el teclado. Abre el panel, cambia el tamaño del texto y vuelve a cerrarlo.
- Revisa la página de inicio, una subpágina, un formulario y la vista móvil. El widget no debe tapar ningún control importante.
- En la pestaña Red, comprueba que widget.js y la configuración del proyecto se cargan desde la dirección de tu servicio. Si hay errores, revisa el dominio, el ID del proyecto y la CSP.
- En los proyectos Free, el aviso visible de Accessonaut sigue formando parte del widget. Los permisos dependen de tu proyecto.
Privacidad y límites
Al cargarse, el navegador del visitante obtiene el script y la configuración del proyecto del servicio de Accessonaut. Con ello se tratan la dirección IP, los datos de la solicitud del navegador y el nombre de host de la web. Las preferencias de visualización se guardan localmente en el navegador. Ten en cuenta la integración en tu política de privacidad y revisa tu configuración concreta.
Las ayudas de lectura no garantizan la conformidad. Revisa además las barreras en el código fuente y los recorridos completos de los usuarios, de forma automática y manual.