# Embedding a resource in my application

If you are wondering, how do you embed a resource in an application external to Biuwer?, the steps to have embedded content in your application are:

1. Create the content in Biuwer. It can be a Card, a Page or a Collection.
2. Create a Resource Id associated with the content, clicking on the "Share" menu option in the list of content objects.
3. Configure the Shared Resource, adjusting dimensions and validity period.
4. Copy the IFRAME code to insert.
5. Include the HTML code of the IFRAME in your application, at the point you consider appropriate.

As described in the [**Shared Resources**](/integration-guide/concepts-to-take-into-account/shared-resources.md) section, the application can be written using different technologies and languages, but at the end of the day it must be a web application that speaks HTML, CSS and of course, Javascript.

As a **recommendation**, it is interesting to configure the **"width" and "height" attributes of the IFRAME so that they occupy 100% of the container element** defined in your application, for which you must specify a specific size.

It is important that you include in your code a **mechanism to identify the connected user** to go to the mapping table, for example, "integration\_security\_mapping", which we discussed in the [**Items to prepare**](/integration-guide/how-do-i-integrate-biuwer-into-my-application/items-to-prepare.md) section, so that a User AUTH TOKEN is obtained for its identification in Biuwer. This is the only element that for a basic integration should change between two different users in your application.

Check in the process with several users to verify that different AUTH TOKENS are being obtained correctly, that the RESOURCE TOKEN that is being embedded is the one you want, at a certain point (menu item, section of a screen, HTML layer, etc.), and that the data that is being displayed in each case is that which corresponds to the connected end user.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.biuwer.com/integration-guide/how-do-i-integrate-biuwer-into-my-application/embedding-a-resource-in-my-application.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
