How can I add the schedule to my Squarespace website?

You can easily integrate the Momoyoga schedule with your Squarespace website. 

We also offer other schedule integration options such as WordpressWix.com, Joomla, and JavaScript.

The Squarespace plugin displays classes for the upcoming 8 weeks (with a maximum of 100 classes). If a visitor clicks on Book now, they will be redirected to Momoyoga.

Do I need to be a developer?
Adding the Momoyoga schedule to your Squarespace website is easy. You only need about 60 seconds of your time but it does require some minor knowledge of Squarespace. The installation is very similar to a Google Analytics installation (i.e. copying and pasting the code into the pages of your website). 

Please note: our Momoyoga support team isn’t trained at in-depth technical troubleshooting of website integrations. If you need further assistance regarding your website integration, please contact your website developer.

How can I add the schedule to my Squarespace website?

If you want to integrate your Momoyoga schedule with your Squarespace website, follow the steps below carefully. Log into your Squarespace account first, select your site below My pages and click on Pages

 

Step 1: Add CSS to the page

  1. Hover over the page link from which you'd like to add the schedule to (then a gear icon will appear)
  2. Click on Settings (gear icon)
  3. Click from the Page Settings window on Advanced in the top-right corner

    Momoyoga-Squarespace-2.png

  4. Then paste the code below into the box. Click on Apply to publish the changes.
      

<link rel="stylesheet" href="https://www.momoyoga.com/schedule-plugin/v2/css/schedule-frontend.css" crossorigin="anonymous">

Step 2: Add a Code Block

  1. Open the page
  2. Click on Insert Point or +
  3. Select Code from the menu
  4. For more detailed steps, visit Adding blocks

Note: Adding Code Blocks to your Squarespace website is a Premium feature only available in Business and Commerce plans.

Step 3: Add the code

Make sure that HTML has been selected from the drop-down menu in the top-right corner.

Next, paste the code below into the box and delete the temporary <p>Hello, World!</p> placeholder.

 

      

<div class="momoyoga-schedule" data-momo-schedule="[schedule URL here]"></div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://www.momoyoga.com/schedule-plugin/v2/js/schedule.js" crossorigin="anonymous"></script>

Step 4: Replace the code with your own schedule

  1. Replace the code [schedule URL here] with the URL of your own schedule. For example https://www.momoyoga.com/mystudioname
  2. Click on Apply to publish the changes

 Momoyoga-Squarespace.png

You’re done!

After following these steps, the schedule should be visible on your website. 

Share the schedule link

You can also share the schedule on your website by placing a schedule link. Find out how to add a schedule link to your website.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article