diff --git a/public/index.html b/public/index.html
index 8c686b095..87360259e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1451,6 +1451,7 @@
                         </form>
 
                         <input id="api_button_openai" class="menu_button" type="submit" value="Connect">
+                        <input id="test_api_button" class="menu_button" type="button" value="Test Message" title="Verifies your API connection by sending a short test message. Be aware that you'll be credited for it!">
                         <div id="api_loading_openai" class=" api-load-icon fa-solid fa-hourglass fa-spin"></div>
                         <div class="online_status4">
                             <div class="online_status_indicator4"></div>
diff --git a/public/scripts/openai.js b/public/scripts/openai.js
index 3c6c7d6eb..c780a828d 100644
--- a/public/scripts/openai.js
+++ b/public/scripts/openai.js
@@ -19,6 +19,7 @@ import {
     getRequestHeaders,
     system_message_types,
     replaceBiasMarkup,
+    is_send_press,
 } from "../script.js";
 import { groups, selected_group } from "./group-chats.js";
 
@@ -1554,7 +1555,26 @@ function toggleChatCompletionForms() {
     });
 }
 
+async function testApiConnection() {
+    // Check if the previous request is still in progress
+    if (is_send_press) {
+        toastr.info('Please wait for the previous request to complete.');
+        return;
+    }
+
+    try {
+        const reply = await sendOpenAIRequest('quiet', [{ 'role': 'user', 'content': 'Hi' }]);
+        console.log(reply);
+        toastr.success('API connection successful!');
+    }
+    catch (err) {
+        toastr.error('Could not get a reply from API. Check your connection settings / API key and try again.');
+    }
+}
+
 $(document).ready(function () {
+    $('#test_api_button').on('click', testApiConnection);
+
     $(document).on('input', '#temp_openai', function () {
         oai_settings.temp_openai = $(this).val();
         $('#temp_counter_openai').text(Number($(this).val()).toFixed(2));