# Custom Auth Popups

You can fully customize the authentication popups. There are new variables that you can set in the Backoffice:

* AUTH\_SERVICE\_HTML
* AUTH\_POPUP\_SUCCESS\_HTML
* AUTH\_POPUP\_FAIL\_HTML
* AUTH\_PRE\_HTML

The AUTH\_SERVICE\_HTML is the popup for API Key and Password authentication., The AUTH\_POPUP\_SUCCESS\_HTML is displayed when the authentication is successful, the AUTH\_POPUP\_FAIL\_HTML is displayed if the authentication fails. And the AUTH\_PRE\_HTML is used for connectors that have the `pre` field defined in the auth.js file (to gather additional information before the authentication).

To modify the popup, go to the *System* section in the Backoffice and add a new *Key.* Let's say we want to modify the popup for Api Key connectors.

<figure><img src="/files/QHvohhfPZFrLxsRMf956" alt=""><figcaption><p>Changing the authentication popup.</p></figcaption></figure>

At the bottom of this page, you will find the default HTML files. You can use them and modify them, or you can create your own.

We are going to change the text to:

<figure><img src="/files/w8CMXTsL5qIBwOSuvLqV" alt=""><figcaption></figcaption></figure>

Then you paste the whole HTML into the Backoffice.&#x20;

<figure><img src="/files/xDRJzXSId4RNoHCd6YsS" alt=""><figcaption></figcaption></figure>

And this is the result:

<figure><img src="/files/zw7iH7jDg13M8wGHpcRm" alt=""><figcaption></figcaption></figure>

### Default HTML files

{% file src="/files/cr6fRlqb5Zl0mYYJZeEC" %}
Default auth-service.html
{% endfile %}

{% file src="/files/ThhO6HlFtzb27Xq6uHmP" %}

{% file src="/files/v9ILHtw89UzDQNjwxNPj" %}

{% file src="/files/ew0FguNFJgYnjo1sNSxL" %}
Default auth-pre.html
{% endfile %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.appmixer.com/6.0/5.0/customizing-ui/custom-auth-popups.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.