> For the complete documentation index, see [llms.txt](https://learn.squirrel365.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.squirrel365.io/components-functions-and-connections/overview/layout-and-containers/web-view.md).

# Web View

{% hint style="success" %}
**Who can use this feature?**

All Squirrel365 plans include the Web View component.

For more details, see our [**plan comparison matrix**](https://squirrel365.io/pricing/).
{% endhint %}

The **Web View** component allows you to display web content within a Squirrel project. This could be a website, a Google map, or even another Squirrel project!

## Web View Properties

There are two property drawers, a **WEB VIEW PROPERTIES** drawer and a **DYNAMIC VISIBILITY** drawer. This guide will not describe the dynamic visibility properties as these are generic to each visible component, a separate guide and tutorial on dynamic visibility can be found [**here**](https://squirrel365.gitbook.io/learn/getting-started/dynamic-visibility).

The **Web View** property settings of the **Web View** are described below:

![](https://addons.squirrel365.io/learn-assets/uploads/2020/09/webView1-e1601395188138.png)

* **URL** – In the property field, enter the address of the website to be displayed. Type or paste the URL into the property field, or bind it to a cell in the spreadsheet that contains the web address:
  * The website will load in the web view component. If it doesn’t, see the note below and check it meets the criteria for display.
  * Responsive web content will display according to the size of the web view component; the default width of 400 px will most likely show the mobile version of a website, and at wider widths, tablet or desktop versions will be shown.

{% hint style="warning" %}
The **Web View** component is not able to display content that is prevented from being displayed in an Iframe ([learn more](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options)).
{% endhint %}

{% hint style="warning" %}
Squirrel projects hosted on a secure (https\://…) website cannot show content from an unsecured (http\://…) website.
{% endhint %}

* **Connect to External Parameters** – Check this option to pass data to a Squirrel project shown in the **Web View** component. (See the [External Parameters](https://learn.squirrel365.io/~/revisions/heUC4IdcyyXSz2lCbI8z/functions/input-output/external-parameters) description to find out more.)
* **Enable Scrollbars** – If the web content is larger than the **Web View** component, click the Enable Scrollbars option in the properties panel. Scrollbars will be added automatically to the vertical and/or horizontal, depending on the direction of the overflow.

{% hint style="info" %}
Enter Debug or Preview mode to interact with the **Web View** content.
{% endhint %}

For more information about using the **Web View** component in your projects, take a look at these two blog articles:

* [Web View Part 1: Embedding web content](https://squirrel365.io/web-view-part-1-embedding-web-content/)
* [Web View Part 2: How to embed one Squirrel project within another](https://squirrel365.io/web-view-part-2-how-to-embed-one-squirrel-project-within-another/).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://learn.squirrel365.io/components-functions-and-connections/overview/layout-and-containers/web-view.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.