Why use Embed? The Embed feature dynamically inserts your Tango into a third-party app like a wiki or a knowledge base, meaning it will stay up-to-date wherever you’ve shared it. Just make edits to the original Workflow and the changes will be reflected wherever you’ve shared it.
Embed as a video. Tango Pro and Enterprise users can embed the Tango as a video rather than a clickable step by step item. When sharing via Embed, simply select "Video" to generate the video of the Tango. And just like normal embeds, videos will automatically update whenever the Tango is edited. Learn more.
Embed into your knowledge base: Organizations using a knowledge base (KB) can insert our Embed code into a wiki page and offer their viewers a seamless experience to click through their Tangos without leaving the KB. Embed can be set up with a few clicks in KBs like Notion, Confluence and Zendesk. Admin access is required to update settings for other KBs like SharePoint.
Embed into your website: Our Embed code can work in any website that supports Iframes. Every website is different and we don’t have explicit instructions for configuring Embed in every website.
To control the display size of an embedded Tango workflow, you can adjust the width and height attributes in the iframe embed code. For example:
<iframe src="workflow_url" width="100%" height="900"></iframe>
Use
width="100%"for a responsive width or specify a fixed pixel width (e.g.,width="800").Set the
heighttall enough to display the workflow without cropping. Fine-tune this value as needed.
Preview the embedded workflow on your website and make further adjustments to the height if necessary.
Below is a list of specific instructions on how to embed Tangos into commonly used websites or knowledge bases. This list is not exhaustive! If you are looking to embed into a platform not mentioned and are running into trouble, reach out to us at [email protected]!
Steps to Embed and Customize a Tango Workflow:
Copy the Embed Code:
Open your Tango workflow.
Click on Share & Export → Embed → Copy Embed.
Paste the Code into Your Website:
Insert the iframe code into your website or tool where you want the workflow to appear.
Adjust the Dimensions:
Modify the
widthandheightattributes in the iframe code to your desired dimensions.
Preview and Adjust:
Preview the embedded workflow on your website and make further adjustments to the height if necessary.
Managing Workflow Access and Visibility:
If viewers see a message stating, “This Tango is private,” it means the workflow’s visibility is restricted to Workspace members. To make the workflow publicly viewable without requiring viewers to log in or install the Tango extension, follow these steps:
Set Visibility to Public:
Host the workflow in a folder where the visibility is set to Anyone with the link can view.
Embed the Workflow:
Use the embed code from the publicly accessible folder to ensure that viewers can access the workflow without restrictions.