{"id":118861,"date":"2024-11-15T12:46:15","date_gmt":"2024-11-15T12:46:15","guid":{"rendered":"\/tutorials\/?p=118861"},"modified":"2026-03-10T09:34:44","modified_gmt":"2026-03-10T09:34:44","slug":"ollama-gui-tutorial","status":"publish","type":"post","link":"\/ph\/tutorials\/ollama-gui-tutorial","title":{"rendered":"Ollama GUI tutorial: How to set up and use Ollama with Open WebUI"},"content":{"rendered":"<p>By default, Ollama runs large language models (LLMs) through a command-line interface (CLI). However, you can pair Ollama with Open WebUI &ndash; a graphical user interface (GUI) tool &ndash; to interact with these models in a visual environment.<\/p><p>This setup reduces complex, error-prone command-line inputs, making it ideal for non-technical users and teams who need a collaborative, visual way to work with LLMs and deploy AI applications.<\/p><p>In this article, you&rsquo;ll learn how to set up Ollama and Open WebUI the easiest way &ndash; by using a preconfigured virtual private server (VPS) template. We&rsquo;ll also walk you through Open WebUI&rsquo;s dashboard, show you how to customize model outputs, and explore collaboration features.<\/p><p>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-setting-up-ollama-with-open-webui\">Setting up Ollama with Open WebUI<\/h2><p>The easiest way by far to use <a href=\"\/ph\/tutorials\/what-is-ollama\">Ollama<\/a> with Open WebUI is by choosing a<a href=\"\/ph\/vps\/llm-hosting\"> Hostinger LLM hosting plan<\/a>. This way all necessary components &ndash; Docker, Ollama, Open WebUI, and the Llama <strong>3.1<\/strong> model &ndash; are preconfigured.<\/p><p>Based on Ollama&rsquo;s system requirements, we recommend the <strong>KVM 4<\/strong> plan, which provides <strong>four vCPU<\/strong> cores, <strong>16 GB<\/strong> of RAM, and <strong>200 GB<\/strong> of NVMe storage for <strong>\u20b1749.00\/month<\/strong>. These resources will ensure your projects run smoothly.<\/p><p>After purchasing the plan, you can access the Open WebUI dashboard by entering your VPS IP address followed by <strong>:8080<\/strong> in your browser. For example:<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">http:\/\/22.222.222.84:8080<\/pre><p>However, if you&rsquo;ve switched your operating system since the initial setup or use a regular Hostinger VPS plan, you can still <a href=\"\/ph\/tutorials\/how-to-install-ollama\">install Ollama<\/a> as a template by following these steps:<\/p><ol class=\"wp-block-list\">\n<li>Log in to <strong>hPanel<\/strong> and navigate to <strong>VPS &rarr; Manage<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccdf1e0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"330\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/hpanel-vps-manage-highlighted-1024x330.png\" alt=\"The Manage button in hPanel's VPS\" class=\"wp-image-118863\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-1024x330.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-300x97.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-150x48.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-768x248.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-1536x495.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-manage-highlighted-2048x660.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"2\" class=\"wp-block-list\">\n<li>From the VPS dashboard&rsquo;s left sidebar, go to <strong>OS &amp; Panel &rarr; Operating System<\/strong>.<\/li>\n\n\n\n<li>In the <strong>Change OS<\/strong> section, open the <strong>Application <\/strong>tab and choose<strong> Ollama<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cce0a77\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/ollama-pop-up-in-the-change-os-menu-on-hpanel-vps-dasboard-1024x547.png\" alt=\"The Ollama VPS template pop-up in hPanel dashboard.\" class=\"wp-image-126205\"><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Once the pop-up appears, hit <strong>Change OS<\/strong>. <\/li>\n\n\n\n<li>Another pop-up will appear, asking you to check the acknowledgement box. Click <strong>Next<\/strong>. <\/li>\n\n\n\n<li>Set a new password for your Ollama template. <\/li>\n<\/ol><p>Wait around <strong>10<\/strong> <strong>minutes<\/strong> for the installation process to complete. Once done, scroll up and click <strong>Manage App<\/strong> to access Open WebUI.<\/p><figure data-wp-context='{\"imageId\":\"69e147cce2021\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"383\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/hpanel-vps-current-application-manage-app-1024x383.png\" alt=\"The Manage App button in hPanel's VPS after installing the Ollama template\n\" class=\"wp-image-118866\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-1024x383.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-300x112.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-150x56.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-768x287.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-1536x574.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/hpanel-vps-current-application-manage-app-2048x765.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><p>On your first visit, you&rsquo;ll be prompted to create an Open WebUI account. Follow the on-screen instructions and store your credentials for future access.<\/p><figure data-wp-context='{\"imageId\":\"69e147cce374b\"}' data-wp-interactive=\"core\/image\" class=\"wp-block-image aligncenter size-large is-resized wp-lightbox-container\"><img decoding=\"async\" width=\"977\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-sign-up-977x1024.png\" alt=\"The sign up form in Open WebUI\n\" class=\"wp-image-118867\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sign-up-977x1024.png 977w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sign-up-286x300.png 286w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sign-up-143x150.png 143w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sign-up-768x805.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sign-up.png 1174w\" sizes=\"(max-width: 977px) 100vw, 977px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><?xml encoding=\"utf-8\" ?><figure class=\"wp-block-image size-large\"><a href=\"\/ph\/vps-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2023\/02\/VPS-hosting-banner-1024x300.png\" alt=\"\" class=\"wp-image-77934\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2023\/02\/VPS-hosting-banner.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2023\/02\/VPS-hosting-banner-300x88.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2023\/02\/VPS-hosting-banner-150x44.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2023\/02\/VPS-hosting-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-using-ollama-with-open-webui\">Using Ollama with Open WebUI<\/h2><p>This section will help you familiarize yourself with Open WebUI&rsquo;s features, from navigating the dashboard to working with multimodal models.<\/p><h3 class=\"wp-block-heading\" id=\"h-navigating-the-dashboard\">Navigating the dashboard<\/h3><p>The Open WebUI dashboard offers an intuitive, beginner-friendly layout. If you&rsquo;re familiar with ChatGPT, adapting to Open WebUI will be even easier, as they share a similar interface.<\/p><p>The dashboard is divided into two main sections:<\/p><ul class=\"wp-block-list\">\n<li><strong>Data pane<\/strong>. This is the main chat interface where you can interact with the model by typing prompts, uploading files, or using voice commands. In the upper-left corner, you can select models or download additional ones from the Ollama library. Meanwhile, go to the upper-right corner to adjust model behavior, access settings, or open the admin panel.<\/li>\n<\/ul><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cce5bc9\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"765\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-data-pane-1024x765.png\" alt=\"The data pane section in Open WebUI's dashboard\" class=\"wp-image-118869\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-1024x765.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-300x224.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-150x112.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-768x574.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-1536x1148.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane.png 1940w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Left sidebar<\/strong>. The sidebar lets you start new threads or continue previous interactions. Here, you can pin, archive, share, or delete conversations. It also includes a workspace admin section, where you can create custom Ollama models and train them with specific knowledge, prompts, and functions.<\/li>\n<\/ul><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cce70c1\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"575\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-sidebar-575x1024.png\" alt=\"The left sidebar section in Open WebUI's dashboard\" class=\"wp-image-118870\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar-575x1024.png 575w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar-169x300.png 169w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar-84x150.png 84w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar-768x1367.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar-863x1536.png 863w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-sidebar.png 892w\" sizes=\"(max-width: 575px) 100vw, 575px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-selecting-and-running-a-model\">Selecting and running a model<\/h3><p>Since you&rsquo;ve installed Ollama and Open WebUI using the Hostinger template, the Llama <strong>3.1<\/strong> model is ready to use. However, you can download other <a href=\"\/ph\/tutorials\/large-language-models\">language models<\/a> via the model selection panel in your data pane&rsquo;s upper-left corner.<\/p><p>Here, add a model by typing its name in the search bar and hit <strong>Pull [model] from Ollama.com<\/strong>. If you&rsquo;re unsure which model to use, visit <a href=\"https:\/\/ollama.com\/library\" target=\"_blank\" rel=\"noopener\">Ollama&rsquo;s model library<\/a> for detailed descriptions and recommended use cases.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cce84c0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"462\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted-1024x462.png\" alt=\"The Pull [model] from Ollama.com option in Open WebUI's model selection panel\" class=\"wp-image-118872\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted-1024x462.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted-300x135.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted-150x68.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted-768x346.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-model-selection-panel-pull-mistral-from-ollama-com-highlighted.png 1162w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Some popular options include <strong>Mistral<\/strong>, known for its efficiency and performance in translation and text summarization, and <strong>Code Llama<\/strong>, favored for its strength in code generation and programming-related tasks.<\/p><p>Once downloaded, start a new conversation by clicking <strong>New Chat<\/strong>. Choose the model and type your prompt, then the model will generate a response. Like ChatGPT, you can copy the output, give feedback, or regenerate responses if they don&rsquo;t meet your expectations.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cce9b06\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"524\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-llama-response-1024x524.png\" alt=\"Llama 3.1's response to a prompt in Open WebUI\" class=\"wp-image-118873\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-1024x524.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-300x154.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-150x77.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-768x393.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-1536x787.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-response-2048x1049.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Unlike using <a href=\"\/ph\/tutorials\/ollama-cli-tutorial\">Ollama via the command-line interface (CLI)<\/a>, combining this LLM tool with Open WebUI lets you switch models mid-conversation to explore different outputs within the same chat. For example, you can start with <strong>Llama<\/strong> for a general discussion and then switch to <strong>Vicuna<\/strong> for a more specialized answer on the same topic.<\/p><p>Another unique feature is the ability to load multiple models simultaneously, which is ideal for comparing responses. Select your initial model, then click the <strong>+<\/strong> button next to it to choose additional models. After entering your prompt, each model will generate its output side by side.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cceb449\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"714\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-llama-mistral-response-1024x714.png\" alt=\"Llama and Mistral's responses to a prompt in Open WebUI\" class=\"wp-image-118874\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-1024x714.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-300x209.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-150x105.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-768x535.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-1536x1071.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llama-mistral-response-2048x1427.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p><div class=\"protip\">\n                    <h4 class=\"title\">Suggested reading<\/h4>\n                    <p> Learn how to write better prompts with our <a href=\"\/ph\/tutorials\/ai-prompt-engineering\">AI prompt engineering techniques<\/a> guide.<\/p>\n                <\/div>\n\n\n\n<\/p><h3 class=\"wp-block-heading\" id=\"h-customizing-model-outputs\">Customizing model outputs<\/h3><p>Adjusting model responses lets you fine-tune how the model interprets prompts, optimizing it for specific tasks, tones, or performance needs. Hit the <strong>Chat Control<\/strong> button to access parameters that adjust response behavior, style, and efficiency, including:<\/p><ul class=\"wp-block-list\">\n<li><strong>Stream Chat Response<\/strong>. Enables real-time response streaming, where the model displays text as it generates rather than waiting for the entire output.<\/li>\n\n\n\n<li><strong>Seed<\/strong>. Ensures consistent results by generating the same response each time for identical prompts, useful for testing and comparing setups.<\/li>\n\n\n\n<li><strong>Stop Sequence<\/strong>. Sets specific words or phrases that end the response at a natural point, like the end of a sentence or section.<\/li>\n\n\n\n<li><strong>Temperature<\/strong>. Controls response creativity. Lower values make responses more focused and predictable, while higher values increase creativity and variability.<\/li>\n\n\n\n<li><strong>Mirostat<\/strong>. Balances response flow, helping the model remain coherent during longer outputs, especially for detailed prompts.<\/li>\n\n\n\n<li><strong>Frequency Penalty<\/strong>. Reduces word repetition, encouraging more varied word choice.<\/li>\n\n\n\n<li><strong>Context Length<\/strong>. Sets the amount of information the model remembers within each response for smoother conversation flow.<\/li>\n\n\n\n<li><strong>Max Tokens (num_predict)<\/strong>. Limits the response length, useful for keeping answers concise.<\/li>\n<\/ul><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccecff0\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"472\" height=\"1024\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-data-pane-controls-highlighted-472x1024.png\" alt=\"The Controls button in Open WebUI's data pane\" class=\"wp-image-118875\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-controls-highlighted-472x1024.png 472w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-controls-highlighted-138x300.png 138w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-controls-highlighted-69x150.png 69w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-controls-highlighted.png 702w\" sizes=\"(max-width: 472px) 100vw, 472px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>In the same menu, you can also customize <strong>Valves<\/strong>, which includes custom tools and functions, and <strong>System Prompt<\/strong>, which defines the model&rsquo;s tone and behavior. We&rsquo;ll explain these further in the <strong>collaboration features <\/strong>section.<\/p><p>Additionally, the <strong>Playground<\/strong> mode, accessible from the top-right corner, lets you experiment with different settings and prompt types. In the <strong>Chat<\/strong> tab, you can test conversational setups:<\/p><ul class=\"wp-block-list\">\n<li><strong>System Instructions<\/strong>. Define the model&rsquo;s role or set specific instructions for its behavior.<\/li>\n\n\n\n<li><strong>User Message<\/strong>. Enter questions or commands directly for the model.<\/li>\n<\/ul><p>For example, setting system instructions to &ldquo;You&rsquo;re a financial advisor&rdquo; and typing a question in the user field will prompt the model to respond from that perspective.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccee66b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"743\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-playground-chat-selected-1024x743.png\" alt=\"The Chat tab in Open WebUI's Playground menu\" class=\"wp-image-118876\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-1024x743.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-300x218.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-150x109.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-768x557.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-1536x1115.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-chat-selected-2048x1486.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Meanwhile, the <strong>Completion<\/strong> tab prompts the model to generate responses by continuing from your input. For instance, if you type &ldquo;Machine learning is&hellip;,&rdquo; the model will complete the statement, explaining machine learning.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccefc46\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"471\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-playground-completions-selected-1024x471.png\" alt=\"The Chat tab in Open WebUI's Playground menu\" class=\"wp-image-118877\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-1024x471.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-300x138.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-150x69.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-768x353.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-1536x706.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-playground-completions-selected-2048x942.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-accessing-documents-and-web-pages\">Accessing documents and web pages<\/h3><p>Ollama and Open WebUI support retrieval-augmented generation (RAG), a feature that improves AI model responses by gathering real-time information from external sources like documents or web pages.<\/p><p>By doing so, the model can access up-to-date, context-specific information for more accurate responses.<\/p><p>Open WebUI lets you upload documents in <strong>DOC<\/strong>, <strong>PDF<\/strong>, <strong>TXT<\/strong>, and <strong>RTF<\/strong> formats. Click the <strong>+<\/strong> button in the prompt field and select <strong>Upload Files<\/strong>. Choose the document you want to upload, then type an instruction for the model, such as:<\/p><p>&ldquo;Please summarize the content of the attached file in 50 words.&rdquo;<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccf127b\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"435\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-data-pane-mistral-1024x435.png\" alt=\"The Chat tab in Open WebUI's Playground menu\" class=\"wp-image-118878\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-1024x435.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-300x127.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-150x64.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-768x326.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-1536x652.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-mistral-2048x869.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>If you want the model to browse the web, you can connect Open WebUI to SearchApi, an application programming interface (API) that retrieves information based on search results. Follow these steps to set it up:<\/p><ol class=\"wp-block-list\">\n<li>Go to the <a href=\"https:\/\/www.searchapi.io\" target=\"_blank\" rel=\"noopener\">official SearchAPI site<\/a> and sign up for a new account.<\/li>\n\n\n\n<li>In the dashboard, copy your API key.<\/li>\n\n\n\n<li>Return to Open WebUI, then go to <strong>your profile &rarr; Admin Panel<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccf28d2\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-full wp-lightbox-container\"><img decoding=\"async\" width=\"700\" height=\"860\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-profile-admin-panel-highlighted.png\" alt=\"The Admin Panel menu in Open WebUI\" class=\"wp-image-118879\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-profile-admin-panel-highlighted.png 700w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-profile-admin-panel-highlighted-244x300.png 244w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-profile-admin-panel-highlighted-122x150.png 122w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"4\" class=\"wp-block-list\">\n<li>Navigate to <strong>Settings &rarr; Web Search<\/strong>.<\/li>\n\n\n\n<li>Toggle <strong>Enable Web Search<\/strong> to activate the feature.<\/li>\n\n\n\n<li>In <strong>Web Search Engine<\/strong>, select <strong>searchapi<\/strong> from the drop-down list.<\/li>\n\n\n\n<li>Paste the API key you copied earlier.<\/li>\n\n\n\n<li>Enter your preferred search engine, such as <strong>google<\/strong>, <strong>bing<\/strong>, or <strong>baidu<\/strong>. If left blank, SearchApi defaults to <strong>google<\/strong>.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147ccf3ef6\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"511\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-1024x511.png\" alt=\"The Web Search menu in Open WebUI's admin panel\" class=\"wp-image-118880\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-1024x511.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-300x150.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-150x75.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-768x383.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-1536x766.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-settings-web-search-selected-2048x1021.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><ol start=\"9\" class=\"wp-block-list\">\n<li>Click <strong>Save<\/strong>.<\/li>\n<\/ol><p>Once the setup process is complete, return to the chat interface, click the <strong>+<\/strong> button in the message field, and enable <strong>Web Search<\/strong>. You can now ask the model to access information directly from the web. For example:<\/p><p>&ldquo;Find the latest news on renewable energy and summarize the top points.&rdquo;<\/p><h3 class=\"wp-block-heading\" id=\"h-using-collaboration-features\">Using collaboration features<\/h3><p>For teams looking to collaborate, Open WebUI lets you manage multiple users. To add a new user:<\/p><ol class=\"wp-block-list\">\n<li>Go to <strong>Admin Panel &rarr; Dashboard &rarr; Add User<\/strong>.<\/li>\n\n\n\n<li>Enter the new user&rsquo;s role &ndash; either <strong>user<\/strong> or <strong>admin<\/strong> &ndash; along with their name, email address, and password.<\/li>\n<\/ol><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd014d2\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"681\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-admin-panel-dashboard-add-user-1024x681.png\" alt=\"The Add User fields in Open WebUI's admin panel\" class=\"wp-image-118881\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-1024x681.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-300x200.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-150x100.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-768x511.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-1536x1022.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-admin-panel-dashboard-add-user-2048x1362.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Once complete, share the credentials with the user so they can log in. Please note that non-admin users can&rsquo;t access the workspace area and admin panel.<\/p><p>Next, explore the workspace area via the left sidebar. In the <strong>Models<\/strong> tab, you can create new models based on existing ones, import custom models from the Open WebUI community, and delete downloaded models.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd02c40\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"677\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-workspace-models-1024x677.png\" alt=\"The Models tab in Open WebUI's workspace area\" class=\"wp-image-118882\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-1024x677.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-300x198.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-150x99.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-768x508.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-1536x1015.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-2048x1354.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>To create a custom model, click <strong>Create a Model<\/strong> and fill in details like the name, ID, and base model. You can also add a custom system prompt to guide the model&rsquo;s behavior, such as instructing it to act like a financial advisor and avoid unrelated questions.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd04528\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"848\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-workspace-models-create-a-model-1024x848.png\" alt=\"The Create a model fields in Open WebUI's workspace area\" class=\"wp-image-118883\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model-1024x848.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model-300x248.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model-150x124.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model-768x636.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model-1536x1272.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-models-create-a-model.png 1952w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>Advanced options are also available to set parameters, add prompt suggestions, and import knowledge resources. After completing the setup, click <strong>Save &amp; Create<\/strong>.<\/p><p>If you haven&rsquo;t yet created knowledge resources and want to train your new model, go to the <strong>Knowledge<\/strong> tab. Click the <strong>+<\/strong> button and follow the instructions to import your dataset. Once uploaded, return to your new model and import the knowledge you&rsquo;ve just added.<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd05e96\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"299\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-1024x299.png\" alt=\"The + button in the Knowledge tab of Open WebUI's workspace area\" class=\"wp-image-118884\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-1024x299.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-300x88.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-150x44.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-768x224.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted-1536x449.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-workspace-knowledge-add-knowledge-highlighted.png 1938w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>You can add similar customizations in the <strong>Prompts, Tools,<\/strong> and <strong>Functions<\/strong> tabs. If you&rsquo;re unsure how to get started, import community-made presets instead.<\/p><h3 class=\"wp-block-heading\" id=\"h-working-with-multimodal-models\">Working with multimodal models<\/h3><p>Last but not least, we&rsquo;ll demonstrate how to work with multimodal models, which can generate responses based on text and images. Ollama supports several multimodal models, including <a href=\"https:\/\/ollama.com\/library\/llava\" target=\"_blank\" rel=\"noopener\">LlaVa<\/a>, <a href=\"https:\/\/ollama.com\/library\/bakllava\" target=\"_blank\" rel=\"noopener\">BakLLaVA<\/a>, and <a href=\"https:\/\/ollama.com\/library\/minicpm-v\" target=\"_blank\" rel=\"noopener\">MiniCPM-V<\/a>.<\/p><p>In this example, we&rsquo;ll use <strong>LlaVa<\/strong>. After downloading it from the model selection panel, you can use it for various tasks. For instance, you can upload an image and ask the model questions about it, such as, &ldquo;What is in this image?&rdquo;<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd07acb\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"691\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-data-pane-llava-beach-1024x691.png\" alt=\"Llava's response to a beach image in Open WebUI\" class=\"wp-image-118885\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-1024x691.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-300x202.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-150x101.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-768x518.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-1536x1036.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-data-pane-llava-beach-2048x1382.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>You can also use it to create descriptive captions for your images. Additionally, the model can identify objects within an image. For example, if you upload a picture of cats, you might ask the model, &ldquo;How many cats are in this image?<\/p><div class=\"wp-block-image\"><figure data-wp-context='{\"imageId\":\"69e147cd09322\"}' data-wp-interactive=\"core\/image\" class=\"aligncenter size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"594\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/11\/open-webui-llava-response-cats-1024x594.png\" alt=\"Llava's response to a cat image in Open WebUI\" class=\"wp-image-118886\" srcset=\"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats-1024x594.png 1024w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats-300x174.png 300w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats-150x87.png 150w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats-768x445.png 768w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats-1536x891.png 1536w, https:\/\/www.hostinger.com\/ph\/tutorials\/wp-content\/uploads\/sites\/44\/2024\/11\/open-webui-llava-response-cats.png 1762w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button class=\"lightbox-trigger\" type=\"button\" aria-haspopup=\"dialog\" aria-label=\"Enlarge\" data-wp-init=\"callbacks.initTriggerButton\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-style--right=\"state.imageButtonRight\" data-wp-style--top=\"state.imageButtonTop\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\"><\/path>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure><\/div><p>However, please note that LLaVA currently can&rsquo;t generate images. Its primary purpose is to analyze and respond to questions about existing images.<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusion<\/h2><p>Using Ollama with Open WebUI lets you run models through a visual, beginner-friendly interface. Hostinger&rsquo;s Ollama VPS template makes installing these tools easy, even for non-technical users.<\/p><p>Once installed, you can navigate the dashboard, select and run models, and explore collaboration features to boost productivity. Open WebUI&rsquo;s advanced tools &ndash; like web search and model parameter customization &ndash; make it ideal for users looking to tailor model interactions.<\/p><p>For those interested in deploying their own models, you can import your knowledge sets, experiment with different instructions, and combine them with custom prompt templates and functions made by the community.<\/p><p>If you have any questions, feel free to ask in the comments below!<\/p><h2 class=\"wp-block-heading\" id=\"h-using-ollama-with-gui-faq\">Using Ollama with GUI FAQ<\/h2><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1731674600212\"><h3 class=\"schema-faq-question\">Why use Ollama with GUI?<\/h3> <p class=\"schema-faq-answer\">Using Ollama with a GUI tool like Open WebUI simplifies model interactions through a visual interface, making it beginner-friendly and ideal for collaborative, team-based workflows without requiring command-line expertise.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1731674604582\"><h3 class=\"schema-faq-question\">What models can I use in the GUI version?<\/h3> <p class=\"schema-faq-answer\">You can use all Ollama models in both the CLI and GUI versions. However, the GUI environment makes it more convenient to run multimodal models for tasks like analyzing images.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1731674614407\"><h3 class=\"schema-faq-question\">Do I need Docker to run the GUI version of Ollama?<\/h3> <p class=\"schema-faq-answer\">Yes, you must <a href=\"\/ph\/tutorials\/how-to-install-docker-on-ubuntu\">install Docker<\/a> before setting up Ollama with Open WebUI. If you use Hostinger&rsquo;s Ollama template, all necessary components, including Docker, are pre-installed.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>By default, Ollama runs large language models (LLMs) through a command-line interface (CLI). However, you can pair Ollama with Open WebUI &ndash; a graphical user interface (GUI) tool &ndash; to interact with these models in a visual environment. This setup reduces complex, error-prone command-line inputs, making it ideal for non-technical users and teams who need [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ph\/tutorials\/ollama-gui-tutorial\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":411,"featured_media":127279,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Ollama GUI tutorial: Use Ollama with Open WebUI","rank_math_description":"Learn how to use Ollama with Open WebUI via Hostinger's template. Perfect for users who prefer a graphical interface for managing models.","rank_math_focus_keyword":"ollama gui tutorial","footnotes":""},"categories":[22639],"tags":[],"class_list":["post-118861","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vps"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/tutorial-ollama-gui","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/tutoriel-ollama-gui","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-configurar-ollama-gui","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/panduan-ollama-gui","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-configurar-ollama-gui","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-configurar-ollama-gui","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-configurar-ollama-gui","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/tutorial-ollama-gui","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/ollama-gui-tutorial","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/ollama-gui-tutorial","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/posts\/118861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/comments?post=118861"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/posts\/118861\/revisions"}],"predecessor-version":[{"id":127278,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/posts\/118861\/revisions\/127278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/media\/127279"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/media?parent=118861"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/categories?post=118861"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ph\/tutorials\/wp-json\/wp\/v2\/tags?post=118861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}