How to Embed the Vocal Pitch Monitor Widget on Your Custom Website

At Singing Carrots, we’re committed to providing tools that help singers of all levels improve their skills. One such tool is our Vocal Pitch Monitor widget, which provides real-time visual feedback on pitch accuracy. We’re excited to share that you can now embed this widget directly on your custom website. Here’s a step-by-step guide on how to do it:

Prerequisite: Become a Singing Carrots Affiliate

To embed the Vocal Pitch Monitor widget on your website, you need to be a Singing Carrots affiliate. If you’re not an affiliate yet, you can sign up for our Affiliate Program here. Once approved, you’ll receive an affiliate token that you’ll use in the next steps.

Step 1: Copy the Embed Code

First, you’ll need to copy the embed code for the Vocal Pitch Monitor widget. Here it is:

<script>
  var singingCarrotsOptions = {
    affiliateToken: "YOUR_AFFILIATE_TOKEN",
  };
</script>
<script id="script-singing-carrots-pm" src="https://singingcarrots.com/js/widgets/w-pitch-monitor.js"></script>

Replace "YOUR_AFFILIATE_TOKEN" with your Singing Carrots affiliate token.

Step 2: Add the Embed Code to Your Website

Next, you’ll need to add the embed code to your website. Here’s how:

  1. Open the HTML file for the page where you want to add the widget. This will typically be a .html file.
  2. Paste the embed code into the HTML file. You can place the code wherever you want the widget to appear. For example, you might want to place it in a <div> element in the body of your page.
  3. Save the HTML file. After you’ve pasted the embed code, save the HTML file.

And that’s it! The Vocal Pitch Monitor widget should now appear on your website.

Step 3: Test the Widget

Finally, you’ll want to test the widget to make sure it’s working correctly. Navigate to the page where you added the widget and check that it’s displaying and functioning as expected.

We’re excited to see how you use the Vocal Pitch Monitor widget to enhance your website and help your users improve their singing. If you have any questions or need any help, don’t hesitate to get in touch with us through our contact page. Happy singing!