Configure custom navigation items for your companion site.
Navigation
button under the Companion Forums Site module in your Tightknit app home.
Navigation Items Modal
Name | URL
.
For example, the following configuration will create a navigation item with the label “Knowledge Base” that will open the URL “https://example.com” in a new tab when clicked:
Name | URL | slug
. When an internal link is configured, the the embedded page is added to the companion site at the URL: https://<your-site>/p/<slug>
.
For example, the following configuration will create a navigation item with the label “Terms of Service” that will open the embedded page at the URL: https://<your-site>/p/terms-of-service
. This page will contain an embedded iframe with the contents of the URL https://example.com
.
The Target URL Must Allow Itself to be Embedded
X-Frame-Options
header and/or the frame-ancestors
directive in the Content-Security-Policy
header. For modern browsers, it is recommended to use the Content-Security-Policy
and include the companion site domain in frame-ancestors
directive.For example, you could configure your third-party site to use the following Content-Security-Policy
header to allow it to be embedded within the companion site:The Domains Within the Embedded Page Must be Allowlisted
frame-src
directive of the Content-Security-Policy
header on the companion site. The value must be a space-separated list of domains. Tightknit automatically includes 'self'
and the domain of the navigation item URL.You may use a wildcard within a domain (e.g. https://*.my-site.com
) or by itself *
to allow all domains.*
wildcard to allow all domains should be used with caution. This
may lead to security vulnerabilities if not properly configured.