Skip to content
Antonio Tapiador edited this page Jan 7, 2016 · 9 revisions

Teem Widgets brings Teem content to your community's website, allowing your audience to discover what's going on your community and start engaging with your current issues.

1. Insert javascript

Insert this javascript snippet inside your <body> tag in your page

<body>

  <script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "https://app.teem.works/js/widgets.js";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'teem-wjs'));</script>

</body>

2. Choose widget

Workspace Widget

The workspace widget shows three tabs: the pad, the need list and the chat

<div class="teem-project"
     data-id="cHJvdG90eXBlLnAycHZhbHVlLmV1L3MrdmFzamZYdEM1TkE"></div>

Example for creating workspaces dynamically, with a local ID:

<div class="teem-project"
     data-title="Fancy proposal"
     data-local-id="23"
     data-community-id="bG9jYWwubmV0L3MrRjlqNGxsRXcyeUQ"></div>

Options

  • data-id: The Teem ID of the workspace
  • data-title: The title of the workspace, if it has not already one
  • data-local-id: Create a new workspace, based on a local id (link this workspace dynamically to a existing local entry). If it is already created, the workspace will be found by its local id.
  • data-community-id: The Teem ID of the community where the workspace will be created
Clone this wiki locally