Tribe Community Platform

The Tribe Community Platform Developer Hub

Welcome to the Tribe Community Platform developer hub. You'll find comprehensive guides and documentation to help you start working with Tribe Community Platform as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Getting Started

Tribe widgets are components from the community that can be easily embedded in your product, website, service, or phone app.

There are two ways of embedding widgets into your product:

  • Using the Tribe JavaScript Snippet
  • Manually generating the widget URL and using <iframe /> on the web or WebView on iOS and Android

📘

Tribe JavaScript Snippet vs Iframe

The easiest way to add widgets to your website is using Tribe JavaScript snippet. The benefit of using the JavaScript snippet over Iframe or WebView is that it'll automatically handle the URL generation and Iframe resizing. It also provides JavaScript listeners for different events happening inside the widget.

To use Tribe JavaScript snippet, start by pasting the following script in your website's <head> tag.

<!-- Tribe Tag -->
<script>
  (function(t,r,i,b,e){
    if(typeof t.Tribe==='function'){t.Tribe('reload',{portal:i});}
    else{b=function(){b.r(arguments);};b.q=[];b.r=function(args){b.q.push(args);};
    t.Tribe=b; e=r.createElement('script');e.type='text/javascript';e.async=true;
    e.src=i+'/widget/v1/main.js?t='+Math.ceil(new Date() / 3e5) * 3e5;
    var x=r.getElementsByTagName('script')[0];x.parentNode.insertBefore(e,x);
    t.Tribe('boot',{portal:i});}
  })(window,document,'{YourCommunityAddress}');
</script>

Make sure to replace {YourCommunityAddress} with the root address to your community, including https://. For instance, if your community URL is https://community.tribe.so, the script should look like this:

<!-- Tribe Tag -->
<script>
  (function(t,r,i,b,e){
    if(typeof t.Tribe==='function'){t.Tribe('reload',{portal:i});}
    else{b=function(){b.r(arguments);};b.q=[];b.r=function(args){b.q.push(args);};
    t.Tribe=b; e=r.createElement('script');e.type='text/javascript';e.async=true;
    e.src=i+'/widget/v1/main.js?t='+Math.ceil(new Date() / 3e5) * 3e5;
    var x=r.getElementsByTagName('script')[0];x.parentNode.insertBefore(e,x);
    t.Tribe('boot',{portal:i});}
  })(window,document,'https://community.tribe.so');
</script>

After the script is in place you can use window.Tribe function to add widgets to your website.

window.Tribe accepts one or two arguments. The first argument is the widget type or action that you want to perform, and the second argument is an object which defines widget's options.

<script>
  window.Tribe('widgetType', {id: 'test'})
</script>

Here are the most important Tribe widgets:

  • TopicTopic - Topics help you organize everything inside the community. It helps your members find the groups and content easier. There are two types of topics available at Tribe: Collections and Tags. Widget
  • GroupGroup - Groups are containers for content. Members can be part of different groups with different roles. Widget
  • Home Widget
  • Post Widget
  • Question Widget
  • Signup Form Widget

Updated 4 months ago



Getting Started


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.