nocodb/packages/noco-docs/docs/040.bases/060.share-base.md

---
title: "Share base"
description: "Procedures to share a base & generating embedded iframe"
tags: ["Bases", "Share", "Collaboration", "Share base"]
keywords: ["NocoDB base", "share base", "base collaboration", "Public share"]
---

To share a base, follow the steps below:
1. Navigate to the top right corner of the top navigation bar and click on the `Share` button.
2. In the `Shared base` section, toggle the switch to `Enable public access` in order to activate the shared base feature.
3. The generated link for the shared base will be displayed above and can be utilized to share this project with others. To copy the URL, simply click on the `Copy Link` option.
  
![Share base](/img/v2/base/share-base-1.png)

![Share base](/img/v2/base/share-base-2.png)


## Modify Share base
Amending the `Share base` setting will render the previously generated `Share base` link invalid and generate a new link in its place.
Here are the steps to modify it:
1. Click on the `Share` button located in the top right corner of the toolbar.
2. Toggle the option labeled `Enable public access` to deactivate the base share.
3. Toggle the same option, `Enable public access,` to reactivate the base share, subsequently generating a new link.

![Enable public access](/img/v2/base/share-base-enable-public-access.png)

## Disable Share base
Disabling `Share base` will render the previously generated `Share base` link invalid
Here are the steps to disable it:
1. Click on the 'Share' button located in the top right corner of the toolbar.
2. Toggle the option labeled `Enable public access` to deactivate the base share.

![Enable public access](/img/v2/base/share-base-enable-public-access.png)

## Share base Access Permissions
The "Shared base" can be configured in two modes:

1. **Viewer** - Users with the provided link will have **read-only** access to the base data.
2. **Editor** - Users with the provided link will have **read and write** access to the base data.

Toggle `Enable Editor Access` button to configure permissions as desired
![Share base edit access](/img/v2/base/share-base-edit-access.png)


## Embeddable Frame

The NocoDB interface can be seamlessly integrated into existing applications through the utilization of the [HTML IFRAME](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) attribute. This feature empowers users to embed the NocoDB interface into their applications, allowing for a unified user experience. To generate the embeddable HTML code, follow these steps:

**To Generate Embeddable HTML Code:**
1. Click the `Share` button located in the top right corner of the toolbar.
2. Within the `Shared base link` tab, select the button to copy the `Embeddable HTML code` to your clipboard.

![Share base iFrame](/img/v2/base/share-base-iframe.png)

Example:

```html
<iframe
    class="nc-embed"
    src="https://nocodb-nocodb-rsyir.ondigitalocean.app/dashboard/#/nc/base/e3bba9df-4fc1-4d11-b7ce-41c4a3ad6810?embed"
    frameBorder="0"
    width="100%"
    height="700"
    style="background: transparent; border: 1px solid #ddd"
>
</iframe>
```

### Embed into application's HTML Body

Sample code with embedded iframe generated above

```html
<!DOCTYPE html>
<html>
<head>
    <title>Sample iFrame Example</title>
</head>
<body style="height:100vh; margin:0">
<iframe src="http://localhost:3000/#/base/035c5207-501a-48b8-8dbe-67742b78323e" width="100%" height="100%" style="border: none;"></iframe>
</body>
</html>
```

