diff --git a/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html b/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
index 958005de..d9c3d412 100644
--- a/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
+++ b/allianceauth/services/modules/teamspeak3/templates/services/teamspeak3/teamspeakjoin.html
@@ -14,6 +14,25 @@
             <div class="col-md-4">
                 <a href="ts3server://{{ public_url }}?token={{ authinfo.teamspeak3_perm_key }}&nickname={{ authinfo.teamspeak3_uid }}" class="btn btn-primary btn-block btn-lg" title="Join">{% translate "Join Server" %}</a>
                 <br>
+                <div class="bg-body-tertiary text-center">
+                    <a href="#" onclick="document.getElementById('tokenDiv').classList.toggle('hidden');">{% translate "Join button not working, click here?" %}</a>
+                </div>
+                <div class="hidden text-center" id="tokenDiv">
+                    <p>
+                        {% translate "TS3:"%} <br/>
+                        {% translate "Connect to "%}{{ public_url }} <br/>
+                        {% translate "Click the Permissions in the top toolbar"%} <br/>
+                        {% translate "Select Use Privilege Key"%} <br/>
+                        {% translate "Enter "%}{{ authinfo.teamspeak3_perm_key }}
+                    </p>
+                    <p>
+                        {% translate "TS5: "%} <br/>
+                        {% translate "Connect to "%}{{ public_url }} <br/>
+                        {% translate "Right click the server"%} <br/>
+                        {% translate "Select Use Privilege Key"%} <br/>
+                        {% translate "Enter "%}{{ authinfo.teamspeak3_perm_key }}
+                    </p>
+                </div>
                 <form class="form-signin" role="form" action="{% url 'teamspeak3:verify' %}" method="POST">
                     {% csrf_token %}