Widget appearance
Use Project Settings → Widget → Appearance to match the reporting experience to your product. The live preview shows draft changes; select Save changes to publish them. Appearance does not change the destination project.
Choose a launcher
| Style | Use it when | Behavior |
|---|---|---|
| Floating button | You want an always-available action | Floats at the configured edge and height. |
| Edge tab | Space is tight or a persistent label helps | Sits compactly against the selected edge. |
| Inline | The action belongs in your header, menu, or help area | Renders inside a markup placeholder. |
| Hidden | Your product already has a feedback action | Shows no Toado launcher; your UI opens the dialog. |
Floating button
Edge tab
Inline launcher
Install the script, choose Inline, and add this where the button should render:
<span data-toado-launcher></span>Toado adds its own child without replacing existing host content. You can use multiple placeholders on one page.
Hidden launcher
Choose Hidden, then connect your own button to the supported public method:
window.Toado.open();Load the Toado script before invoking it. Do not depend on other loader methods unless Toado documents them as public.
Position, dragging, and mobile
Floating buttons and edge tabs can start at the top, middle, or bottom on either side. Configure edge distance and whether visitors can drag them. Toado remembers a visitor’s position on that device; changing the configured start position resets saved positions.
Inline and Hidden launchers do not use floating-position controls. Use Show on mobile to control visible launchers at narrow widths.
Icon and label
Choose the Toado icon, an emoji, an external URL, an uploaded PNG/SVG (up to 512 KB), or no icon where offered. Keep labels short and action-oriented.
- Give icon-only controls an understandable accessible label.
- Keep the default touch-target size or larger.
- Check contrast in light and dark modes.
- Avoid cookie controls, chat buttons, checkout actions, and mobile navigation.
Dialog and theme
Modal centers the form. Panel pins it beside the launcher so more page context remains visible. Test both on narrow screens and pages with fixed overlays.
Configure colors, radius, and light/dark behavior. Style from my site proposes a theme from a URL; review contrast, focus states, readability, and dark mode before applying and saving it.
Customize the title, intro text, email collection (Optional, Required, or Do not ask), custom questions, submit label, and success message. Ask only for data that changes triage. Widget Studio’s current field types and limits are authoritative.
Team-mode quick capture
With Team mode on, launcher clicks can hand off directly to Toado and you can configure a capture shortcut. This path is for your own signed-in Toado users. See Widget capture.