Build your widget config and export ready-to-paste code.

Choose position, offset, size, accent color, and text-to-speech voice settings. Changes update live in preview, so you can test interactions before copying the generated snippet.

Customize Settings

Adjust values to update preview instantly. Exported code always mirrors your current selections.

Widget Layout

24px
24px
52px

Voice Settings

1.0
1.0

Live Preview

Use the floating widget inside this isolated preview to test behavior before exporting code.

Export Code

Paste this snippet into your site before </body>.

Self Host

Download your customized widget file, upload it to your website, then add this script tag before </body>.

<script src="./accessible-web-widget.custom.min.js"></script>