How to add a Google map or Google availability calendar to your Trainerize site

Google Map:

First go to Google maps and enter your location, then click the gear icon on the bottom right, and then select 'Share or Embed map' from the dropdown menu. Then in the pop up window select Embed and copy the piece of code it exports.

Then log into Trainerize and wIthin Trainerize select the site designer in the mega menu at the top left. Once you are in the site designer, click the 'customize' button for the section where you want to embed your map. When the pop up window opens, click the 'html' button on far ride side of toolbar. Paste the code to embed your map.

 

Google Calendar:

**See this video for the most up to date method: https://drive.google.com/file/d/0B8QAP6w53hoOeEtReDdzeXJ2Mjg/view?usp=sharing

First, go to your Google calendar. In the calendar list on the left, click the down-arrow next to the calendar you want to embed, and select Calendar settings. Copy the iframe code displayed in the 'Embed This Calendar' section.

(Alternatively, click the Settings link at the bottom of the calendar list, then click the name of the calendar.)

Next, log in to your Trainerize site. Click on the site designer in the mega menu on the top left. Then once you are in the site designer, click the 'customize' button for the section where you want to embed your calender (Fits nicely beside a pricing area, see demo page here: http://gym.trainerize.com/Plans-And-Schedule ). When the pop up window opens, click the 'html' button on far ride side of toolbar. Paste the code to embed your calendar.

If you would like more details on how to add multiple trainer's calender availability here is a good article explaining how to do so: https://support.google.com/calendar/answer/41207?hl=en

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.