AI Code With

Open WebUI API key setup

Open WebUI API Key: Set Your Own Key in Connections

Fill in these fields under Connections in the admin panel with your own API key, and Open WebUI can use Claude models. Pay as you go.

Start setupGet an API key →
Admin Panel → Settings → ConnectionsUI
config
Admin Panel → Settings → Connections → OpenAI API → +
URL: https://api.aicodewith.ai/v1
API Key: sk-***
Save → new chat → model selector → claude-haiku-4-5-20251001

Setup steps

Save this key for later terminals

This tool stores the key in its own settings. After you sign in, copy the key and paste it into the API Key field in the steps below.

API Key
sk-***

Signed-out visitors only see a placeholder. Sign in and we fill in your key. Get a key in the console

Copying only puts the command on the clipboard. You still need to run it in a terminal, or paste the key into the tool settings. How to get an API key

These steps were tested on Linux (Open WebUI v0.12.0). macOS and Windows have not been tested yet, so they are not listed.

  1. No Open WebUI yet? Install it (skip if installed)

    Run uv tool install open-webui, then uv tool list | grep open-webui. If it lists open-webui with a version, it is installed. Then run open-webui serve and open the address shown in the terminal.

    Run uv tool list | grep open-webui to confirm Open WebUI v0.12.0 is installed (version boxed in red)

  2. Click your avatar and open Admin Panel

    On the Open WebUI home page, click your avatar at the bottom-left, then click Admin Panel in the menu.

    Open the Open WebUI home page and click your avatar at the bottom-left; the Admin Panel entry in the menu is boxed in red

  3. Click Settings at the top

    On the Admin Panel page, click the Settings tab at the top.

    On the Admin Panel page, click the Settings tab at the top (boxed in red)

  4. Click Connections on the left

    Click Connections under AI in the left sidebar. You should see an OpenAI API section.

    In the Settings page that opens, click Connections under AI in the left sidebar (boxed in red)

  5. Add a connection with the URL and your API key

    In the OpenAI API section, click + on the right. Set URL to https://api.aicodewith.ai/v1, paste your API key (Get an API key), and click Save.

    In the OpenAI API section, click + on the right to open Add Connection: set URL to https://api.aicodewith.ai/v1, paste your API Key, then click Save

  6. Check that the connection is enabled

    After saving, the https://api.aicodewith.ai/v1 connection appears under OpenAI API with its switch on.

    After saving, the https://api.aicodewith.ai/v1 connection appears under OpenAI API and is enabled (red box)

  7. Want to double-check? Open the connection

    Click the gear next to the connection to open Edit Connection and check the URL. The API key stays masked with dots.

    Click the gear next to the connection to open Edit Connection: URL is https://api.aicodewith.ai/v1, and the API key below stays masked with dots (Bearer)

  8. Pick a model in a new chat

    Start a new chat and open the model selector. If claude-haiku-4-5-20251001 and other models are listed, the URL is right; whether the key is right shows in step 9, when you get a reply.

    Open the model selector; the models served by aicodewith appear, with claude-haiku-4-5-20251001 boxed in red

  9. Send a test message

    Select claude-haiku-4-5-20251001 and send Reply with exactly: Hello from aicodewith.ai. A Hello from aicodewith.ai reply means you are done.

    Select claude-haiku-4-5-20251001 and send “Reply with exactly: Hello from aicodewith.ai”; the model replies Hello from aicodewith.ai (boxed)

  10. What a wrong URL looks like: OpenAI: Network Problem

    If the URL is wrong (for example https://api.aicodewith.ai/nope), clicking verify (refresh icon) shows OpenAI: Network Problem at the top right. See Common errors for the fix.

    If the URL is wrong (e.g. it ends in /nope), clicking verify (refresh icon) shows the toast "OpenAI: Network Problem" at top-right (boxed)

  11. Set the URL back to /v1 and chat again

    Set the URL back to https://api.aicodewith.ai/v1 and save. In a new chat, a Hello from aicodewith.ai reply means it works again.

    After restoring the URL to https://api.aicodewith.ai/v1 and saving, a new chat again replies Hello from aicodewith.ai, confirming the config is restored

Common errors

OpenAI: Network Problem

What you see

OpenAI: Network Problem
Cause
The connection URL is wrong (for example https://api.aicodewith.ai/nope), so verify (refresh icon) cannot connect
How to fix
Set the URL to https://api.aicodewith.ai/v1 and save; a new chat then replies normally

Go back to step 5: Add a connection with the URL and your API key →

If the URL is wrong (e.g. it ends in /nope), clicking verify (refresh icon) shows the toast "OpenAI: Network Problem" at top-right (boxed)

FAQ

How do I use my own API key in Open WebUI?

In Admin Panel → Settings → Connections, click + in the OpenAI API section, set URL to https://api.aicodewith.ai/v1, paste your API key, and save.

Do I need to enter the Open WebUI API key again?

No. The key is stored in Open WebUI's own database and survives a restart, with no environment variable needed.

How do I check the Open WebUI version?

open-webui has no --version flag. If you installed it with uv, run uv tool list | grep open-webui.

Open WebUI says OpenAI: Network Problem. What now?

The connection URL is wrong. Set it to https://api.aicodewith.ai/v1 and save; see Common errors above.

Sources

Related links

Get an AI Code With API keyModels and pricingOther integrations