Here is the code (below) you can put on your existing website that will create a login form for you. You’ll just need to replace “My Music Studio” with whatever you want it to say for your studio title on the login form.

See the image below for how this looks on a WordPress site.

If you're not sure how to add this to your website, reach out to your tech / website host for instructions on how to add it.


<!-- Music Teacher's Helper Remote Login -->
<script type="text/javascript">
var mth_remotelogin_title = "My Music Studio";
var mth_remotelogin_return_url = "https://musicteachershelper.com/login-new";
</script>
<script type="text/javascript" src="https://app.musicteachershelper.com/js/remotelogin.js"></script>
<!-- End Music Teacher's Helper Remote Login -->

Variables - There are 2 customizable variables in this script.

  • Title - the line that starts with, "var mth_remotelogin_title" is where you can specify the title that appears at the top of the remote login form. In this line, there is text contained in quotes. change that text to whatever you want it to say. The default above is "My Music Studio," and you can see what that looks like in the screen shot picture in this article. If you want to customize to something else, such "Students Login Here" or whatever makes the most sense to you, just edit that part of the code after you paste it into your site editing tool. Remember that it is best to keep this as short as possible, but you also want it to help clarify exactly what a visitor to your website is supposed to do with this.
  • Return URL - the line that starts with, "var mth_remotelogin_return_url" is where you can specify where you want a user redirected after they log out. When someone logs in using the remote login script, this variable is stored for when they log out. The default for this is the main Music Teacher's Helper website login page at https://app.musicteachershelper.com/login-new. If you want your students to land on a different page when they log out, such as your own Home page, just replace the URL on this line when you embed the code in your website. Whatever website address you enter here, that is where students will be directed to when they log out, if they used this form to login. This line can be removed, if you don't want it, and the default https://app.musicteachershelper.com/login-new will still be used.

Embedding this is usually not very complicated, but the specific details of how it is done are different, depending on the website editor you are using, and where your website is hosted. You'll want to search the help files for your hosting service or editing software for how to properly embed javascript or html code.

Note that when this code is embedded in your site, if it is contained in a frame, the script will open a new tab when someone logs in using this remote login form.

Did this answer your question?