Embedding Karmasoft elements on your website. 

  1. You will need to know your subdomain. This is the name you chose when you signup for the software. You can locate your subdomain on the address bar of your browser. [e.g. In the image below the subdomain is demo]

2. Copy and paste the respected code snippets below.

To embed your schedule:

<div id='container1' class='ksiframe-container' data-module='schedule' data-options='hide_branch=true&clean=true' data-target='demo.karmasoftonline.com'></div>
<script src="https://demo.karmasoftonline.com/assets/iframeapi.js"></script>

To embed your workshops:

<div id='container1' class='ksiframe-container' data-module='member/workshops' data-options='hide_branch=true&clean=true' data-target='demo.karmasoftonline.com'></div>
<script src="https://demo.karmasoftonline.com/assets/iframeapi.js"></script>

To embed instructors:

<div id='container1' class='ksiframe-container' data-module='users/profiles' data-options='hide_branch=true&clean=true' data-target='demo.karmasoftonline.com'></div>
<script src="https://demo.karmasoftonline.com/assets/iframeapi.js"></script>

To embed your store:

<div id='container1' class='ksiframe-container' data-module='member/store' data-options='hide_branch=true&clean=true' data-target='demo.karmasoftonline.com'></div>
<script src="https://demo.karmasoftonline.com/assets/iframeapi.js"></script>

To embed a lead capture form:

<div class='ksiframe-container' data-module='student_lead/new' embedded="true" data-target='demo.karmasoftonline.com' id='container1'></div>
<script src="http://demo.karmasoftonline.com/assets/iframeapi.js"></script>

3. Make studio specific changes to the above code.
    - Change every occurrence  of the word demo to your subdomain.
    - Set your data-options parameters. [See Parameter options below]

data_options parameters:

clean = true {This will load a cleaner, simpler embedded element} *This is the recommended option.

hide_instructor_full_name=true
{Will hide the instructor's full name and only display the first name}

 hide_instructor_name=true {Will hide the name of the instructor. No name will be listed on the public embedded schedule}

hide_branch=true {Will remove drop down that allows user to filter the schedule by branch/Location}

hide_instructor=true {Will remove the drop down that allows user to filter the schedule by instructor}

hide_lesson=true {Will remove the drop down that allows user to filter the schedule by lesson / class}

only_classes=true {Will only display classes, workshops will be removed}

only_workshops=true {Will only display workshops, classes will be removed}

by_lesson_category = lesson_category_id {Where lesson_category_id = the numeric value representing the lesson category] 

by_workshop = workshop_id
{for multiple branches you will need also include the by_branch parameter}
Example: by_branch=branch_id&by_workshop=workshop_id

by_branch = ######

For the store you can embed by product category.
category_id = product category id {you can select multiple categories, separating each with a comma}
example: category=1,3,5

today_only = true * For this to work you must specify a by_branch flag. eg: 

data-options='by_branch=7&today_only=true'

For those who want more control can use the JSON implementation:

JSON structures:

Instructors: https://demo.karmasoftonline.com/users/profiles.json

Schedule: https://demo.karmasoftonline.com/schedule.json

Workshop: https://demo.karmasoftonline.com/member/workshops.json

Store:
https://demo.karmasoftonline.com/member/store.json

Examples [Site and Github]

See implementation examples:
http://karmasoft2-embed.s3-website-us-east-1.amazonaws.com/

Example of JSON implementation:
http://karmasoft2-embed.s3-website-us-east-1.amazonaws.com/json.html

GitHub Code:
https://github.com/karmasoft/karmasoft-embed/

Did this answer your question?