# Embedding Albato via an iFrame — Albato Help Center

Source: https://albato.com/wiki/articles/embedding-albato-via-an-iframe

Welcome to Albato Help

Search articles

# Embedding Albato via an iFrame

Last update:  
13/2/2026 · 2 min read

* * *

IN THIS ARTICLE

To embed Albato into your platform quickly and easily, we provide a customer-facing iFrame with no-code integrations and user settings. Our integration library is available [here](https://albato.com/apps). The iFrame URL is specified in the partner's (your) Albato account. Below is an example of an HTML code for connecting an iFrame with temporary access tokens:

`<iframe width="100%" height="1000px" src="[https://iframe-link-from-embedded-settings/user/auth/token?session_token=user_token&amp;r=%2Fbundle"&gt;&lt;/iframe&gt;Copy](https://iframe-link-from-embedded-settings/user/auth/token?session_token=user_token&amp;r=%2Fbundle%22&gt;&lt;/iframe&gt;Copy)`

For end-to-end iFrame authorization, insert the user token obtained during the [user registration](https://wiki.albato.com/en/collections/9383875-api-documentation) into the iFrame address.

> To authorize your user in the iFrame, Albato uses cookies that are seen as third-party cookies by the partner's domain. Since many browsers block third-party cookies, we suggest setting up a proxy for the iFrame address through the partner’s (your) domain. For instance, if your domain is [partner.com](http://partner.com/) and the Albato iFrame is on [partner-name.albato.net](http://partner-name.albato.net/), create a proxy domain, e.g., [integrations.partner.com](http://integrations.partner.com/), that will proxy to [partner-name.albato.net](http://partner-name.albato.net/).

## Step-by-step guide for embedding the iFrame into your app frontend:

1.  Insert the following

`<style> iframe { width: 1px; min-width: 100%; border: none; height: 1000px; overflow: hidden; } </style>`

2.  id="albato" is default; you don't need to change it. The width and height may not be specified in the iFrame (already set in styles):

`<iframe id="albato" src="[https://iframe-link-from-embedded-settings/user/auth/token?token=user_token&amp;r=%2Fbundle"&gt;&lt;/iframe&gt;Copy](https://iframe-link-from-embedded-settings/user/auth/token?token=user_token&amp;r=%2Fbundle%22&gt;&lt;/iframe&gt;Copy)`

`<iframe id="albato" src="[https://iframe-link-from-embedded-settings/user/auth/token?session_token=user_token&amp;r=%2Fbundle"&gt;&lt;/iframe&gt;Copy](https://iframe-link-from-embedded-settings/user/auth/token?session_token=user_token&amp;r=%2Fbundle%22&gt;&lt;/iframe&gt;Copy)`

3.  Paste the following script before **the closing body tag:**

`<script src="[https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js"&gt;&lt;/script](https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.min.js%22&gt;&lt;/script)> <script> iFrameResize({enablePublicMethods: true, heightCalculationMethod: 'lowestElement'}, '#albato') </script>`

Did this answer your question?