Home → How Do I... →

Embed Widget Code?

• Edit

Jason Harrington

10 Aug, 2016 07:30 PM

Hi,

I'm trying to embed a widget code from a site that we use, which will show our schedule so participants can click on it to sign up. We would like this on a schedule page on our site.

How do I embed it to a page?

The code is:

<script type="text/javascript" src="//www.imleagues.com/Integration/Widgets/WidgetLoader.ashx?SchID=bkdG48wQ8mh4BOtFUbSSbgMM&width=770px&height=1000px&type=undefined&scrolling=auto" async></script>

I've tried pasting all of the above in the html area but I am not sure exactly where it goes and I've tried taking out script and tried various ways to paste it and nothing is working.

1. 1 Posted by Ryan Griffith on 15 Aug, 2016 12:49 PM

   

   Hi Jason,

   You should be able to paste the script tag anywhere you need the widget to be displayed. This could be done a number of ways:

   • directly into a WYSIWYG's HTML source editor
   • within an XHTML or XML Block that is attached to a page region
   • directly within a Template's content

   To confirm, are you trying to paste the script tag into the WYSIWYG's HTML source editor? If you view the source of the render frame after inserting the script tag, is the tag being rewritten at all?

   Thanks!

   • Edit

2. 2 Posted by Jason P. Harrin... on 15 Aug, 2016 01:03 PM

   

   Ryan,

   Thanks for the response.

   I have attached our HTML Source Editor from the website software that we use. I am not sure if it is a WYSIWYG's or not.

   I have pasted the widget code a number times in different locations and I still only get a blank area like nothing changed.

   Here is the code that I am pasting:

   <script type="text/javascript" src="//www.imleagues.com/Integration/Widgets/WidgetLoader.ashx?SchID=bkdG48wQ8mh4BOtFUbSSbgMM&width=770px&height=1000px&type=Intramural&scrolling=auto" async></script>

   Do I need to do anything to it or change anything to source instead of script?

   Any ideas what could be the problem?

   Thanks so much for helping out with this.

   Jason Harrington
   Coordinator of Intramurals & Sport Clubs
   Lamar University
   Recreational Sports
   P.O. Box 10038
   Beaumont, TX 77710
   Office: 409-880-8331
   Fax: 409-880-8692

   Website: lamar.edu/recsports<http://lamar.edu/recsports>
   Intramurals: www.imleagues.com/lamar<http://www.imleagues.com/lamar>
   Sport Clubs: https://orgsync.com/25406/chapter

   ________________________________

   • HTML_Source_Editor.JPG 103 KB
   • Edit

3. 3 Posted by Ryan Griffith on 15 Aug, 2016 01:29 PM

   

   Hi Jason,

   Just to clarify, are you saying the tag is being removed entirely after pasting the script tag within the source code in your screenshot? If so, try surrounding the script tag with a #protect code section to tell Cascade to skip the code during XML validation/cleanup:

   <!--#protect
   <script type="text/javascript" src="//www.imleagues.com/Integration/Widgets/WidgetLoader.ashx?SchID=bkdG48wQ8mh4BOtFUbSSbgMM&width=770px&height=1000px&type=Intramural&scrolling=auto" async></script>
   #protect-->
   

   Please let me know if you have any questions.

   Thanks!

   • Edit

4. 4 Posted by Jason P. Harrin... on 15 Aug, 2016 01:46 PM

   

   I really don't know anything about web design nor which one the tag is to tell the truth. When I paste the widget code in the HTML editor and click insert, and I view the page, nothing has changed, it still as it was before.

   <!--#protect
   <script type="text/javascript" src="//www.imleagues.com/Integration/Widgets/WidgetLoader.ashx?SchID=bkdG48wQ8mh4BOtFUbSSbgMM&width=770px&height=1000px&type=Intramural&scrolling=auto" async></script>
   #protect-->

   But after the third try, it worked!! Thanks so much!!

   Just have to adjust a sidebar showing contact info and we will be set.

   Thanks so much!!

   Jason Harrington
   Coordinator of Intramurals & Sport Clubs
   Lamar University
   Recreational Sports
   P.O. Box 10038
   Beaumont, TX 77710
   Office: 409-880-8331
   Fax: 409-880-8692

   Website: lamar.edu/recsports<http://lamar.edu/recsports>
   Intramurals: www.imleagues.com/lamar<http://www.imleagues.com/lamar>
   Sport Clubs: https://orgsync.com/25406/chapter

   ________________________________

   • Edit

5. 5 Posted by Ryan Griffith on 16 Aug, 2016 12:32 PM

   

   Thank you for following up, Jason. I am glad to hear the code section worked out.

   I believe what was happening was the script tag was being rewritten during XML validation or cleanup, causing the widget not to work. Adding the code section basically tells Cascade to skip over that block of content.

   I'm going to go ahead and close this discussion, please feel free to comment or reply to re-open if you have any additional questions.

   Have a great day!

   • Edit

6. Ryan Griffith closed this discussion on 16 Aug, 2016 12:32 PM.