# 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/).