Skip to main content

Embedding Applications

You can embed your Superblocks applications in other tools by sharing them through an iFrame.

Note - before getting started, there are some limitations to be aware of:

  • You cannot login or create a new account from the iFrame. Logging in and creating accounts must be done directly in Superblocks. Support for these operations within an iFrame is being worked on, so reach out to help@superblockshq.com if this is a requirement.
  • Embedding into a website with a content-security-policy is not supported.
  • The hosting page must use HTTPS.
  • PDF components are not supported.

Otherwise, to embed an iFrame into your own apps, simply add it to the source HTML or JS/React of your webpage. Here is a basic HTML snippet that adds an <iframe> tag whosesrc attribute is the URL of the deployed Superblocks application.

<!DOCTYPE html>
<html lang="en">
<body>
<iframe src="https://app.superblockshq.com/applications/<ID>/pages/<ID>?environment=production" height="500" width="500" title="Superblocks iFrame"></iframe>
</body>
</html>

Similarly, you can embed Superblocks as an iFrame in third party tools like Datadog.