Para além de carregar os recursos do Eye-Able diretamente a partir do Eye-Able ou do servidor local, também é possível carregar os dados do Eye-Able clicando no ícone. Isto tem a vantagem de que apenas os utilizadores do site que também interagem com o Eye-Able se ligam ao servidor e carregam os ficheiros Javascript. Esta integração também tem vantagens em termos de proteção de dados, uma vez que o utilizador é informado desta ligação de saída antes de contactar o servidor Eye-Able.

A primeira vez que o Eye-Able é utilizado, é definida uma entrada de armazenamento local. Assim que esta entrada é definida, o Eye-Able é carregado automaticamente na próxima vez que visitar a página.
Integração no HTML da página
Für die Einbindung von Eye-Able müssen Sie einfach nur die Javascript Datei über ein <script>-Element im HTML der Seite platzieren. Dafür können Sie entweder die Javascript Datei hochladen und diese dann referenzieren:

Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:

As funções de recarregamento dinâmico e o ícone Eye-Able são integrados diretamente na página através do ficheiro JavaScript. Também pode determinar a posição do ícone "eye-ble". Para o fazer, altere as seguintes variáveis no início do código:
- eA_top : Altera a posição superior do ícone, por exemplo, "15%" ou "250px"
- eA_side: Altera a posição lateral do ícone: "esquerda" ou "direita"
- eA_bottom: Altera a posição inferior do ícone em dispositivos móveis, por exemplo, "15%"
