Skip to main content
Frances Silva
Lead Developer
Asked a question recently

What are the different types of widgets I can embed into my website?

Where am I?

In Tribe you can ask and answer questions and share your experience with others!

Mo Malayeri
Celebrating Human Connections

Tribe widgets let you embed different sections of Tribe right inside your product or website. You can embed them as a WebView in phone apps, or iframe on web. You can also initiate them using Tribe JavaScript SDK.

Tribe widget urls start with /embed/ and gets a query string called components which will let you pick which sections of the widget you want to display. If components is not passed as query string, the widget will display all sections.

All these widgets can be embedded as an iframe using the following HTML tag:

<iframe frameborder="0" height="700" src="[URL AS MENTIONED BELOW]" />

Tribe Widgets

  • Topic Feed Widget
  • Group Feed Widget
  • User Widget
  • Notifications Widget
  • Question Widget
  • Answer Widget
  • Post Widget
  • Home Widget

1. Topic Widget

The topic widget displays different components of a topic including breadcrumb, header, suggestions, feed, input form, and sidebar.

Here is an example of the topic widget which includes all the components:

https://community.tribe.so/embed/topic/5babe5eb3d9228aa7c423c66?components=breadcrumb,sidebar,header,suggestions,feed,input73
 

If you don't need all the components, you can easily remove them from `components=`. For instance, the following url only includes input and the feed:

https://community.tribe.so/embed/topic/5babe5eb3d9228aa7c423c66?components=input,feed21

2. Group Widget

The group widget displays different components of a group including header, banner image, breadcrumb, input form, feed, and member list.

Here is a sample url of this widget:

https://community.tribe.so/embed/group/community-managers?components=breadcrumb,feed,members,topics,input,banner,header37

You can remove extra components, for instance, this feed only has the header, input, and feed:

https://community.tribe.so/embed/group/community-managers?components=feed,input,banner,header25
 

3. User Widget

The user widget displays different components of a user profile including header, menu, and main section.

Here is a sample url of this widget:

https://community.tribe.so/embed/user/siavash?components=header,menu,main28

 

4. Notifications Widget

Displays a list of logged in user’s notifications. Here is a sample url of this widget:

https://community.tribe.so/embed/notifications19
 

5. Question Widget

This widget displays a particular question. Here is an example url for this widget:

https://community.tribe.so/embed/question/5ba5638da7c02a2194f55f09?components=question,answers,stats,relatedQuestions,share,topics23

You can easily remove the components that you don’t need. Here is an example with only question and answers:

https://community.tribe.so/embed/question/5ba5638da7c02a2194f55f09?components=question,answers12

 

6. Answer Widget

This widget displays a particular answer. Here is an example url for this widget:

https://community.tribe.so/embed/question/5ba5638da7c02a2194f55f09/answer/5cc8905950181b54ff9c3dfc?components=answer,more15

 

7. Post Widget

This widget displays a particular post (including discussions, articles, simple post, etc.). Here is an example url for this widget:

https://community.tribe.so/embed/post/5ca64ed9825d9d343295954f?input=topics,post,share,responses64

 

8. Home Widget

The home widget displays the home feed of the community. It includes the main feed, input, left menu, and right sidebar. Here is an example url for this widget:

https://community.tribe.so/embed/home?components=menu,sidebar,input,feed26