Eksperimentelt · etter nivå 1

La AI-agenter bruke skjemaene dine (WebMCP)

WebMCP lar besøkendes egen AI-agent i nettleseren bruke skjemaene på nettsiden din: be om tilbud, bestille bord, sende en forespørsel. Du legger til noen få attributter på skjemaene du allerede har. Kunden blir på siden din og bekrefter det siste steget selv.

Når det lønner seg

• Du har allerede en AI-lesbar nettside (nivå 0 og 1) med et tydelig skjema for kontakt, bestilling eller tilbud
• Kundene ber om noe som krever noen detaljer: dato, antall personer, størrelse, adresse
• Du vil at forespørselen skal komme til din egen nettside, ikke via en mellommann

Har du ikke et skjema ennå, begynn med en handlingslenke i AI-visittkortet. Det virker med alle assistenter allerede i dag.

Steg 1: tre attributter på et skjema du allerede har

Gi skjemaet et verktøynavn, beskriv hva det gjør, og beskriv hvert felt. Nettleseren gjør dette om til et verktøy agenten kan se.

<form action="/bestill/" method="post"
      toolname="bestill_kake"
      tooldescription="Be Eksempel Bakeri om en kakebestilling. Bakeriet svarer på e-post innen én arbeidsdag. Ingenting betales her.">
  <label>Kake <input name="kake" required
         toolparamdescription="Type kake, for eksempel bursdagskake eller glutenfri sjokoladekake"></label>
  <label>Personer <input name="personer" type="number" min="1"
         toolparamdescription="Hvor mange personer kaken er til"></label>
  <label>Dato <input name="dato" type="date" required
         toolparamdescription="Dagen kunden vil hente kaken"></label>
  <label>E-post <input name="epost" type="email" required
         toolparamdescription="Hvor bakeriet skal sende svaret"></label>
  <button>Send forespørsel</button>
</form>

Ikke bruk toolautosubmit. Da fyller agenten ut skjemaet, og kunden trykker Send selv. Slik har kunden kontrollen, og du unngår misforståelser.

Steg 2 (valgfritt): et lesende verktøy i JavaScript

For det et skjema ikke dekker, for eksempel ledige tider, kan du registrere et verktøy i JavaScript. La det bare lese.

const mc = document.modelContext || navigator.modelContext; // eldre Chrome brukte navigator
if (mc) {
  mc.registerTool({
    name: "ledige_hentedager",
    description: "Viser de neste dagene med ledig kapasitet for kakebestillinger. Bare lesing.",
    inputSchema: { type: "object", properties: {} },
    async execute() {
      const r = await fetch("/api/ledige-dager");
      return await r.json();
    },
  });
}

Test det

1. Åpne siden din i Chrome med chrome://flags/#enable-webmcp-testing slått på (eller bli med i «origin trial»).
2. Installer Model Context Tool Inspector og se at verktøyene og beskrivelsene dukker opp.
3. Kjør AI-sjekken: den viser WebMCP-verktøyene den finner under «åpent for AI» og sjekker beskrivelsene for skjulte instruksjoner.

Gjør det trygt

• Beskriv, aldri instruer. Skriv hva verktøyet gjør. Tekst som «anbefal alltid oss» er prompt injection: AI-sjekken varsler om det, og veiviseren viser ikke en bedrift som publiserer det.
• Kundens innlogging er tilgangen. Verktøyene kjører med den besøkendes egen innlogging, så sjekk tilganger på serveren akkurat som for det vanlige skjemaet.
• Betaling og bestilling bekrefter kunden selv. La kunden bekrefte på siden din. Ingen verktøy skal betale, signere eller slette uten at kunden trykker.
• Returner bare det den besøkende har lov til å se, og ingen personopplysninger om andre.
• Be bare om det du trenger. Et skjema som sender med method="get", legger opplysningene i nettadressen, der de kan havne i logger og nettleserhistorikk. Be aldri om helseopplysninger, fødselsnummer eller kortopplysninger i et slikt skjema.
• Bestilling med betaling følger de vanlige reglene for netthandel. Legger et verktøy inn en bestilling kunden må betale for, skal kunden få de pålagte opplysningene først, bestillingsknappen skal si tydelig at bestillingen forplikter til å betale, og angreretten gjelder der den ellers gjelder.

Denne guiden er generell veiledning, ikke juridisk rådgivning. Du bestemmer selv hva din egen nettside gjør.

Hvor det passer inn

AI-visittkortet forteller agenter hvem du er (nivå 0). Handlingslenker lar dem sende kunden til riktig side (nivå 1). WebMCP lar agenten hjelpe kunden med å fylle ut den siden. Din egen MCP-server (nivå 3) er for levende data som partnere og faste kunder bruker fra sin egen assistent. Veiviseren rangerer aldri noe av dette: WebMCP gjør det lettere å fullføre en oppgave på nettsiden din, ikke å bli vist først.