Getting Started

note

Embedding your community in an IFrame or Webview is available on all Tribe plans

In many cases, you may want to embed your communinity or parts of it into your own product or phone app.

Embeddability is one of the core functionalities of Tribe community platform alongside customizability and extensibility.

To embed a community in your web product, you can use <iframe> tag. Here is an example of how it will look like:

<iframe

src="{{COMMUNITY_URL}}"

frameBorder="0"

width="100%">

</iframe>

On mobile apps, you can use WebView to embed the community into your app:

Swift

import UIKit

class ViewController: UIViewController {

@IBOutlet weak var webView: UIWebView!

override func viewDidLoad() {

super.viewDidLoad()

// Do any additional setup after loading the view.

let url = NSURL (string: "{{COMMUNITY_URL}}");

let request = NSURLRequest(URL: url!);

webView.loadRequest(request);

}

override func didReceiveMemoryWarning() {

super.didReceiveMemoryWarning()

// Dispose of any resources that can be recreated.

}

}

Kotlin

// Add to your app layout

<WebView

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

// To load the community URL

val myWebView: WebView = findViewById(R.id.webview)

myWebView.loadUrl("{{COMMUNITY_URL}}")

Java

// Add to your app layout

<WebView

android:id="@+id/webview"

android:layout_width="match_parent"

android:layout_height="match_parent"

/>

// To load the community URL

WebView myWebView = (WebView) findViewById(R.id.webview);

myWebView.loadUrl("{{COMMUNITY_URL}}");

note

JWT SSO and Embeddability can be used hand in hand to automatically sign in the member in the community inside your product or phone app. Learn more here.

In the next sections, we're going to cover how you can generate your community URL to embed your entire Tribe community, a specific space, or a particular post.