All Collections
My Studio Website: Tutorials
Other
I already have my own website. Can I integrate it with Duet?
I already have my own website. Can I integrate it with Duet?

Already have a website you really like? Here is how you can provide a login form on your own website for your students to use to login.

Ken Rhodes avatar
Written by Ken Rhodes
Updated over a week ago

When you sign up for Duet, you get your own professionally-designed studio website with many design themes to choose from at http://[your-studio-name].duetpartner.com.

This is where you and your students can go to login. Potential students/parents can...

  • Find out more about you, your policy, and your prices

  • See photos of you, your bio, or even a embedded video that you add

  • Read feedback you share from your other students/parents

  • See your own blog articles you create can be one of the best types of content to post on social media

  • Register all their details for you (name, email, phone, username, password, custom questions and answers, and more) and automatically be entered into your waiting list

(Example of a Duet website)
See here for the full version: https://studiowebsite.duetpartner.com

If you already have a website at your own domain name, you have a few options for integrating it with Duet.

  1. You may find that your Duet studio website does everything that your current website does, and more. If so, you may want to simply redirect your existing website to your new Duet website. You can do this through your domain registrar (ie. GoDaddy, etc.). See here for more info on that.

  2. If you have everything you want on your own website, and only want to use the “log in” portion of Duet, then you can put a login form to Duet on your website so you and your students can login from your own website. To use the login form, paste the following code within the “body” section of your website in the “Source” or HTML view of your website editor (see image and script below)

  3. Or you may choose to use both websites. You could use one for information about your studio, and the other for existing students. It’s up to you. You can put links from one to the other.

Here's the log in script text to add to your site:

<!-- Duet Remote Login -->
<script type="text/javascript">
var mth_remotelogin_title = "My Music Studio";
var mth_remotelogin_return_url = "https://duetpartner.com/login-new";
</script>
<script type="text/javascript" src="https://app.duetpartner.com/js/remotelogin.js"></script>
<!-- End Duet 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 Duet website login page at https://app.duetpartner.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.duetpartner.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.

Here's how you can use your Duet registration form with your website

At this time, we don't have a handy Javascript code you can embed on your website for the registration form, like we do for the login form. But, that doesn't mean you can't use the registration form in connection with your website. Here are the steps to do this in the best recommended way.

  1. Go to Settings -> Website and make sure that you have a subdomain for your Duet account. You don't have to tell the software to use that instead of your other website. It just needs to be there.

  2. In the menus on the left side of the screen, go to Website -> Pages and edit any pages that you don't want to make then inactive. The software will not allow you to make all of the pages inactive, but you can make it so that only your registration page is active.

  3. Edit your registration page however you need to. Click the view link and your browser will open the registration page in a new tab. Remember that you have control of the paragraph of text that appears at the top of the page, so you can edit that to say whatever message you want to greet visitors to the page with.

  4. Copy the URL for your registration page from the address bar at the top of your browser, and embed that as a link on your website. When users click the link on your website, it will take them to your registration page with Duet.

Another thought to have in mind is that you might not be able to exactly match your website's design with one of our templates. The Simple template might be the best option for you in this case, as it is very plain.

Did this answer your question?