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 -->
var mth_remotelogin_title = "My Music Studio";
var mth_remotelogin_return_url = "https://musicteachershelper.com/login-new";
<!-- 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.
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.