To embed your Litmos E-Commerce Course Listing on your own website or blog you can use the Litmos Course Listing Widget which is found at:
- Account Settings,>Litmos Features<Ecommerce
- Copy the text within the course listings widget box
- Paste the text into the body of your website
Note: If the code results in an empty box, check the code to see if it matches the code below. If it does match this code, log out of Litmos and log back in using your unique URL and follow the steps above. For additional help, contact support.
<link href='https://static1.litmos.com/static/css/widget.css?v=20111011' rel="Stylesheet" /> <script type="text/javascript" src="http://go.litmos.com/online-courses/widget"></script>
Customization
If you know how to code html and css you can easily customize your widget.
Once you’ve pasted your code into your page it should look something like this:
<link href='http://static1.litmos.com/static/css/widget.css?v=3.20090623' rel="Stylesheet"/> <script src="http://your-company.litmos.com/courses/widget.aspx?apikey=ABC-DEF-GHI-JKL" type="text/javascript"></script>
To change the style of the widget simply remove the link to the stylesheet from your page.
<link href='http://static1.litmos.com/static/css/widget.css?v=3.20090623' rel="Stylesheet" />
And replace it with your own styles using the following css classes.