## Related articles
- [Base overview](/bases/base-overview)
- [Create an empty base](/bases/create-base)
- [Import base from Airtable](/bases/import-base-from-airtable)
- [Invite team members to work on a base](/bases/base-collaboration)
- [Share base publicly](/bases/share-base)
- [Rename base](/bases/actions-on-base#rename-base)
- [Duplicate base](/bases/actions-on-base#duplicate-base)
- [Bookmark base](/bases/actions-on-base#star-base)
- [Delete base](/bases/actions-on-base#delete-base)
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`---`
docs: title case correction Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`title: "Share base"`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`description: "Procedures to share a base & generating embedded iframe"`
docs: tags & keywords cleanup (wip) Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`tags: ["Bases", "Share", "Collaboration", "Share base"]`
			`keywords: ["NocoDB base", "share base", "base collaboration", "Public share"]`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`---`

			`To share a base, follow the steps below:`
			1. Navigate to the top right corner of the top navigation bar and click on the `Share` button.
			2. In the `Shared base` section, toggle the switch to `Enable public access` in order to activate the shared base feature.
			3. The generated link for the shared base will be displayed above and can be utilized to share this project with others. To copy the URL, simply click on the `Copy Link` option.

docs: base image update Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`![Share base](/img/v2/base/share-base-1.png)`

			`![Share base](/img/v2/base/share-base-2.png)`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago

			`## Modify Share base`
			Amending the `Share base` setting will render the previously generated `Share base` link invalid and generate a new link in its place.
			`Here are the steps to modify it:`
			1. Click on the `Share` button located in the top right corner of the toolbar.
			2. Toggle the option labeled `Enable public access` to deactivate the base share.
			3. Toggle the same option, `Enable public access,` to reactivate the base share, subsequently generating a new link.

docs: base image update Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`![Enable public access](/img/v2/base/share-base-enable-public-access.png)`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago
			`## Disable Share base`
			Disabling `Share base` will render the previously generated `Share base` link invalid
			`Here are the steps to disable it:`
			`1. Click on the 'Share' button located in the top right corner of the toolbar.`
			2. Toggle the option labeled `Enable public access` to deactivate the base share.

docs: base image update Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`![Enable public access](/img/v2/base/share-base-enable-public-access.png)`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago
			`## Share base Access Permissions`
			`The "Shared base" can be configured in two modes:`

			`1. Viewer - Users with the provided link will have read-only access to the base data.`
			`2. Editor - Users with the provided link will have read and write access to the base data.`

			Toggle `Enable Editor Access` button to configure permissions as desired
docs: base image update Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`![Share base edit access](/img/v2/base/share-base-edit-access.png)`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago

			`## Embeddable Frame`

			`The NocoDB interface can be seamlessly integrated into existing applications through the utilization of the [HTML IFRAME](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe) attribute. This feature empowers users to embed the NocoDB interface into their applications, allowing for a unified user experience. To generate the embeddable HTML code, follow these steps:`

			`To Generate Embeddable HTML Code:`
			1. Click the `Share` button located in the top right corner of the toolbar.
			2. Within the `Shared base link` tab, select the button to copy the `Embeddable HTML code` to your clipboard.

docs: base image update Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`![Share base iFrame](/img/v2/base/share-base-iframe.png)`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago
			`Example:`

			```html
			`<iframe`
			`class="nc-embed"`
			`src="https://nocodb-nocodb-rsyir.ondigitalocean.app/dashboard/#/nc/base/e3bba9df-4fc1-4d11-b7ce-41c4a3ad6810?embed"`
			`frameBorder="0"`
			`width="100%"`
			`height="700"`
			`style="background: transparent; border: 1px solid #ddd"`
			`>`
			`</iframe>`
			```

			`### Embed into application's HTML Body`

			`Sample code with embedded iframe generated above`

			```html
			`<!DOCTYPE html>`
			`<html>`
docs: sample code for iframe updated 1 year ago			`<head>`
			`<title>Sample iFrame Example</title>`
			`</head>`
			`<body style="height:100vh; margin:0">`
			`<iframe src="http://localhost:3000/#/base/035c5207-501a-48b8-8dbe-67742b78323e" width="100%" height="100%" style="border: none;"></iframe>`
			`</body>`
docs: base refactor Signed-off-by: Raju Udava <86527202+dstala@users.noreply.github.com> 1 year ago			`</html>`
			```

			`## Related articles`
			`- [Base overview](/bases/base-overview)`
			`- [Create an empty base](/bases/create-base)`
			`- [Import base from Airtable](/bases/import-base-from-airtable)`
			`- [Invite team members to work on a base](/bases/base-collaboration)`
			`- [Share base publicly](/bases/share-base)`
			`- [Rename base](/bases/actions-on-base#rename-base)`
			`- [Duplicate base](/bases/actions-on-base#duplicate-base)`
			`- [Bookmark base](/bases/actions-on-base#star-base)`
			`- [Delete base](/bases/actions-on-base#delete-base)`