Skip to content
Docs
Sign in

Page tools

For developers: let the AI agent act on your website, such as opening forms and adding to the cart, with tools your page defines.

  1. What page tools are and how they work

    Let the AI agent act on your website, not only answer: how a call works, and what visitors and your team see.

  2. Define a page tool

    Every field of a page tool, how to name and describe it so the AI uses it well, and what it can return.

  3. Add page tools to your site

    Working code for the script tag, npm, React and the <web-ai-chat> element, and tools that change per page.

  4. Ask before an action runs

    Have visitors approve an action first, and how Reject, Stop and reloads work.

  5. Turn a form into a page tool

    Add two attributes to a form and the agent can fill it in, and submit it if you allow.

  6. Page tools and WebMCP

    Page tools follow the WebMCP draft standard, and tools you register with the browser work too.

  7. Test and troubleshoot page tools

    A checklist to run before launch, the toolResult event, and fixes for common problems.