> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sleekchat.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Setup Open WebUI

> Learn how to set up Open WebUI for seamless integration and usage.

## Your Open WebUI Instance

You can always access your created Open WebUI instances from the link below:

[https://sleekchat.ai/instances](https://sleekchat.ai/instances)

<Frame caption="Here's mine, clicking on the `Open WebUI` button will take you to your Open WebUI instance. Click on yours to follow through.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/instance.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=971e5a95db5a49090a96abd53f4de2be" width="400" data-path="images/instance.png" />
</Frame>

## Sign Up Your Admin Account

Now that you have clicked on the `Open WebUI` button, you will be taken to the Open WebUI instance. You will see a screen like below:

<Frame caption="Let's click on the `Get Started` button to start using Open WebUI.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-intro1.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=1cbb2004821a83d825cdb48ca37fa6ae" width="400" data-path="images/openwebui-intro1.png" />
</Frame>

Next, a form for you to sign up as the admin of your Open WebUI instance will be displayed.

<Frame caption="Follow the instructions to create your user in your Open WebUI instance then click the `Create Admin Account` button.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-intro2.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=87a5e8d4678cf9b0117ed475cd75ca9d" width="400" data-path="images/openwebui-intro2.png" />
</Frame>

<Note>The first user you registered will always be the Admin account.</Note>

## Chat Interface

Congrats! You have now successfully created your first user in Open WebUI. You will be taken to the chat interface.

<Frame caption="You're in! Almost there, just a few more steps to go.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-chat.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=775a149bdacf078d1014133e2c8a3281" width="600" data-path="images/openwebui-chat.png" />
</Frame>

It's still looks empty right? That's because we haven't set up the API keys yet. Let's do that now.

## Setting Up Your OpenAI API Key

Do you remember the steps we took to create our own API key? Now is the time to use it!

<Frame caption="In the top right corner, click on your profile icon and then click on the `Admin Panel` link.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-settings.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=13d629722cccb09ca33fc4633f15d61b" width="300" data-path="images/openwebui-settings.png" />
</Frame>

### Registered Users

The next page by default will show you a list of the currently registered users, you. You can use this part of the Settings page to add/remove users as you like. For the purpose of this guide, we're not going to do that now. Instead click on the `Settings` tab on the left part of the top navigation tabs.

<Frame caption="Click on the tab section marked with the red rectangle to go to the settings page.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-admin-settings.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=544d2bb52999b94dd34d826f180831d9" width="350" data-path="images/openwebui-admin-settings.png" />
</Frame>

### General

You will be taken to the `General` section of the Admin Settings page. In here you can set up how new users are created. For the sake of security, the tip below will take you far.

<Tip>We recommend to set the `Enable New Sign Ups` option to be disabled. Don't forget to click on the `Save` button on the bottom right corner.</Tip>

### Connections

<Frame caption="This is where we set up the OpenAI API key. Click on the `Connections` link marked with the red rectangle.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-conns.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=502bd47f9c72fb4bdfb6ecb73b84582b" width="200" data-path="images/openwebui-conns.png" />
</Frame>

This will take you to the `Connections` section of the Admin Settings page. In here you can set up the OpenAI API key.

<Frame>
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-conns-api-key.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=d1972d4dafd3e447e27886ba1cec31a4" width="2574" height="592" data-path="images/openwebui-conns-api-key.png" />
</Frame>

<Steps>
  <Step title="First Step">
    Paste your OpenAI API key into the area marked with the red rectangle.
  </Step>

  <Step title="Second Step">
    Click on the `Save` button on the bottom right corner.
  </Step>
</Steps>

Now your Open WebUI instance is fully setup for text based conversations. You can now start chatting with an AI model or you can follow along to set up image generation and other features.

### Image Generation

<Frame caption="Click on the Images link on your admin menu items.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-images.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=0a691f4057d053fe44a9421a99398eef" width="260" height="326" data-path="images/openwebui-images.png" />
</Frame>

OpenAI has models that can generate images from text prompts. You can use your OpenAI API key to access these models and generate images.

<Frame>
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-images-opts.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=6588c340d2aad40eff050a4808f7c807" width="2560" height="356" data-path="images/openwebui-images-opts.png" />
</Frame>

<Steps>
  <Step title="First Step">
    Enable image generation by clicking on the checkbox marked with the red rectangle.
  </Step>

  <Step title="Second Step">
    Paste your OpenAI API key into the area marked with the red rectangle.
  </Step>

  <Step title="Third Step">
    On the `Set Default Model` field, you can choose between `gpt-image-1` (flagship model), `dall-e-3` or `dall-e-2`.
  </Step>

  <Step title="Fourth Step">
    On the `Set Image Size` field, depending on the model you choose, the sizes will vary. To start with, type in `1024x1024`.
  </Step>

  <Step title="Fifth Step">
    Leave the `Set Steps` field as it is. The more steps you add, the better the results will be but the more expensive it will be.
  </Step>

  <Step title="Sixth Step">
    Click on the `Save` button on the bottom right corner.
  </Step>
</Steps>

#### Model Cards

For your benefit, here are the model cards for all of OpenAI's image models:

1. [GPT Image 1](https://platform.openai.com/docs/models/gpt-image-1)
2. [Dall E 3](https://platform.openai.com/docs/models/dall-e-3)
3. [Dall E 2](https://platform.openai.com/docs/models/dall-e-2)

### Audio Generation

<Frame caption="Click on the Audio link on your admin menu items.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-audio-menu-item.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=767e0919611e3e124c8e402978ce0a07" width="234" height="326" data-path="images/openwebui-audio-menu-item.png" />
</Frame>

OpenAI can help you do Speech To Text and Text To Speech. You can use your OpenAI API key to access these models and generate audio from text or generate text from audio.

<Frame caption="The initial look of the Audio settings">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-audio.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=b9a334ebc9186077cd0adfb71554cb4e" width="2574" height="762" data-path="images/openwebui-audio.png" />
</Frame>

As we follow the steps below, the Audio settings page will change its look to suit our needs.

<Steps>
  <Step title="First Step">
    Change the `Speech-to-Text Engine` to `OpenAI` to display the OpenAI API key field.
  </Step>

  <Step title="Second Step">
    Paste your OpenAI API key into the newly displayed field.
  </Step>

  <Step title="Third Step">
    In the `STT Model` field, type in `whisper-1` to use OpenAI's Whisper model. Available models are `whisper-1`, `gpt-4o-mini-transcribe` and `gpt-4o-transcribe`.
  </Step>

  <Step title="Fourth Step">
    Change the `Text-to-Speech Engine` to `OpenAI` to display the OpenAI API key field.
  </Step>

  <Step title="Fifth Step">
    Paste your OpenAI API key into the newly displayed field.
  </Step>

  <Step title="Sixth Step">
    Click on the `Save` button on the bottom right corner.
  </Step>
</Steps>

Feel free to play around with the other settings. You can change the voice and the model as you like.

#### Model Cards

For your benefit, here are the model cards for all of OpenAI's TTS models:

1. [GPT-4o mini TTS](https://platform.openai.com/docs/models/gpt-4o-mini-tts)
2. [TTS-1](https://platform.openai.com/docs/models/tts-1)
3. [TTS-1 HD](https://platform.openai.com/docs/models/tts-1-hd)

And here are the model cards for all of OpenAI's STT models:

1. [GPT-4o Transcribe](https://platform.openai.com/docs/models/gpt-4o-transcribe)
2. [GPT-4o mini Transcribe](https://platform.openai.com/docs/models/gpt-4o-mini-transcribe)
3. [Whisper](https://platform.openai.com/docs/models/whisper-1)

## Enabling Web Search

Yes, you can let the AI to Google for more context.

<Frame caption="Click on the `Web Search` link marked with the red rectangle.">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-search.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=446a996849d6af69abf176007302e624" width="200" data-path="images/openwebui-search.png" />
</Frame>

<Steps>
  <Step title="First Step">
    Turn on `Web Search`
  </Step>

  <Step title="Second Step">
    In the `Web Search Engine`, from the drop down box, select `searxng`.
  </Step>

  <Step title="Third Step">
    In the `Searxng Query URL`, SleekChat has already provided you a SearxNG instance, you can use that by entering `https://searxng.sleekchat.net`
  </Step>

  <Step title="Fourth Step">
    Leave the other fields as they are unless you are feeling adventurous, it's fine.
  </Step>

  <Step title="Fifth Step">
    Click on the `Save` button on the bottom right corner.
  </Step>
</Steps>

<Frame caption="The final look of the Web Search settings">
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-searxng-settings.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=1a75d63bd8a030c4170eb910e18f5947" width="2054" height="1126" data-path="images/openwebui-searxng-settings.png" />
</Frame>

If you start a new chat now, you will see a `Web Search` button on your text input field. Click on that to let the AI search the web for more context.

<Frame>
  <img src="https://mintcdn.com/sleekinc/DKiZGOrvGcLo1bzI/images/openwebui-search-it.png?fit=max&auto=format&n=DKiZGOrvGcLo1bzI&q=85&s=00a4583935a8b2990199d89a00ff0421" width="1560" height="384" data-path="images/openwebui-search-it.png" />
</Frame>
