---
title: "External"
slug: "external"
abstract: "Introduction to external components, which let you implement custom JavaScript code on a page by uploading it as a specialized bundle file."
---
# External

An **External** page component lets you implement JavaScript code from outside Sitecore Content Hub on a page, enabling advanced custom functionality on that page.

> [!warning]
> Use the **External** page component with caution. Some configurations might be less performant than the default components, and when [migrating Content Hub to React](https://doc.sitecore.com/ch/en/developers/cloud-dev/migrating-to-react.html), changes could affect the previously implemented customization.

To use this code in Content Hub you must:

- [Create and configure](https://doc.sitecore.com/ch/en/users/content-hub/configure-the-external-component.html "Configure the external component") the code in your bundle so that it matches the required interface using the render and unmount functions.
- [Upload the bundle](https://doc.sitecore.com/ch/en/users/content-hub/upload-a-javascript-bundle.html "Upload a JavaScript bundle") to Content Hub or a CDN.
- [Add an **External** component](https://doc.sitecore.com/ch/en/users/content-hub/add-an-external-component.html "Add an external component") to the page.
- [Add custom JSON](https://doc.sitecore.com/ch/en/users/content-hub/add-custom-json.html "Add custom JSON") if required.

> [!note]
> If required, compile the TypeScript code into a [bundle](https://doc.sitecore.com/ch/en/users/content-hub/use-a-bundler.html "Use a bundler").

> [!tip]
> To help you get started, see the [Sitecore Content Hub - External Components](https://www.youtube.com/watch?v=nIjaOUrv-Xs) video available on the Discover Sitecore channel. There are also several [examples](https://doc.sitecore.com/ch/en/users/content-hub/examples.html "Examples") of how to implement an **External** page component available.